@charset "UTF-8";
:root {
  --stepW:220px;
}

.step02 {
  padding: 0px;
}

.step01 .input-row__wrapper, .step02 .input-row__wrapper, .step03 .input-row__wrapper {
  margin-bottom: 20px;
}

.signup .buttonArea .form-btn.single, .signup .buttonArea .termLinks {
  margin-left: auto;
  margin-right: auto;
}

.step01 .inputHead, .step02 .inputHead, .step03 .inputHead {
  font-weight: 700;
}

a.term-link, a.privacy-link {
  text-decoration: underline;
}

@media (max-width: 750px) {
  .signup {
    padding-bottom: 116px;
  }
}
@media (min-width: 751px) {
  .signup {
    max-width: unset;
  }
}
.signup .form-inner {
  margin-top: 0;
}
@media (min-width: 751px) {
  .signup .form-inner {
    max-width: 100%;
    width: max-content;
    padding: 0;
    min-width: 60vw;
  }
}
.signup .buttonArea .buttonArea__col .button {
  font-size: 1.2rem;
}
@media (min-width: 751px) {
  .signup .buttonArea .buttonArea__col .button {
    max-width: 250px;
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .signup .buttonArea .form-btn.single, .signup .buttonArea .termLinks {
    width: 100%;
  }
}
@media (min-width: 751px) {
  .signup .stepListWrapper {
    width: var(--stepW);
  }
}
.signup .stepListWrapper li:before {
  font-family: "Archivo";
}
@media (max-width: 750px) {
  .signup .formTable {
    margin-bottom: 30px;
  }
}
@media (max-width: 750px) {
  .signup .form-box {
    padding-bottom: 0;
  }
}
.signup .form-content__bottom .inputRow {
  padding-bottom: 0;
}
.signup .form-content__bottom .inputRow:not(:last-child) {
  padding-bottom: 10px;
}
@media (max-width: 750px) {
  .signup .form-content__bottom .inputRow:not(:last-child) {
    padding-bottom: 30px;
  }
}
.signup input[type=checkbox] + label {
  margin: 0;
  padding-left: 28px;
}
.signup input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.signup input[type=checkbox] + label:after {
  left: 7px;
}
@media (min-width: 751px) {
  .signup .buttonArea__row {
    display: flex;
    display: -webkit-flex;
    gap: 17px;
  }
  .signup .buttonArea__row .buttonArea__col {
    width: 50%;
    max-width: 250px;
  }
}
.signup .buttonArea .button {
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1em;
  font-size: 1rem;
}
@media (max-width: 750px) {
  .signup .buttonArea .button {
    padding: 0;
    width: 100%;
    max-width: min(100%, 400px);
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .signup .stepListWrapper {
    margin-right: 40px;
  }
}
@media (min-width: 751px) {
  .signup .stepListWrapper + .mainContentsInner {
    width: calc(100% - var(--stepW) - 80px);
  }
}
@media (min-width: 751px) and (max-width: 1023px) {
  .signup .stepListWrapper + .mainContentsInner {
    width: calc(100% - var(--stepW) - 40px);
  }
}

/*-----------------------------------------
会員登録完了
-------------------------------------------*/
.signup--end .buttonArea .button {
  font-size: 1.2rem;
}
@media (min-width: 751px) {
  .signup--end .buttonArea .button {
    width: 100%;
    margin: 0;
    max-width: 250px;
  }
}

.signup .formTable .inputRow {
  width: 100%;
}

/*-----------------------------------------
日本語用
-------------------------------------------*/
html[lang=ja] .signup .buttonArea .button {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 1.2rem;
}