@charset "UTF-8";
.pc-hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .pc-hidden {
    display: inline-block;
  }
}

.pc-hiddenSp {
  display: none;
}
@media screen and (max-width: 375px) {
  .pc-hiddenSp {
    display: inline-block;
  }
}

.sp-hidden {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .sp-hidden {
    display: none;
  }
}

/*-- globalフォルダの中の_index.scss --*/
.l-main#join .lead {
  margin-top: clamp(5.625rem, 3.587rem + 3.26vw, 7.5rem);
  margin-bottom: clamp(5rem, 4.166rem + 3.56vw, 8.438rem);
  padding-bottom: 42px;
  position: relative;
}
.l-main#join .lead::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(50% + 395px);
  height: 500px;
  bottom: 0;
  right: 0;
  background-color: #F1F1F1;
}
@media screen and (max-width: 1919px) {
  .l-main#join .lead::before {
    width: 70%;
    height: 95%;
  }
}
@media screen and (max-width: 1000px) {
  .l-main#join .lead::before {
    width: 100%;
    height: 85%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.l-main#join .lead .lead__container {
  display: flex;
  max-width: 1919px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 1919px) {
  .l-main#join .lead .lead__container {
    margin-right: 4.375%;
    margin-left: 4.375%;
  }
}
@media screen and (max-width: 768px) {
  .l-main#join .lead .lead__container {
    margin-right: 8.375%;
    margin-left: 8.375%;
  }
}
@media screen and (max-width: 1000px) {
  .l-main#join .lead .lead__container {
    display: block;
  }
}
.l-main#join .lead .lead__img {
  width: 46.4%;
}
@media screen and (max-width: 1000px) {
  .l-main#join .lead .lead__img {
    width: 100%;
  }
}
.l-main#join .lead .lead-content {
  flex: 1;
}
.l-main#join .lead .lead-content .lead-content__inner {
  max-width: 580px;
  margin-left: clamp(2.188rem, -1.209rem + 5.43vw, 5.313rem);
  margin-top: clamp(6.25rem, 2.989rem + 5.22vw, 9.25rem);
}
@media screen and (max-width: 1000px) {
  .l-main#join .lead .lead-content .lead-content__inner {
    max-width: 500px;
    margin-top: 50px;
    margin-left: 0;
  }
}
.l-main#join .lead .lead-content .lead-content__detail {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  margin-top: 1.3em;
}
.l-main#join .service .service__container {
  margin-bottom: clamp(5rem, 4.09rem + 3.88vw, 8.75rem);
}
.l-main#join .service .service__box {
  display: flex;
  justify-content: space-between;
  counter-reset: number;
  margin-top: clamp(2.813rem, 2.433rem + 1.62vw, 4.375rem);
}
@media screen and (max-width: 768px) {
  .l-main#join .service .service__box {
    display: block;
  }
}
.l-main#join .service .item {
  width: 46%;
  counter-increment: number;
  padding-top: 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-main#join .service .item {
    width: 100%;
    max-width: 460px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) {
  .l-main#join .service .item:last-child {
    margin-top: 50px;
  }
}
.l-main#join .service .item::before {
  content: "0" counter(number);
  display: inline-block;
  position: absolute;
  font-size: clamp(1rem, 0.924rem + 0.32vw, 1.313rem);
  color: #00976E;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0em;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.l-main#join .service .item .item__head {
  font-size: clamp(1.125rem, 0.973rem + 0.65vw, 1.75rem);
  font-weight: 400;
  line-height: 1.8571428571;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 0.26em;
}
.l-main#join .service .item .item__img {
  margin-top: 13px;
  text-align: center;
}
.l-main#join .service .item .item__detail {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  margin-top: 1.1em;
}
.l-main#join .method .method__container {
  padding-bottom: clamp(6.25rem, 5.036rem + 5.18vw, 11.25rem);
}
.l-main#join .method .method__inner {
  margin-top: clamp(3.125rem, 2.67rem + 1.94vw, 5rem);
}
.l-main#join .method .info {
  margin-top: clamp(3.125rem, 2.67rem + 1.94vw, 5rem);
}
.l-main#join .method .info:first-child {
  margin-top: 0;
}
.l-main#join .method .info .info__head {
  font-size: clamp(1rem, 0.909rem + 0.39vw, 1.375rem);
  font-weight: 700;
  line-height: 1.3636363636;
  letter-spacing: 0em;
  padding-left: 1.8em;
  position: relative;
}
.l-main#join .method .info .info__head::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 2%;
  padding-top: 2%;
  top: 15%;
  left: 1%;
  border-radius: 100%;
  background-color: #333333;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .info .info__head::before {
    width: 15px;
    padding-top: 15px;
    top: 4px;
  }
}
.l-main#join .method .info .info-price {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .info .info-price {
    display: block;
  }
}
.l-main#join .method .info .info-price .info-price__box {
  width: 46%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .info .info-price .info-price__box {
    width: 100%;
    max-width: 460px;
    margin-inline: auto;
    margin-top: 20px;
  }
  .l-main#join .method .info .info-price .info-price__box:first-child {
    margin-top: 0;
  }
}
.l-main#join .method .info .info-price .info-price__subhead {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  background-color: #DDDDDD;
}
.l-main#join .method .info .info-price .info-price__detail {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  background-color: #EFEFEF;
  padding: 1.2em 0.1em 1em;
}
.l-main#join .method .info .info-price .big {
  font-size: clamp(1.25rem, 0.947rem + 1.29vw, 2.5rem);
  font-weight: 600;
  line-height: 0.825;
  letter-spacing: 0em;
  color: #00976E;
}
.l-main#join .method .info .info__attention {
  font-size: clamp(0.875rem, 0.845rem + 0.13vw, 1rem);
  font-weight: 400;
  line-height: 2.1875;
  letter-spacing: 0em;
  margin-top: 1.1em;
}
.l-main#join .method .info .info__attention .weight {
  font-weight: 700;
}
.l-main#join .method .info .info__lead {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  margin-top: 0.6em;
}
.l-main#join .method .info .info__content {
  font-size: clamp(0.875rem, 0.814rem + 0.26vw, 1.125rem);
  font-weight: 400;
  line-height: 1.9444444444;
  letter-spacing: 0em;
  margin-top: 1.3em;
}
.l-main#join .method .method-download {
  padding-top: clamp(3.75rem, 3.295rem + 1.94vw, 5.625rem);
  padding-bottom: clamp(5rem, 4.393rem + 2.59vw, 7.5rem);
  background-color: #F1F1F1;
}
.l-main#join .method .method-download .method-download__title {
  font-size: clamp(1.25rem, 1.038rem + 0.91vw, 2.125rem);
  font-weight: 400;
  line-height: 1.5294117647;
  letter-spacing: 0em;
  color: #00976E;
  text-align: center;
}
.l-main#join .method .method-download .download {
  display: flex;
  justify-content: center;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .method-download .download {
    display: block;
  }
}
.l-main#join .method .method-download .download .download__item {
  width: min(100%, 360px);
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .method-download .download .download__item {
    margin-top: 30px;
    margin-inline: auto;
  }
}
.l-main#join .method .method-download .download .download__item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .method-download .download .download__item:first-child {
    margin-top: 0;
    margin-inline: auto;
  }
}
.l-main#join .method .method-download .download .download__link {
  font-size: clamp(1rem, 0.909rem + 0.39vw, 1.375rem);
  font-weight: 400;
  line-height: 2.3636363636;
  letter-spacing: 0em;
  padding: 1em 0.1em;
  border-radius: 50px;
}
.l-main#join .method .method-download .download .download__link .icon {
  padding-left: 2.4em;
}
.l-main#join .method .method-download .download .download__link .icon--pdf::before {
  background-image: url("../../img/join/icon-pdf.svg");
  width: 35px;
  padding-top: 39px;
  top: 6px;
  left: -9px;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .method-download .download .download__link .icon--pdf::before {
    width: 15%;
    padding-top: 17%;
  }
}
.l-main#join .method .method-download .download .download__link .icon--word::before {
  background-image: url("../../img/join/icon-word.svg");
  width: 38px;
  padding-top: 37px;
  top: 5px;
  left: -3px;
}
@media screen and (max-width: 768px) {
  .l-main#join .method .method-download .download .download__link .icon--word::before {
    width: 13%;
    padding-top: 13%;
    top: 7px;
  }
}
/*# sourceMappingURL=join.css.map */