body {
  font-family: "Noto Sans JP", sans-serif;
}

input,
select {
  -webkit-appearance: none;
  appearance: none;
}

.header {
  margin: auto;
  padding: 0 20px;
  width: 100%;
  max-width: 375px;
  height: 64px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: #fff;
}

.header > a {
  display: block;
  text-decoration: none;
}
.header .logo {
  width: fit-content;
  color: var(--Base-Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -1.68px;
}

.header > nav > .button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 48px;
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 18px;
  border-radius: 32px;
  border: 2px solid var(--Base-White, #fff);
  background: var(--Status-Yellow, #eac70c);
  box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  cursor: pointer;
}

.content-box {
  margin: auto;
  width: 100%;
  max-width: 375px;
  position: relative;
  background: var(--System-Gray-50, #f8fafc);
}
.cover-box {
  width: 100%;
}

.cover-box > .image-box {
  width: 100%;
}

.section__01 {
  margin-top: 80px;
  width: 100%;
}
.section__01__inner {
  width: 100%;
}

.section__01__inner > .worries-box {
  padding: 40px 0 70px 0;
  background-image: url("../images/section__01__bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}
.section__01__inner > .worries-box > .title-box > .title {
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.section__01__inner > .worries-box > .list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}

.section__01__inner > .worries-box > .list > .item-box {
  position: relative;
  display: flex;
}

.section__01__inner > .worries-box > .list > .item-box:last-child {
  margin-top: -32px;
}

.section__01__inner > .worries-box > .list > .item-box > .image-box {
  margin-left: auto;
  margin-right: 0;
  width: 199px;
  height: 220px;
}

.section__01__inner > .worries-box > .list > .item-box > .image-box.--left {
  margin-left: 0;
  margin-right: auto;
}

.section__01__inner > .worries-box > .list > .item-box > .text-box {
  margin: auto;
  padding: 12px 20px;
  width: 199px;
  height: 104px;
  background-image: url("../images/section__01__balloon-01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  position: absolute;
  top: 0;
  right: 149px;
}

.section__01__inner > .worries-box > .list > .item-box:last-child > .text-box {
  background-image: url("../images/section__01__balloon-02.svg");
  top: 47px;
  right: 27px;
}

.section__01__inner > .worries-box > .list > .item-box > .text-box > .text {
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}
.section__01__inner
  > .worries-box
  > .list
  > .item-box
  > .text-box
  > .text
  > .bold {
  font-weight: 700;
}

.section__01__inner > .text-box {
  margin-top: 80px;
}

.section__01__inner > .text-box > .text-top {
  color: var(--Base-Black, #000);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section__01__inner > .text-box > .text-middle {
  margin-top: 4px;
  color: var(--Base-Black, #000);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.section__01__inner > .text-box > .text-middle > .blue {
  color: var(--Accent-900, #2074d6);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.section__01__inner > .text-box > .text-bottom {
  margin-top: 32px;
  color: var(--Base-Black, #000);
  text-align: center;
  font-feature-settings: "pwid" on, "palt" on;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 3.2px;
}

.section__01__inner > .list {
  margin-top: 93px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  row-gap: 33px;
}

.section__01__inner > .list > .item-box {
  padding: 28px;
  border-radius: 12px;
  border: 4px solid var(--Accent-900, #2074d6);
  background: var(--Base-White, #fff);
  position: relative;
}

.section__01__inner > .list > .item-box > .title-box {
  margin: auto;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
}

.section__01__inner > .list > .item-box > .title-box > .title {
  margin: auto;
  padding: 4px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 207px;
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 30px;
  background: var(--Accent-900, #2074d6);
}

.section__01__inner > .list > .item-box > .image-box {
  width: 100%;
}
.section__01__inner > .list > .item-box > .subtitle-box {
  margin-top: 4px;
  width: 100%;
}
.section__01__inner > .list > .item-box > .subtitle-box > .title {
  color: var(--Accent-900, #2074d6);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}
.section__01__inner > .list > .item-box > .subtitle-box > .title > .underline {
  display: block;
  margin: auto;
  width: fit-content;
  color: var(--Accent-900, #2074d6);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.section__01__inner > .list > .item-box > .text {
  margin-top: 12px;
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.section__02 {
  margin-top: 80px;
}
.section__02__inner {
  margin: auto;
  padding: 0 20px;
}

.section__02__inner > .title-box > .title {
  color: var(--Base-Black, #000);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.section__02__inner > .list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.section__02__inner > .list > .item-box {
  border-radius: 8px;
  overflow: hidden;
  background: var(--Base-White, #fff);
  box-shadow: 0px 0px 12px 0px rgba(32, 116, 214, 0.08);
}

.section__02__inner > .list > .item-box > .image-box {
  width: 100%;
  height: 240px;
  object-fit: cover;
}
.section__02__inner > .list > .item-box > .age-box {
  margin-top: -28px;
  padding: 4px 28px;
  width: 100%;
  height: 28px;
  background: var(--Accent-900, #2074d6);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 12px;
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section__02__inner > .list > .item-box > .before-box {
  margin-top: 28px;
  padding: 0 28px;
  position: relative;
}
.section__02__inner > .list > .item-box > .before-box.--shrink {
  padding: 0 19px;
}
.section__02__inner > .list > .item-box > .before-box::after {
  margin: auto;
  content: "";
  width: 14px;
  height: 7px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="6" viewBox="0 0 14 6" fill="none"><path d="M7 6L0.937822 0.75L13.0622 0.750001L7 6Z" fill="rgb(203,213,225)"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -8px;
  left: 52px;
}
.section__02__inner > .list > .item-box > .before-box > .label {
  width: 62px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Base-White, #fff);
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 8px;
  background: var(--System-Gray-300, #cbd5e1);
}
.section__02__inner > .list > .item-box > .before-box > .text-box {
  margin-top: 7px;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.section__02__inner > .list > .item-box > .before-box > .text-box > .job {
  color: var(--System-Gray-400, #94a3b8);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section__02__inner > .list > .item-box > .before-box > .text-box > .amount {
  width: 59px;
}

.section__02__inner
  > .list
  > .item-box
  > .before-box
  > .text-box
  > .amount
  > .small {
  color: var(--System-Gray-400, #94a3b8);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.section__02__inner > .list > .item-box > .after-box {
  margin-top: 19px;
  padding: 0 28px;
}

.section__02__inner > .list > .item-box > .after-box.--shrink {
  padding: 0 19px;
}
.section__02__inner > .list > .item-box > .after-box > .label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  height: 16px;
  color: var(--Base-White, #fff);
  text-align: center;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 8px;
  background: var(--Accent-900, #2074d6);
}

.section__02__inner > .list > .item-box > .after-box > .text-box {
  margin-top: 0px;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
.section__02__inner > .list > .item-box > .after-box > .text-box > .job {
  color: rgba(0, 0, 0, 0.8);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.section__02__inner > .list > .item-box > .after-box > .text-box > .amount {
  width: 116px;
}

.section__02__inner > .list > .item-box > .after-box > .text {
  margin-top: 20px;
  margin-bottom: 28px;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.section__03 {
  margin-top: 80px;
  padding: 60px 0;
  background: var(--Accent-900, #2074d6);
}

.section__03__inner {
  width: 100%;
}
.section__03__inner > .title-box {
  margin: auto;
  width: 100%;
}

.section__03__inner > .title-box > .title {
  margin: auto;
  width: fit-content;
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.section__03__inner > .swiper {
  margin-top: 32px;
}
.swiper-wrapper {
  padding-bottom: 36px;
}
.swiper-wrapper > .item-box {
  width: 275px;
  min-height: 602px;
  overflow: hidden;
  border-radius: 8px;
  background: var(--Base-White, #fff);
}
.swiper-wrapper > .item-box > .image-box {
  width: 100%;
  height: 186px;
  overflow: hidden;
}
.swiper-wrapper > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-wrapper > .item-box > .text-box {
  padding: 12px 20px 20px 20px;
}

.swiper-wrapper > .item-box > .text-box > .name-box {
  display: flex;
  flex-direction: column;
}
.swiper-wrapper > .item-box > .text-box > .name-box > .jpn {
  color: var(--Accent-900, #2074d6);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.swiper-wrapper > .item-box > .text-box > .name-box > .eng {
  color: var(--Accent-400, #90baeb);

  /* en/h5 */
  font-family: "Helvetica Neue";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.swiper-wrapper > .item-box > .text-box > .text {
  margin-top: 18px;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.swiper-pagination {
  top: 0;
  bottom: 0 !important;
}
.swiper-pagination-bullet {
  background: #79ace6 !important;
}
.swiper-pagination-bullet-active {
  background: #fff !important;
}

.section__04 {
  margin-top: 80px;
  padding: 0 20px;
  width: 100%;
}
.section__04__inner {
  width: 100%;
}

.section__04__inner > .title-box {
  margin: auto;
  width: 100%;
}
.section__04__inner > .title-box > .title {
  margin: auto;
  width: 273px;
}
.section__04__inner > .list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.section__04__inner > .list > .item-box {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  position: relative;
}
.section__04__inner > .list > .item-box::after {
  margin: auto;
  content: "";
  width: 45px;
  height: 12px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="47" height="15" viewBox="0 0 47 15" fill="none">  <path d="M1 1L23.5 13L46 1" stroke="rgb(32,116,214)" stroke-width="2" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: -36px;
  left: 0;
  right: 0;
}
.section__04__inner > .list > .item-box:last-child::after {
  display: none;
}

.section__04__inner > .list > .item-box > .text-box > .title-box > .title {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.section__04__inner
  > .list
  > .item-box
  > .text-box
  > .title-box
  > .title
  > .step {
  width: 62px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--Base-White, #fff);
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-family: "Helvetica Neue";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 8px;
  background: var(--Accent-900, #2074d6);
}

.section__04__inner
  > .list
  > .item-box
  > .text-box
  > .title-box
  > .title
  > .jpn {
  display: block;
  color: var(--Accent-900, #2074d6);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.section__04__inner > .list > .item-box > .text-box > .text {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.8);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}
.section__04__inner > .list > .item-box > .image-box {
  width: 134px;
  flex-shrink: 0;
}
.footer {
  margin: 0;
  padding: 80px 0 40px 0;
  width: 100%;
  background-color: #f8fafc;
}

.footer > .copyright {
  margin-top: 32px;
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.12px;
  text-align: center;
}

.footer__inner {
  margin: auto;

  width: 100%;
  max-width: 375px;
}
.footer__inner > .nav > .list {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 20px;
}
.footer__inner > .nav > .list > li > a {
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
  text-align: center;
  text-decoration: none;
}

.underline {
  display: inline-block;
  position: relative;
  background: linear-gradient(transparent 80%, #eac70c 20%);
}

.terms-box {
  padding: 60px 40px 80px 40px;
}

.terms-box > .title {
  color: var(--Base-Black, #000);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}

.terms-box > .text {
  margin-top: 60px;
  margin-bottom: 60px;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.terms-box > .section {
  margin-top: 40px;
}

.terms-box > .section > .title {
  width: 100%;
  color: var(--Base-Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.terms-box > .section > .text {
  margin-top: 16px;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.terms-box > .section > ol {
  margin-top: 16px;
}

.terms-box > .section > ol li {
  margin-bottom: 4px;
  margin-left: 1em;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
  list-style-type: decimal;
}
.terms-box > .section > ol > li:last-child {
  margin-bottom: 0;
}

.terms-box > .note {
  margin-top: 40px;
  color: var(--Base-Black, #000);
  text-align: justify;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.section__form {
  margin: 0;
  padding: 60px 20px 80px 20px;
  width: 100%;
}
.section__form__inner {
  width: 100%;
}

.section__form__inner > .title-box {
  padding: 0 0 0 20px;
  width: 100%;
  position: relative;
}

.section__form__inner > .title-box > .title > .top {
  display: block;
  width: fit-content;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-bottom: 1px solid #000;
}

.section__form__inner > .title-box > .title > .top > .blue {
  color: var(--Accent-900, #2074d6);
}

.section__form__inner > .title-box > .title > .bottom {
  width: fit-content;
  color: var(--Base-Black, #000);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  position: relative;
  z-index: 1;
}

.section__form__inner > .title-box > .title > .bottom > .number {
  color: var(--Accent-900, #2074d6);
  font-family: "DIN 2014";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
}

.section__form__inner > .title-box > .badge {
  width: 81px;
  height: 85px;
  position: absolute;
  top: 0;
  right: 0;
}

.section__form__inner > .note {
  width: 100%;
  color: var(--Base-Black, #000);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.form-box {
  margin-top: 12px;
  width: 100%;
  max-width: 335px;
}
.form-box > .form > .list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.form-box > .form > .list > .item-box {
  min-height: 606px;
  display: flex;
  flex-direction: column;
  padding: 32px 20px;
  border-radius: 12px;
  background: var(--Base-White, #fff);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  display: none;
  position: relative;
}
.form-box > .form > .list > .item-box.--active {
  display: flex;
}

.form-box > .form > .list > .item-box.--complete {
  justify-content: center;
  align-items: center;
}

.form-box > .form > .list > .item-box.--complete > .title-box {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.form-box > .form > .list > .item-box.--complete > .title-box > .image {
  width: 130px;
  margin: auto;
}

.form-box > .form > .list > .item-box.--complete > .title-box > .text {
  color: var(--Base-Black, #000);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.form-box > .form > .list > .item-box.--complete > .title-box > .text > .bold {
  font-weight: 700;
}

.form-box > .form > .list > .item-box.--complete > .title-box > .button {
  margin-top: 16px;
  display: flex;
  width: 100%;
  height: 48px;
  padding: 0px 20px 0px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 23.5px;
  background: #2074d6;
  text-decoration: none;
}
.form-box
  > .form
  > .list
  > .item-box.--complete
  > .title-box
  > .button
  > .icon {
  width: 24px;
  height: 24px;
}
.form-box
  > .form
  > .list
  > .item-box.--complete
  > .title-box
  > .button
  > .text {
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.form-box > .form > .list > .item-box.--complete > .line-box {
  margin-top: 56px;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 100%;
  border-radius: 8px;
  background: var(--System-Gray-100, #f1f5f9);
}

.form-box > .form > .list > .item-box.--complete > .line-box > .text {
  color: var(--Base-Black, #000);
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.form-box > .form > .list > .item-box.--complete > .line-box > .button {
  display: flex;
  width: 240px;
  height: 48px;
  padding: 0px 20px 0px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 23.5px;
  background: #06c755;
  text-decoration: none;
}
.form-box > .form > .list > .item-box.--complete > .line-box > .button > .icon {
  width: 24px;
  height: 24px;
}
.form-box > .form > .list > .item-box.--complete > .line-box > .button > .text {
  color: var(--Base-White, #fff);
  text-align: center;

  /* ja/h5 */
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.form-box > .form > .list > .item-box > .text {
  margin-top: 24px;
  color: var(--Base-Black, #000);
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.form-box > .form > .list > .item-box > .step-box {
  width: 100%;
  display: flex;
  column-gap: 12px;
  justify-content: center;
}

.form-box > .form > .list > .item-box > .step-box > .dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #e9f1fb;
  flex-shrink: 0;
}

.form-box > .form > .list > .item-box > .step-box > .dot.--active {
  background-color: #2074d6;
}

.form-box > .form > .list > .item-box > .title-box {
  margin-top: 24px;
}
.form-box > .form > .list > .item-box > .title-box > .title {
  color: var(--Base-Black, #000);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.form-box > .form > .list > .item-box > .title-box > .title > .blue {
  display: block;
  color: var(--Accent-900, #2074d6);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.form-box > .form > .list > .item-box > .question-box {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.form-box > .form > .list > .item-box > .question-box.--grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  row-gap: 8px;
}
.form-box > .form > .list > .item-box > .question-box > .form-group {
  width: 100%;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set {
  width: 100%;
  position: relative;
  display: block;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set
  > label {
  display: flex;
  padding: 13px 16px 13px 38px;
  border-radius: 4px;
  border: 1px solid var(--System-Gray-300, #cbd5e1);
  background: var(--Base-White, #fff);
  color: #000;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box.--grid
  > .form-group
  > .input-set
  > label {
  font-size: 12px;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set
  > .input-radio {
  margin: auto;
  position: absolute;
  top: 0;
  left: 16px;
  bottom: 0;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  border: 1px solid var(--System-Gray-300, #cbd5e1);
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set
  > .input-radio:checked {
  border: 4px solid var(--System-Gray-300, #2074d6);
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set
  > .input-radio:checked
  + label {
  border: 2px solid var(--Accent-900, #2074d6);
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-select {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  position: relative;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-select
  > label {
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-select
  > .input-select {
  width: 100%;
  height: 48px;
  padding: 13px 12px;
  border-radius: 4px;
  border: 1px solid #cbd5e1;
  background-color: #fff;
  color: #000;
  outline: 0;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-select
  > .input-select:focus-visible {
  outline: none;
  box-shadow: none;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-select::after {
  margin: auto;
  content: "";
  width: 12px;
  height: 6px;
  background-image: url('data:image/svg+xml;utf-8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="black"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  bottom: 20px;
  right: 12px;
  z-index: 100;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text {
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > label {
  color: #000;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > .input-text {
  width: 100%;
  height: 48px;
  padding: 13px 12px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #cbd5e1;
  outline: none;
  color: #000;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > .input-text:focus {
  outline: none;
  border: 1px solid #cbd5e1;
}
.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > .input-text:hover {
  outline: none;
  border: 1px solid #cbd5e1;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > .input-text:focus-visible {
  outline: none;
  box-shadow: none;
}

.form-box
  > .form
  > .list
  > .item-box
  > .question-box
  > .form-group
  > .input-set-text
  > .note {
  margin-top: 4px;
  color: var(--System-Gray-400, #94a3b8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.form-box > .form > .list > .item-box > .check-box {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}

.form-box > .form > .list > .item-box > .check-box > .input-checkbox {
  width: 14px;
  height: 14px;
  border: 1px solid #cbd5e1;
  cursor: pointer;
}
.form-box > .form > .list > .item-box > .check-box > .input-checkbox:checked {
  border: 1px solid #2074d6;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='rgb(32, 116, 214)' stroke-width='4' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 2px;
}

.form-box > .form > .list > .item-box > .check-box > .text {
  color: var(--Base-Black, #000);
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.28px;
}

.form-box > .form > .list > .item-box > .button-box {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.form-box > .form > .list > .item-box > .button-box.--margin-24 {
  margin-top: 24px;
}
.form-box > .form > .list > .item-box > .button-box > .button {
  color: var(--System-Gray-500, #64748b);
  text-align: center;
  font-feature-settings: "clig" off, "liga" off;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.28px;
  cursor: pointer;
}
.form-box > .form > .list > .item-box > .button-box > .next {
  display: flex;
  width: 295px;
  height: 48px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: var(--Base-White, #fff);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 23.5px;
  background: var(--Accent-900, #2074d6);
}

.form-box > .form > .list > .item-box > .button-box > .next:disabled {
  background: var(--System-Gray-300, #cbd5e1);
}

.form-box > .form > .list > .item-box > .close-button {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -16px;
  right: -16px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #000;
}
.form-box > .form > .list > .item-box > .close-button::after {
  margin: auto;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  color: #000;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 50 50"><path d="M 9.15625 6.3125 L 6.3125 9.15625 L 22.15625 25 L 6.21875 40.96875 L 9.03125 43.78125 L 25 27.84375 L 40.9375 43.78125 L 43.78125 40.9375 L 27.84375 25 L 43.6875 9.15625 L 40.84375 6.3125 L 25 22.15625 Z"></path></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.form-box > .form > .list > .item-box > .close-button.--active {
  display: flex;
}
.modal {
  margin: auto;
  padding: 0 20px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.25s ease-in;
  opacity: 0;
  transform: translateY(-100%);
}
.modal.--active {
  opacity: 1;
  transform: translateY(0);
}
.modal > .modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.modal > .form-box {
  flex-shrink: 0;
  width: 100%;
  z-index: 9999;
}