@charset "UTF-8";
:root {
  --stepW:220px;
}
.mainContents {
  width: calc(100% - var(--vertical-width));
}

@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;
  }
}
.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;
    flex-direction: row-reverse;
    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);
  }
  .signup .stepListWrapper li {
    height: auto;
  }
}
@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;
  }
}

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

@media (max-width: 375px) {
  .signup .buttonArea .button {
    font-size: 0.8rem;
  }
}