/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {@include fontSize(12px);}
 * 
 */
.pageHeader {
  padding-bottom: clamp(40px, 37.6923076923px + 0.641025641vw, 50px) !important;
}
.pageHeader__ttl {
  color: var(--color-txt) !important;
}
@media (min-width: 75em) {
  .pageHeader__ttlWrap {
    margin-bottom: 70px !important;
  }
  .pageHeader__ttl {
    font-size: 30px !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 75em) {
  .site-subheader {
    padding-bottom: 80px !important;
  }
}
.contentsBody {
  /* confirm */
}
.contentsBody .section__ttl {
  margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
}
.contentsBody .section__txt {
  margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
}
.contentsBody .contactMenuSection {
  padding-bottom: clamp(30px, 20.7692307692px + 2.5641025641vw, 70px) !important;
  border-bottom: 1px dotted var(--color-line);
  margin-bottom: clamp(30px, 20.7692307692px + 2.5641025641vw, 70px) !important;
}
.contentsBody .p-form__block {
  padding: 0;
  margin-bottom: clamp(20px, 15.3846153846px + 1.2820512821vw, 40px);
}
.contentsBody .p-form__block:before {
  content: none;
}
.contentsBody .p-form__label {
  font-weight: 500;
  font-size: clamp(0.8125rem, 0.7836538462rem + 0.1282051282vw, 0.9375rem);
  margin-bottom: 5px;
  display: block;
}
.contentsBody .p-form__input {
  border: 1px solid var(--color-txt);
  border-radius: 5px;
  width: 100%;
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
}
.contentsBody .p-form__submit {
  margin: 70px auto 0;
  text-align: center;
}
.contentsBody .p-form__submit .btn {
  font-size: clamp(0.875rem, 0.8461538462rem + 0.1282051282vw, 1rem);
}
.contentsBody .c-policy__note {
  font-weight: 500;
  font-size: clamp(0.8125rem, 0.7836538462rem + 0.1282051282vw, 0.9375rem);
  margin-bottom: 10px;
}
.contentsBody .c-checkbox__label {
  align-items: center;
  display: flex;
}
.contentsBody .c-checkbox__label + .footnote {
  margin-top: 0;
}
.contentsBody .c-checkbox label[for] {
  cursor: pointer;
}
.contentsBody .c-checkbox__input {
  border: 2px solid var(--color-txt);
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin-right: 0.5em;
  color: currentcolor;
  cursor: pointer;
  font: inherit;
  place-content: center;
  transition-duration: 0.5s;
  transition-property: opacity, background-color, border-color;
}
.contentsBody .c-checkbox__input:after {
  border-bottom: 0.15em solid var(--color-bg);
  border-left: 0.15em solid var(--color-bg);
  content: "";
  height: 0.3em;
  opacity: 0;
  transform: rotate3d(0, 0, -1, 45deg);
  transform-origin: center;
  transition: opacity 0.5s;
  width: 0.6em;
  display: block;
}
.contentsBody .c-checkbox__input:checked {
  background-color: #000;
}
.contentsBody .c-checkbox__input:checked:after {
  opacity: 1;
}
.contentsBody .c-checkbox__txt {
  font-size: clamp(0.8125rem, 0.7836538462rem + 0.1282051282vw, 0.9375rem);
}
.contentsBody .confirmFormSection .p-form__btns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2em;
}
.contentsBody .confirmFormSection .p-form__btns li {
  margin: 0;
  padding: 0;
}
.contentsBody .confirmFormSection .p-form__btns li::before {
  content: none;
}
.contentsBody .confirmFormSection .p-form__term {
  font-weight: 500;
}
.contentsBody .confirmFormSection .p-form__data {
  margin-left: 0;
}
.contentsBody .confirmFormSection .p-form__block {
  border-bottom: 1px solid var(--color-line);
  padding-bottom: 1em;
}

/* finish */
.finish {
  height: 100vh;
}