.form-container {
  overflow: hidden;
}
.form-container > .form-box {
  padding: 9.7333333333vw 7.8666666667vw 15.2vw;
}
@media (min-width: 768px) {
  .form-container > .form-box {
    margin: 0 auto;
    padding: clamp(44.40625px, 4.53125vw, 58px) clamp(107.1875px, 10.9375vw, 140px) clamp(52.828125px, 5.390625vw, 69px);
    width: clamp(980px, 100vw, 1280px);
  }
}
.form-container .form-box {
  position: relative;
  z-index: 0;
}
.form-container .form-box > .logo {
  margin: 0 auto;
  width: 84vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .form-container .form-box > .logo {
    width: clamp(431.8125px, 44.0625vw, 564px);
  }
}
@media (min-width: 768px) {
  .form-container .form-box > .formrun {
    margin: 0 auto;
    width: clamp(612.5px, 62.5vw, 800px);
  }
}
.form-container .form-box > .top-link {
  margin: 20vw auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .form-container .form-box > .top-link {
    margin-top: clamp(65.84375px, 6.71875vw, 86px);
  }
}
.form-container .form-box > .module-bg {
  position: absolute;
  z-index: -1;

  inset: 0 0 auto;
}
.form-container .formrun {
  --color-red: #e01e2f;
  --color-placeholder: rgba(25,20,101, 0.3);
  --color-border: var(--color-midnight-blue);
  --color-bg: var(--color-white);
}
.form-container .formrun > .input-container {
  padding-top: 3.7333333333vw;
}
@media (min-width: 768px) {
  .form-container .formrun > .input-container {
    padding-top: clamp(12.25px, 1.25vw, 16px);
  }
}
.form-container .formrun > .confirm-container {
  padding-top: 12.6666666667vw;
}
@media (min-width: 768px) {
  .form-container .formrun > .confirm-container {
    padding-top: clamp(88.8125px, 9.0625vw, 116px);
  }
}
.form-container .formrun > .btn-area {
  padding-top: 11.0666666667vw;
}
@media (min-width: 768px) {
  .form-container .formrun > .btn-area {
    padding-top: clamp(37.515625px, 3.828125vw, 49px);
  }
}
.form-container .formrun[data-current-page="1"] > .input-container[data-page="2"],
.form-container .formrun[data-current-page="1"] > .input-container[data-page="3"],
.form-container .formrun[data-current-page="1"] .back-btn.-prev,
.form-container .formrun[data-current-page="1"] .module-btn.-confirm {
  display: none !important;
}
.form-container .formrun[data-current-page="2"] > .input-container[data-page="1"],
.form-container .formrun[data-current-page="2"] > .input-container[data-page="3"],
.form-container .formrun[data-current-page="2"] .module-btn.-confirm {
  display: none !important;
}
.form-container .formrun[data-current-page="3"] > .input-container[data-page="1"],
.form-container .formrun[data-current-page="3"] > .input-container[data-page="2"],
.form-container .formrun[data-current-page="3"] .module-btn.-next {
  display: none !important;
}
.form-container .input-container > .progress {
  margin: 0 auto;
  width: 14.4vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .form-container .input-container > .progress {
    width: clamp(45.171875px, 4.609375vw, 59px);
  }
}
.form-container .input-container > .input-box {
  margin-top: 4.9333333333vw;
  padding: 8vw 6vw 8.9333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-container > .input-box {
    margin-top: clamp(18.375px, 1.875vw, 24px);
    padding: clamp(30.625px, 3.125vw, 40px) clamp(49.765625px, 5.078125vw, 65px) clamp(38.28125px, 3.90625vw, 50px);
  }
}
.form-container .input-container > .input-box + .input-box {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .form-container .input-container > .input-box + .input-box {
    margin-top: clamp(15.3125px, 1.5625vw, 20px);
  }
}
.form-container .input-container > .note {
  margin-top: 4.9333333333vw;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .form-container .input-container > .note {
    margin-top: clamp(15.3125px, 1.5625vw, 20px);
    text-align: center;
    font-size: clamp(10.71875px, 1.09375vw, 14px);
    line-height: 1.5;
  }
}
.form-container .input-container > .note + .note {
  margin-top: 0;
}
.form-container .input-container > .app-terms {
  margin-top: 12.8vw;
}
@media (min-width: 768px) {
  .form-container .input-container > .app-terms {
    margin-top: clamp(51.296875px, 5.234375vw, 67px);
  }
}
@media (min-width: 768px) {
  .form-container .input-container[data-page="1"] > .input-box {
    padding-bottom: clamp(28.328125px, 2.890625vw, 37px);
  }
}
.form-container .input-box {
  border-radius: 2vw;
  background-color: var(--color-gray);
}
@media (min-width: 768px) {
  .form-container .input-box {
    border-radius: clamp(7.65625px, 0.78125vw, 10px);
  }
}
.form-container .input-box > .category {
  margin-left: -2.1333333333vw;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--common-gradient);
  -webkit-background-clip: text;
          background-clip: text;
  letter-spacing: 0.05em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.6;

  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .form-container .input-box > .category {
    margin-left: clamp(-10px, -0.78125vw, -7.65625px);
    font-size: clamp(13.78125px, 1.40625vw, 18px);
  }
}
.form-container .input-box > .category + .input-field,
.form-container .input-box > .category + .input-label {
  margin-top: 1.3333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-box > .category + .input-field,
  .form-container .input-box > .category + .input-label {
    margin-top: clamp(2.296875px, 0.234375vw, 3px);
  }
}
.form-container .input-box > .input-label + .input-field {
  margin-top: 5.7333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-box > .input-label + .input-field {
    margin-top: clamp(19.90625px, 2.03125vw, 26px);
  }
}
.form-container .input-box > .input-field + .input-field {
  margin-top: 11.2vw;
}
@media (min-width: 768px) {
  .form-container .input-box > .input-field + .input-field {
    margin-top: clamp(32.15625px, 3.28125vw, 42px);
  }
}
.form-container .input-box > .input-field + .input-field.-small {
  margin-top: 5.7333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-box > .input-field + .input-field.-small {
    margin-top: clamp(17.609375px, 1.796875vw, 23px);
  }
}
.form-container .input-field {
  display: block;
}
.form-container .input-field > .label {
  letter-spacing: 0.05em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .form-container .input-field > .label {
    font-size: clamp(12.25px, 1.25vw, 16px);
  }
}
.form-container .input-field > .label + .input-layout {
  margin-top: 2.2666666667vw;
}
@media (min-width: 768px) {
  .form-container .input-field > .label + .input-layout {
    margin-top: clamp(8.421875px, 0.859375vw, 11px);
  }
}
.form-container .input-field > .input-layout {
  margin-top: 6.4vw;
}
@media (min-width: 768px) {
  .form-container .input-field > .input-layout {
    margin-top: clamp(21.4375px, 2.1875vw, 28px);
  }
}
.form-container .input-field > .input-info {
  margin-top: 2.1333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-field > .input-info {
    margin-top: clamp(5.359375px, 0.546875vw, 7px);
  }
}
.form-container .input-field > .alert {
  margin-top: 3.2vw;
  letter-spacing: 0.05em;
  color: var(--color-red);
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .form-container .input-field > .alert {
    margin-top: clamp(7.65625px, 0.78125vw, 10px);
    font-size: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .input-field > .alert.formrun-system-show {
  display: block;
}
.form-container .input-field:has(.formrun-has-error),
.form-container .input-field:has(textarea.-error) {
  --color-border: var(--color-red);
  --color-bg: #f6e9ea;
}
.form-container .input-label > .label {
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .form-container .input-label > .label {
    font-feature-settings: "palt";
  }
}
@media (min-width: 768px) {
  .form-container .input-label > .label {
    margin-top: clamp(-2px, -0.15625vw, -1.53125px);
    font-size: clamp(15.3125px, 1.5625vw, 20px);
  }
}
.form-container .input-label > .required {
  display: inline-block;
  position: relative;
  top: -0.5333333333vw;
  padding: 0.8vw 2.9333333333vw 0.9333333333vw;
  border-radius: 0.4vw;
  background-color: var(--color-red);
  color: var(--color-white);
  font-size: 2.8vw;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 768px) {
  .form-container .input-label > .required {
    top: clamp(-2px, -0.15625vw, -1.53125px);
    padding: clamp(2.296875px, 0.234375vw, 3px) clamp(8.421875px, 0.859375vw, 11px) clamp(3.0625px, 0.3125vw, 4px);
    border-radius: clamp(1.53125px, 0.15625vw, 2px);
    font-size: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .input-layout {
  display: grid;

  gap: 4.5333333333vw 5.3333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-layout {
    gap: clamp(6.125px, 0.625vw, 8px) clamp(24.5px, 2.5vw, 32px);
  }
}
@media (min-width: 768px) {
  .form-container .input-layout.-col2 {
    grid-template-columns: repeat(2, auto);
  }
}
.form-container .input-layout.-flex {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .form-container .input-layout.-pcflex {
    display: flex;
    flex-wrap: wrap;
  }
}
.form-container .input-layout > .input,
.form-container .input-layout > .textarea {
  border: solid 0.2666666667vw var(--color-border);
  border-radius: 0.8vw;
  width: 100%;
  background-color: var(--color-bg);
  letter-spacing: 0.05em;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.5;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
}
@media (min-width: 768px) {
  .form-container .input-layout > .input,
  .form-container .input-layout > .textarea {
    border-width: clamp(0.765625px, 0.078125vw, 1px);
    border-radius: clamp(3.0625px, 0.3125vw, 4px);
    font-size: clamp(12.25px, 1.25vw, 16px);
  }
}
.form-container .input-layout > .input::-moz-placeholder, .form-container .input-layout > .textarea::-moz-placeholder {
  color: var(--color-placeholder);
}
.form-container .input-layout > .input:-ms-input-placeholder, .form-container .input-layout > .textarea:-ms-input-placeholder {
  color: var(--color-placeholder);
}
.form-container .input-layout > .input::placeholder,
.form-container .input-layout > .textarea::placeholder {
  color: var(--color-placeholder);
}
.form-container .input-layout > .input {
  padding: 0 3.2vw 0.5333333333vw;
  height: 9.3333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-layout > .input {
    padding: 0 clamp(13.015625px, 1.328125vw, 17px) clamp(0.765625px, 0.078125vw, 1px);
    height: clamp(26.796875px, 2.734375vw, 35px);
  }
}
@media (min-width: 768px) {
  .form-container .input-layout > .select-box {
    width: clamp(256.484375px, 26.171875vw, 335px);
  }
}
.form-container .input-layout > .textarea {
  padding: 1.6vw 3.2vw;
  height: 48.5333333333vw;
  resize: none;
}
@media (min-width: 768px) {
  .form-container .input-layout > .textarea {
    padding: clamp(3.0625px, 0.3125vw, 4px) clamp(13.015625px, 1.328125vw, 17px);
    height: clamp(100.296875px, 10.234375vw, 131px);
  }
}
.form-container .input-info {
  display: grid;
  justify-content: space-between;

  grid-template-columns: repeat(2, auto);
  gap: 2.9333333333vw;
}
@media (min-width: 768px) {
  .form-container .input-info {
    gap: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .input-info > .txt {
  letter-spacing: 0.05em;
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .form-container .input-info > .txt {
    font-size: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .radio-box {
  display: grid;
  align-items: start;
  position: relative;

  grid-template-columns: auto 1fr;
  gap: 2.1333333333vw;
}
@media (min-width: 768px) {
  .form-container .radio-box {
    gap: clamp(3.828125px, 0.390625vw, 5px);
  }
}
.form-container .radio-box > .radio {
  position: absolute;
  font-size: 0;

  inset: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-container .radio-box > .radio:checked + .icon::after {
  opacity: 1;
}
.form-container .radio-box > .icon {
  display: grid;
  border: solid 0.2666666667vw var(--color-border);
  border-radius: 50%;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-color: var(--color-bg);
  font-size: 0;

  place-content: center;
}
@media (min-width: 768px) {
  .form-container .radio-box > .icon {
    margin-top: clamp(4.59375px, 0.46875vw, 6px);
    border-width: clamp(0.765625px, 0.078125vw, 1px);
    width: clamp(13.78125px, 1.40625vw, 18px);
    height: clamp(13.78125px, 1.40625vw, 18px);
  }
}
.form-container .radio-box > .icon::after {
  content: "";
  opacity: 0;
  border-radius: inherit;
  width: 2.9333333333vw;
  height: 2.9333333333vw;
  background-color: var(--color-border);
}
@media (min-width: 768px) {
  .form-container .radio-box > .icon::after {
    width: clamp(7.65625px, 0.78125vw, 10px);
    height: clamp(7.65625px, 0.78125vw, 10px);
  }
}
.form-container .radio-box > .txt {
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767.98px) {
  .form-container .radio-box > .txt {
    margin-top: -0.5333333333vw;
  }
}
@media (min-width: 768px) {
  .form-container .radio-box > .txt {
    font-size: clamp(12.25px, 1.25vw, 16px);
    line-height: 1.8;
  }
}
.form-container .select-box {
  position: relative;
}
.form-container .select-box > .select {
  padding: 0 8.2666666667vw 0.5333333333vw 3.2vw;
  border: solid 0.2666666667vw var(--color-border);
  border-radius: 0.8vw;
  width: 100%;
  height: 9.3333333333vw;
  background-color: var(--color-bg);
  letter-spacing: 0.05em;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.5;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
}
@media (min-width: 768px) {
  .form-container .select-box > .select {
    padding: 0 clamp(29.859375px, 3.046875vw, 39px) clamp(0.765625px, 0.078125vw, 1px) clamp(13.015625px, 1.328125vw, 17px);
    border-width: clamp(0.765625px, 0.078125vw, 1px);
    border-radius: clamp(3.0625px, 0.3125vw, 4px);
    height: clamp(26.796875px, 2.734375vw, 35px);
    font-size: clamp(12.25px, 1.25vw, 16px);
  }
}
.form-container .select-box > .select.-invalid {
  color: var(--color-placeholder);
}
.form-container .select-box > .arrow {
  position: absolute;
  margin: auto;
  width: 1.4666666667vw;
  height: -moz-fit-content;
  height: fit-content;
  pointer-events: none;
  font-size: 0;

  inset: 0 3.7333333333vw 0 auto;
  rotate: -90deg;
}
@media (min-width: 768px) {
  .form-container .select-box > .arrow {
    right: clamp(13.78125px, 1.40625vw, 18px);
    width: clamp(3.828125px, 0.390625vw, 5px);
  }
}
.form-container .app-terms > .ttl {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .form-container .app-terms > .ttl {
    font-size: clamp(18.375px, 1.875vw, 24px);
  }
}
.form-container .app-terms > .terms-box {
  margin-top: 3.2vw;
  height: 53.0666666667vw;
}
@media (min-width: 768px) {
  .form-container .app-terms > .terms-box {
    margin-top: clamp(9.1875px, 0.9375vw, 12px);
    height: clamp(150.0625px, 15.3125vw, 196px);
  }
}
.form-container .terms-box {
  padding: 0.5333333333vw;
  border-radius: 0.8vw;
  background: var(--common-gradient);
}
@media (min-width: 768px) {
  .form-container .terms-box {
    padding: clamp(1.53125px, 0.15625vw, 2px);
    border-radius: clamp(3.0625px, 0.3125vw, 4px);
  }
}
.form-container .terms-box > .border-box {
  padding: 4.1333333333vw 7.2vw 4.6666666667vw 5.2vw;
  height: 100%;
}
@media (min-width: 768px) {
  .form-container .terms-box > .border-box {
    padding: clamp(21.4375px, 2.1875vw, 28px) clamp(39.8125px, 4.0625vw, 52px) clamp(22.96875px, 2.34375vw, 30px) clamp(29.09375px, 2.96875vw, 38px);
  }
}
.form-container .border-box {
  border-radius: 0.2666666667vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .form-container .border-box {
    border-radius: clamp(1.53125px, 0.15625vw, 2px);
  }
}
.form-container .border-box .simplebar-track.simplebar-vertical {
  width: 0.8vw;
  background-color: #e6e6e6;

  inset: 3.7333333333vw 2.4vw 3.7333333333vw auto;
}
@media (min-width: 768px) {
  .form-container .border-box .simplebar-track.simplebar-vertical {
    width: clamp(1.53125px, 0.15625vw, 2px);

    inset: clamp(12.25px, 1.25vw, 16px) clamp(16.078125px, 1.640625vw, 21px) clamp(12.25px, 1.25vw, 16px) auto;
  }
}
.form-container .border-box .simplebar-scrollbar::before {
  border-radius: 0;
  background-color: var(--color-midnight-blue);

  inset: 0;
}
.form-container .border-box .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.form-container .scroll-box > .h {
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .form-container .scroll-box > .h {
    font-size: clamp(13.78125px, 1.40625vw, 18px);
  }
}
.form-container .scroll-box > .h + .txt {
  margin-top: 1.8666666667vw;
}
@media (min-width: 768px) {
  .form-container .scroll-box > .h + .txt {
    margin-top: clamp(7.65625px, 0.78125vw, 10px);
  }
}
.form-container .scroll-box > .txt {
  letter-spacing: 0.05em;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .form-container .scroll-box > .txt {
    font-size: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .scroll-box > .txt + .h {
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .form-container .scroll-box > .txt + .h {
    margin-top: clamp(27.5625px, 2.8125vw, 36px);
  }
}
.form-container .scroll-box .indent {
  margin-left: 1em;
}
.form-container .scroll-box .link {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .form-container .scroll-box .link:hover {
    text-decoration: none;
  }
}
.form-container .btn-area {
  display: grid;

  gap: 5.2vw;
}
@media (min-width: 768px) {
  .form-container .btn-area {
    justify-content: center;

    grid-template-columns: repeat(2, auto);
    gap: clamp(19.90625px, 2.03125vw, 26px);
  }
}
.form-container .btn-area > .back-btn {
  padding: 3.2vw 11.3333333333vw 3.4666666667vw;
}
@media (min-width: 768px) {
  .form-container .btn-area > .back-btn {
    order: -1;
    padding: clamp(8.421875px, 0.859375vw, 11px) clamp(36.75px, 3.75vw, 48px) clamp(10.71875px, 1.09375vw, 14px) clamp(45.9375px, 4.6875vw, 60px);
    width: clamp(215.90625px, 22.03125vw, 282px);
  }
}
.form-container .btn-area > .module-btn {
  padding: 0;
}
@media (min-width: 768px) {
  .form-container .btn-area > .module-btn {
    width: clamp(215.90625px, 22.03125vw, 282px);
  }
}
.form-container .btn-area > .module-btn > .txt {
  padding: 3.4666666667vw 11.6vw 3.7333333333vw;
  font-size: 4vw;
}
@media (min-width: 768px) {
  .form-container .btn-area > .module-btn > .txt {
    padding: clamp(9.953125px, 1.015625vw, 13px) clamp(38.28125px, 3.90625vw, 50px) clamp(12.25px, 1.25vw, 16px);
    font-size: clamp(13.78125px, 1.40625vw, 18px);
  }
}
@media (max-width: 767.98px) {
  .form-container .btn-area > .module-btn > .arrow {
    right: 4.8vw;
    width: 2vw;
  }
}
@media (min-width: 768px) {
  .form-container .btn-area > .module-btn > .arrow {
    right: clamp(15.3125px, 1.5625vw, 20px);
  }
}
.form-container .btn-area > .module-btn:has(.txt:disabled) {
  opacity: 0.4;
  background: #606060;
  pointer-events: none;
}
.form-container .confirm-container > .confirm-box {
  padding: 9.4666666667vw 5.2vw 12.5333333333vw;
}
@media (min-width: 768px) {
  .form-container .confirm-container > .confirm-box {
    padding: clamp(43.640625px, 4.453125vw, 57px) clamp(60.484375px, 6.171875vw, 79px) clamp(48.234375px, 4.921875vw, 63px);
  }
}
.form-container .confirm-box {
  border-top-left-radius: 1.3333333333vw;
  border-top-right-radius: 1.3333333333vw;
  background-color: var(--color-gray);
}
@media (min-width: 768px) {
  .form-container .confirm-box {
    border-top-left-radius: clamp(7.65625px, 0.78125vw, 10px);
    border-top-right-radius: clamp(7.65625px, 0.78125vw, 10px);
  }
}
.form-container .confirm-box > .ttl {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 6.1333333333vw;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .form-container .confirm-box > .ttl {
    font-size: clamp(22.96875px, 2.34375vw, 30px);
  }
}
.form-container .confirm-box > .confirm-items {
  margin-top: 1.6vw;
}
@media (min-width: 768px) {
  .form-container .confirm-box > .confirm-items {
    margin-top: clamp(4.59375px, 0.46875vw, 6px);
  }
}
.form-container .confirm-items > .confirm-item {
  padding: 5.3333333333vw 0.8vw 6vw;
}
@media (min-width: 768px) {
  .form-container .confirm-items > .confirm-item {
    padding: clamp(19.140625px, 1.953125vw, 25px) clamp(1.53125px, 0.15625vw, 2px) clamp(19.90625px, 2.03125vw, 26px);
  }
}
.form-container .confirm-item {
  border-bottom: solid 0.2666666667vw rgba(25, 20, 101, 0.5);
}
@media (min-width: 768px) {
  .form-container .confirm-item {
    border-width: clamp(0.765625px, 0.078125vw, 1px);
  }
}
.form-container .confirm-item > .category {
  margin-left: -1.3333333333vw;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--common-gradient);
  -webkit-background-clip: text;
          background-clip: text;
  letter-spacing: 0.05em;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.6;

  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .form-container .confirm-item > .category {
    margin-left: clamp(-8px, -0.625vw, -6.125px);
    font-size: clamp(12.25px, 1.25vw, 16px);
  }
}
.form-container .confirm-item > .label {
  margin-top: 0.5333333333vw;
  letter-spacing: 0.05em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .form-container .confirm-item > .label {
    margin-top: clamp(2.296875px, 0.234375vw, 3px);
    font-size: clamp(13.78125px, 1.40625vw, 18px);
    line-height: 1.5;
  }
}
.form-container .confirm-item > .txt {
  margin-top: 2vw;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .form-container .confirm-item > .txt {
    margin-top: clamp(7.65625px, 0.78125vw, 10px);
    font-size: clamp(12.25px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.form-container .confirm-item > .txt + .label {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .form-container .confirm-item > .txt + .label {
    margin-top: clamp(18.375px, 1.875vw, 24px);
  }
}
.form-container .confirm-item > .sub-items {
  margin-top: 4vw;
}
@media (min-width: 768px) {
  .form-container .confirm-item > .sub-items {
    margin-top: clamp(9.1875px, 0.9375vw, 12px);
  }
}
.form-container .sub-items > .sub-item + .sub-item {
  margin-top: 5.0666666667vw;
}
@media (min-width: 768px) {
  .form-container .sub-items > .sub-item + .sub-item {
    margin-top: clamp(14.546875px, 1.484375vw, 19px);
  }
}
.form-container .sub-item > .label {
  letter-spacing: 0.05em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .form-container .sub-item > .label {
    font-size: clamp(12.25px, 1.25vw, 16px);
    line-height: 1.6;
  }
}
.form-container .sub-item > .label::before {
  content: "-";
}
.form-container .sub-item > .label > .gradient {
  background: var(--common-gradient);
  -webkit-background-clip: text;
          background-clip: text;

  -webkit-text-fill-color: transparent;
}
.form-container .sub-item > .txt {
  margin-top: 0.5333333333vw;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .form-container .sub-item > .txt {
    margin-top: clamp(3.828125px, 0.390625vw, 5px);
    font-size: clamp(12.25px, 1.25vw, 16px);
    line-height: 1.5;
  }
}
.form-container .back-btn {
  display: grid !important;
  position: relative;
  border: solid 0.2666666667vw var(--color-midnight-blue);
  border-radius: 17.1426666667vw;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .form-container .back-btn {
    border-width: clamp(1.53125px, 0.15625vw, 2px);
    border-radius: clamp(68.90625px, 7.03125vw, 90px);
  }
}
.form-container .back-btn > .txt {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .form-container .back-btn > .txt {
    font-size: clamp(13.78125px, 1.40625vw, 18px);
  }
}
.form-container .back-btn > .arrow {
  position: absolute;
  margin: auto;
  width: 2vw;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 0;

  inset: 0 auto 0 4.8vw;
}
@media (min-width: 768px) {
  .form-container .back-btn > .arrow {
    left: clamp(15.3125px, 1.5625vw, 20px);
    width: clamp(5.359375px, 0.546875vw, 7px);
  }
}
@media (any-hover: hover) {
  .form-container .back-btn {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .form-container .back-btn > .arrow {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .form-container .back-btn:hover {
    opacity: 0.8;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
  .form-container .back-btn:hover > .arrow {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
    transform: translateX(-50%);
  }
}
.form-container .top-link {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 3.0666666667vw;
}
@media (min-width: 768px) {
  .form-container .top-link {
    gap: clamp(10.71875px, 1.09375vw, 14px);
  }
}
.form-container .top-link > .arrow {
  margin-top: 0.8vw;
  width: 2vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .form-container .top-link > .arrow {
    margin-top: clamp(3.0625px, 0.3125vw, 4px);
    width: clamp(5.359375px, 0.546875vw, 7px);
  }
}
.form-container .top-link > .txt {
  background: var(--common-gradient);
  -webkit-background-clip: text;
          background-clip: text;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.4;

  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .form-container .top-link > .txt {
    font-size: clamp(13.78125px, 1.40625vw, 18px);
    line-height: 1.4444444444;
  }
}
@media (any-hover: hover) {
  .form-container .top-link {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .form-container .top-link > .arrow {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .form-container .top-link:hover {
    opacity: 0.8;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
  .form-container .top-link:hover > .arrow {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
    transform: translateX(-50%);
  }
}

body:not(.formrun-system-confirm) .form-container .back-btn.-back {
  display: none !important;
}

body.formrun-system-confirm .form-container .form-box {
  padding-top: 0;
}
@media (max-width: 767.98px) {
  body.formrun-system-confirm .form-container .form-box {
    padding-bottom: 16vw;
  }
}
body.formrun-system-confirm .form-container .btn-area {
  margin-top: -1px;
  padding: 0 5.2vw 19.2vw;
  border-bottom-right-radius: 1.3333333333vw;
  border-bottom-left-radius: 1.3333333333vw;
  background-color: var(--color-gray);

  gap: 4.4vw;
}
@media (min-width: 768px) {
  body.formrun-system-confirm .form-container .btn-area {
    padding: 0 0 clamp(57.421875px, 5.859375vw, 75px);
    border-bottom-right-radius: clamp(7.65625px, 0.78125vw, 10px);
    border-bottom-left-radius: clamp(7.65625px, 0.78125vw, 10px);

    gap: clamp(19.90625px, 2.03125vw, 26px);
  }
}
body.formrun-system-confirm .form-container .back-btn.-next,
body.formrun-system-confirm .form-container .back-btn.-prev {
  display: none !important;
}
body.formrun-system-confirm .form-container .module-bg {
  opacity: 0;
}

/*
* form.css
*
*/
/* --------------------------------
  form
-------------------------------- */
.main-container {
  padding-top: 12vw;
}
@media (min-width: 768px) {
  .main-container {
    padding-top: clamp(45.9375px, 4.6875vw, 60px);
  }
}