/* setting/_extend.scss
-------------------------------------------------- */
.form_table tbody td div::after {
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.formInner.check_page h3 {
  text-align: center;
  color: #5AAA53;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.formInner.check_page .form_table tbody tr {
  border-bottom: 1px solid #E4E4E4;
}
.formInner.check_page .form_btn {
  text-align: center;
}
.formInner .alert strong {
  font-weight: 700;
}

.form_table table {
  width: 100%;
}
.form_table tbody th, .form_table tbody td {
  display: block;
  width: 100%;
}
.form_table tbody th {
  font-weight: 700;
}
.form_table tbody th small {
  display: block;
  font-weight: 500;
}
.form_table tbody th .required {
  display: inline-block;
  background-color: #E60039;
  color: #fff;
}
.form_table tbody th.green {
  color: #5AAA53;
}
.form_table tbody th u {
  display: block;
  font-weight: 500;
  text-decoration: none;
}
.form_table tbody td > span, .form_table tbody td > em {
  font-weight: 700;
}
.form_table tbody td div {
  position: relative;
}
.form_table tbody td div::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  mask: no-repeat center center/contain;
  mask-image: url("../img/common/icon-arrow-down.svg");
  background-color: #202124;
  aspect-ratio: 13/9;
}
.form_table input[type=text],
.form_table textarea,
.form_table select {
  box-sizing: border-box;
  background-color: #F5F5F5;
}
.form_table input[type=text]::placeholder,
.form_table textarea::placeholder,
.form_table select::placeholder {
  color: #ADADAD;
}
.form_table li label:has(> input[type=checkbox]) {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #ADADAD;
  color: #ADADAD;
  font-weight: 700;
}
.form_table li label:has(> input[type=checkbox])::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  mask: no-repeat center center/contain;
  mask-image: url("../img/common/icon-check.svg");
  background-color: #ADADAD;
  aspect-ratio: 17/12;
}
.form_table li label:has(> input[type=checkbox]:checked) {
  border: 1px solid #5AAA53;
  background-color: #EFF7EE;
  color: #5AAA53;
}
.form_table li label:has(> input[type=checkbox]:checked)::before {
  background-color: #5AAA53;
}
.form_table li label:has(> input[type=radio]) {
  position: relative;
  display: inline-block;
}
.form_table li label:has(> input[type=radio])::before {
  content: "";
  position: absolute;
  background-color: #fff;
  border: 1px solid #ADADAD;
  border-radius: 999px;
}
.form_table li label:has(> input[type=radio])::after {
  content: "";
  position: absolute;
  background-color: #5AAA53;
  border-radius: 999px;
  opacity: 0;
}
.form_table li label:has(> input[type=radio]:checked)::after {
  opacity: 1;
}
.form_table input[type=file] {
  width: 100%;
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
}
.form_table input[type=file]::file-selector-button {
  font-family: "Zen Kaku Gothic New", serif;
  color: #202124;
  font-weight: 500;
  background-color: #E4E4E4;
  border: 1px solid #202124;
}
.form_table .color_o {
  color: #5AAA53;
}

.form_btn label {
  position: relative;
  font-weight: 700;
}
.form_btn label a {
  text-decoration: underline;
}
.form_btn label sup {
  color: #E60039;
}
.form_btn label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #ADADAD;
}
.form_btn label::after {
  content: "";
  position: absolute;
  mask: no-repeat center center/contain;
  mask-image: url("../img/common/icon-check.svg");
  background-color: #fff;
  aspect-ratio: 17/12;
  opacity: 0;
}
.form_btn label:has(> input[type=checkbox]:checked)::before {
  background-color: #709EF9;
  border: 1px solid #709EF9;
}
.form_btn label:has(> input[type=checkbox]:checked)::after {
  opacity: 1;
}
.form_btn label .required {
  display: inline-block;
  background-color: #E60039;
  color: #fff;
}
.form_btn .form_btn {
  text-align: center;
}
.form_btn input[type=submit] {
  color: #fff;
  background-color: #5AAA53;
  border-radius: 999px;
  transition: opacity 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;
}
@media (hover: hover) {
  .form_btn input[type=submit]:hover {
    opacity: 0.6;
  }
}
.form_btn input[type=submit].form_btn_return {
  background-color: #ADADAD;
}

