@charset "utf-8";

.pt-20 {
  padding-top: 20px;
}

.pt-50 {
  padding-top: 50px;
}

.clr-blue {
  color: var(--clr-link);
}

.join .ttl-wrap {
  margin-bottom: 30px;
}

.sec-join .sub-ttl {
  margin-bottom: 50px;
}

.terms-list,
.sec-join-complete,
.sec-join-convini,
.sec-login-complete,
.sec-pwd-reset-comp {
  line-height: 2;
  font-size: 14px;
}

.terms-list li span {
  font-size: 24px;
}

.join .btn-link,
.join .btn {
  font-family: var(--font-primary);
  font-weight: 400;
}

.join .btn-icon::before {
  background: url(/img/common/ico_arrow_right_blue.svg) no-repeat center / cover;
}

.join .btn-container {
  margin-top: 60px;
  justify-content: center;
}

.join .btn {
  height: 56px;
  border-radius: 4px;
  font-size: 16px;
}

.join .form-wrap {
  margin-top: 40px;
}

.sec-join-complete .text {
  padding-top: 30px;
}

.sec-login-complete .text {
  padding-top: 40px;
}

.join .btn-link {
  letter-spacing: unset;
}

.join .overview-table td {
  padding-left: 52px;
  font-size: 16px;
}

.join .overview-table tr th {
  min-width: 250px;
  max-width: 250px;
}

.kiyaku {
  height: 400px;
  padding: 20px;
  border: 1px solid var(--clr-gray-700);
  font-size: 14px;
  overflow-y: scroll;
  border-image: initial;
}

.join-item .ttl-with-line {
  padding-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  margin-block: 50px 35px;
  border-bottom: 3px solid var(--primary-border-color);
}

.kiyaku .terms-list li {
  margin-bottom: 33px;
}

.custom-checkbox::after {
  top: 9px;
}

@media (max-width: 768px) {

  .sm-pt-40 {
    padding-top: 40px;
  }

  .join .ttl-wrap {
    margin-bottom: 20px;
  }

  .sec-join-complete .text {
    padding-top: 40px;
  }

  .sec-join .sub-ttl {
    margin-bottom: 40px;
  }

  .join .overview-table tr th {
    min-width: 140px;
    max-width: 140px;
  }

  .join .overview-table td {
    padding-left: 20px;
  }
}