@media screen and (min-width: 769px), print {
  .formInner {
    padding-top: min(95px, calc(6.9546120059 * var(--vw)));
    width: min(841px, calc(61.5666178624 * var(--vw)));
    margin-left: auto;
    margin-right: auto;
  }
  .formInner.check_page {
    padding-top: min(95px, calc(6.9546120059 * var(--vw)));
  }
  .formInner.check_page h3 {
    margin-bottom: min(41px, calc(3.0014641288 * var(--vw)));
    font-size: min(1.375rem, calc(1.6105417277 * var(--vw)));
    line-height: 1.4545454545em;
  }
  .formInner.check_page .form_table tbody th, .formInner.check_page .form_table tbody td {
    padding: 0 min(25px, calc(1.8301610542 * var(--vw)));
  }
  .formInner.check_page .form_table tbody th {
    margin-top: min(16px, calc(1.1713030747 * var(--vw)));
  }
  .formInner.check_page .form_table tbody td {
    margin-top: max(-8px, calc(-0.5856515373 * var(--vw)));
    margin-bottom: min(14px, calc(1.0248901903 * var(--vw)));
    font-size: min(1rem, calc(1.1713030747 * var(--vw)));
    line-height: 2.25em;
    min-height: min(36px, calc(2.635431918 * var(--vw)));
  }
  .formInner.check_page .form_btn {
    margin-top: min(90px, calc(6.588579795 * var(--vw)));
  }
  .formInner.check_page .form_btn input + input {
    margin-left: min(24px, calc(1.756954612 * var(--vw)));
  }
  .formInner .alert {
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 2em;
    margin-bottom: min(30px, calc(2.196193265 * var(--vw)));
  }
  .formInner .alert strong {
    font-size: min(1.375rem, calc(1.6105417277 * var(--vw)));
    line-height: 1.6363636364em;
  }
  .form_table {
    padding-right: min(49px, calc(3.5871156662 * var(--vw)));
  }
  .form_table tbody tr + tr th {
    margin-top: min(30px, calc(2.196193265 * var(--vw)));
  }
  .form_table tbody th {
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 2em;
    margin-bottom: min(5px, calc(0.3660322108 * var(--vw)));
  }
  .form_table tbody th small {
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.4285714286em;
  }
  .form_table tbody th .required {
    margin-left: min(9px, calc(0.6588579795 * var(--vw)));
    padding: 0 min(11px, calc(0.8052708638 * var(--vw)));
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.4285714286em;
    border-radius: min(5px, calc(0.3660322108 * var(--vw)));
  }
  .form_table tbody th u {
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.7142857143em;
  }
  .form_table tbody td {
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.7142857143em;
  }
  .form_table tbody td > em {
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 2;
  }
  .form_table tbody td div {
    width: fit-content;
  }
  .form_table tbody td div::after {
    width: min(13px, calc(0.9516837482 * var(--vw)));
    right: min(18px, calc(1.317715959 * var(--vw)));
  }
  .form_table input[type=text],
  .form_table textarea,
  .form_table select {
    padding: min(7px, calc(0.5124450952 * var(--vw))) min(25px, calc(1.8301610542 * var(--vw)));
    font-size: min(1rem, calc(1.1713030747 * var(--vw)));
    line-height: 2.25em;
    border-radius: min(10px, calc(0.7320644217 * var(--vw)));
  }
  .form_table input[type=text].inputSm {
    width: min(384px, calc(28.1112737921 * var(--vw)));
  }
  .form_table input[type=text].inputMd, .form_table input[type=text].inputLg {
    width: 100%;
  }
  .form_table input[type=text] + input[type=text] {
    margin-left: min(18px, calc(1.317715959 * var(--vw)));
  }
  .form_table textarea {
    width: 100%;
    height: min(100px, calc(7.3206442167 * var(--vw)));
  }
  .form_table select {
    width: min(384px, calc(28.1112737921 * var(--vw)));
    cursor: pointer;
  }
  .form_table li + li label:has(> input[type=checkbox]) {
    margin-top: min(20px, calc(1.4641288433 * var(--vw)));
  }
  .form_table li label:has(> input[type=checkbox]) {
    padding: min(6px, calc(0.439238653 * var(--vw))) min(25px, calc(1.8301610542 * var(--vw))) min(6px, calc(0.439238653 * var(--vw))) min(60px, calc(4.39238653 * var(--vw)));
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 2em;
    border-radius: min(10px, calc(0.7320644217 * var(--vw)));
  }
  .form_table li label:has(> input[type=checkbox])::before {
    content: "";
    width: min(17px, calc(1.2445095168 * var(--vw)));
    left: min(32px, calc(2.3426061493 * var(--vw)));
  }
  .form_table li label:has(> input[type=radio]) {
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 1.6666666667em;
    padding-left: min(40px, calc(2.9282576867 * var(--vw)));
    margin-right: min(35px, calc(2.5622254758 * var(--vw)));
  }
  .form_table li label:has(> input[type=radio])::before {
    top: 0;
    left: 0;
    width: min(30px, calc(2.196193265 * var(--vw)));
    height: min(30px, calc(2.196193265 * var(--vw)));
  }
  .form_table li label:has(> input[type=radio])::after {
    top: min(8px, calc(0.5856515373 * var(--vw)));
    left: min(8px, calc(0.5856515373 * var(--vw)));
    width: min(14px, calc(1.0248901903 * var(--vw)));
    height: min(14px, calc(1.0248901903 * var(--vw)));
  }
  .form_table input[type=file] {
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    cursor: pointer;
  }
  .form_table input[type=file]::file-selector-button {
    margin-right: min(12px, calc(0.878477306 * var(--vw)));
    padding: min(9px, calc(0.6588579795 * var(--vw))) min(20px, calc(1.4641288433 * var(--vw)));
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.4285714286em;
    border-radius: min(10px, calc(0.7320644217 * var(--vw)));
  }
  .form_table .color_o {
    margin-top: min(125px, calc(9.1508052709 * var(--vw)));
    margin-bottom: min(2px, calc(0.1464128843 * var(--vw)));
    font-size: min(1.25rem, calc(1.4641288433 * var(--vw)));
    line-height: 1.8em;
  }
  .form_btn {
    margin-top: min(35px, calc(2.5622254758 * var(--vw)));
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 1.6666666667em;
  }
  .form_btn label {
    padding-left: min(41px, calc(3.0014641288 * var(--vw)));
  }
  .form_btn label a:hover {
    text-decoration: none;
  }
  .form_btn label::before {
    width: min(30px, calc(2.196193265 * var(--vw)));
    height: min(30px, calc(2.196193265 * var(--vw)));
    border-radius: min(5px, calc(0.3660322108 * var(--vw)));
  }
  .form_btn label::after {
    top: min(11px, calc(0.8052708638 * var(--vw)));
    left: min(9px, calc(0.6588579795 * var(--vw)));
    width: min(12px, calc(0.878477306 * var(--vw)));
    height: min(8px, calc(0.5856515373 * var(--vw)));
  }
  .form_btn .text {
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.7142857143em;
  }
  .form_btn .form_btn {
    margin-top: min(100px, calc(7.3206442167 * var(--vw)));
  }
  .form_btn input[type=submit] {
    padding: min(17px, calc(1.2445095168 * var(--vw))) 0;
    width: min(240px, calc(17.5695461201 * var(--vw)));
    font-size: min(1.125rem, calc(1.317715959 * var(--vw)));
    line-height: 1.4444444444em;
  }
  .form_btn .required {
    margin-left: min(9px, calc(0.6588579795 * var(--vw)));
    padding: 0 min(11px, calc(0.8052708638 * var(--vw)));
    font-size: min(0.875rem, calc(1.0248901903 * var(--vw)));
    line-height: 1.4285714286em;
    border-radius: min(5px, calc(0.3660322108 * var(--vw)));
  }
}
@media screen and (max-width: 768px) {
  .formInner {
    padding-top: calc(15.3846153846 * var(--vw));
    margin-left: calc(5.1282051282 * var(--vw));
    margin-right: calc(5.1282051282 * var(--vw));
  }
  .formInner.check_page h3 {
    margin-bottom: calc(8.9743589744 * var(--vw));
    font-size: calc(5.1282051282 * var(--vw));
    line-height: 1.45em;
  }
  .formInner.check_page .form_table tbody th, .formInner.check_page .form_table tbody td {
    padding: 0 calc(5.1282051282 * var(--vw));
  }
  .formInner.check_page .form_table tbody th {
    margin-top: calc(3.5897435897 * var(--vw));
  }
  .formInner.check_page .form_table tbody td {
    margin-top: calc(-2.0512820513 * var(--vw));
    margin-bottom: calc(3.5897435897 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.7333333333em;
    min-height: calc(6.6666666667 * var(--vw));
  }
  .formInner.check_page .form_btn {
    display: flex;
    margin-top: calc(12.8205128205 * var(--vw));
    flex-direction: column-reverse;
    align-items: center;
    gap: calc(3.8461538462 * var(--vw)) 0;
  }
  .formInner .alert {
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.7333333333em;
    margin-bottom: calc(5.1282051282 * var(--vw));
  }
  .formInner .alert strong {
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 1.4444444444em;
  }
  .form_table tbody tr + tr th {
    margin-top: calc(7.6923076923 * var(--vw));
  }
  .form_table tbody th {
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.7333333333em;
    margin-bottom: calc(2.5641025641 * var(--vw));
  }
  .form_table tbody th small {
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.4285714286em;
  }
  .form_table tbody th .required {
    margin-left: calc(2.3076923077 * var(--vw));
    padding: 0 calc(2.8205128205 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.4285714286em;
    border-radius: calc(1.2820512821 * var(--vw));
  }
  .form_table tbody th u {
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.7142857143em;
  }
  .form_table tbody td {
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.7142857143em;
  }
  .form_table tbody td > em {
    font-size: calc(4.6153846154 * var(--vw));
    line-height: 2;
  }
  .form_table tbody td div {
    width: 100%;
  }
  .form_table tbody td div::after {
    width: calc(3.3333333333 * var(--vw));
    right: calc(4.6153846154 * var(--vw));
  }
  .form_table input[type=text],
  .form_table textarea,
  .form_table select {
    padding: calc(1.7948717949 * var(--vw)) calc(5.1282051282 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.7333333333em;
    border-radius: calc(2.5641025641 * var(--vw));
  }
  .form_table input[type=text].inputSm {
    width: 100%;
  }
  .form_table input[type=text].inputMd, .form_table input[type=text].inputLg {
    width: 100%;
  }
  .form_table input[type=text] + input[type=text] {
    margin-top: calc(2.5641025641 * var(--vw));
  }
  .form_table textarea {
    width: 100%;
    height: calc(25.641025641 * var(--vw));
  }
  .form_table select {
    width: 100%;
  }
  .form_table li + li label:has(> input[type=checkbox]), .form_table li + li label:has(> input[type=radio]) {
    margin-top: calc(2.5641025641 * var(--vw));
  }
  .form_table li label:has(> input[type=checkbox]) {
    padding: calc(1.5384615385 * var(--vw)) calc(5.1282051282 * var(--vw)) calc(1.5384615385 * var(--vw)) calc(10.2564102564 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.8666666667em;
    border-radius: calc(2.5641025641 * var(--vw));
  }
  .form_table li label:has(> input[type=checkbox])::before {
    content: "";
    width: calc(4.358974359 * var(--vw));
    left: calc(3.3333333333 * var(--vw));
  }
  .form_table li label:has(> input[type=radio]) {
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.8666666667em;
    padding-left: calc(9.4871794872 * var(--vw));
  }
  .form_table li label:has(> input[type=radio])::before {
    top: 0;
    left: 0;
    width: calc(7.1794871795 * var(--vw));
    height: calc(7.1794871795 * var(--vw));
  }
  .form_table li label:has(> input[type=radio])::after {
    top: calc(1.7948717949 * var(--vw));
    left: calc(1.7948717949 * var(--vw));
    width: calc(3.5897435897 * var(--vw));
    height: calc(3.5897435897 * var(--vw));
  }
  .form_table input[type=file] {
    font-size: calc(3.5897435897 * var(--vw));
  }
  .form_table input[type=file]::file-selector-button {
    margin-right: calc(3.0769230769 * var(--vw));
    padding: calc(2.3076923077 * var(--vw)) calc(5.1282051282 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.4285714286em;
    border-radius: calc(2.5641025641 * var(--vw));
  }
  .form_table .color_o {
    margin-top: calc(15.3846153846 * var(--vw));
    margin-bottom: calc(0.5128205128 * var(--vw));
    font-size: calc(5.1282051282 * var(--vw));
    line-height: 1.8em;
  }
  .form_btn {
    margin-top: calc(8.9743589744 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 2em;
  }
  .form_btn label {
    padding-left: calc(9.7435897436 * var(--vw));
  }
  .form_btn label a:hover {
    text-decoration: none;
  }
  .form_btn label::before {
    width: calc(7.1794871795 * var(--vw));
    height: calc(7.1794871795 * var(--vw));
    border-radius: calc(1.2820512821 * var(--vw));
  }
  .form_btn label::after {
    top: calc(2.5641025641 * var(--vw));
    left: calc(2.0512820513 * var(--vw));
    width: calc(3.0769230769 * var(--vw));
    height: calc(2.0512820513 * var(--vw));
  }
  .form_btn .text {
    margin-top: calc(1.2820512821 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.7142857143em;
  }
  .form_btn .form_btn {
    margin-top: calc(12.8205128205 * var(--vw));
  }
  .form_btn input[type=submit] {
    padding: calc(3.5897435897 * var(--vw)) 0;
    width: calc(51.2820512821 * var(--vw));
    font-size: calc(3.8461538462 * var(--vw));
    line-height: 1.4666666667em;
  }
  .form_btn .required {
    margin-left: calc(2.3076923077 * var(--vw));
    padding: 0 calc(2.8205128205 * var(--vw));
    font-size: calc(3.5897435897 * var(--vw));
    line-height: 1.4285714286em;
    border-radius: calc(1.2820512821 * var(--vw));
  }
}