@charset "UTF-8";
/*===========================================================================*/
/*  function  */
/*===========================================================================*/
/*===========================================================================*/
/*  mixin  */
/*===========================================================================*/
/*
  基本的なclamp()算出mixin
  y = mx+b
  `y` = プロパティの値（font-size、margin など）
  `x` = ビューポート幅
  `m` = 傾き（`$slope`）ビューポート幅の変化に対するプロパティ値の変化率
  `b` = y切片（`$intercept`）ビューポートが0pxの場合の値
*/
/*===========================================================================*/
/*  function  */
/*===========================================================================*/
/*===========================================================================*/
/*  mixin  */
/*===========================================================================*/
/*
  基本的なclamp()算出mixin
  y = mx+b
  `y` = プロパティの値（font-size、margin など）
  `x` = ビューポート幅
  `m` = 傾き（`$slope`）ビューポート幅の変化に対するプロパティ値の変化率
  `b` = y切片（`$intercept`）ビューポートが0pxの場合の値
*/
.confirm-button {
  border-radius: 1000px;
  letter-spacing: 1px;
}

.fv .confirm-button {
  padding-top: clamp(0.98rem, 3.4824707846px + 0.0070116861 * 100vw, 1.4rem);
  padding-right: clamp(3.64rem, 12.9348914858px + 0.0260434057 * 100vw, 5.2rem);
  padding-bottom: clamp(1.33rem, 4.7262103506px + 0.0095158598 * 100vw, 1.9rem);
  padding-left: clamp(2.45rem, 8.7061769616px + 0.0175292154 * 100vw, 3.5rem);
}

@media (max-width: 900px) {
  .fv .confirm-button {
    padding: 15px 39px 18px 27px;
  }
}
.campaign .confirm-button,
.benefits .confirm-button,
.adjustment-flow .confirm-button,
.fixed__cta .confirm-button {
  padding-top: clamp(1.4rem, 6.4791318865px + 0.0083472454 * 100vw, 1.9rem);
  padding-right: clamp(2.6rem, 12.4624373957px + 0.0150250417 * 100vw, 3.5rem);
  padding-bottom: clamp(1.4rem, 4.9749582638px + 0.0100166945 * 100vw, 2rem);
  padding-left: clamp(2.6rem, 12.4624373957px + 0.0150250417 * 100vw, 3.5rem);
}

.campaign .confirm-button .mv__button__small__text,
.benefits .confirm-button .mv__button__small__text,
.fixed__cta .confirm-button .mv__button__small__text {
  font-size: clamp(1.8rem, 14.9916527546px + 0.0033388982 * 100vw, 2rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .campaign .confirm-button .mv__button__small__text,
  .benefits .confirm-button .mv__button__small__text,
  .fixed__cta .confirm-button .mv__button__small__text {
    font-size: 1.6rem;
  }
}

.campaign .confirm-button .mv__button__large__text,
.benefits .confirm-button .mv__button__large__text,
.fixed__cta .confirm-button .mv__button__large__text {
  font-size: clamp(2.6rem, 19.9833055092px + 0.0066777963 * 100vw, 3rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .campaign .confirm-button .mv__button__large__text,
  .benefits .confirm-button .mv__button__large__text,
  .fixed__cta .confirm-button .mv__button__large__text {
    font-size: 2.6rem;
  }
}

.adjustment-flow .confirm-button .mv__button__small__text {
  font-size: clamp(1.8rem, 14.9916527546px + 0.0033388982 * 100vw, 2rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .adjustment-flow .confirm-button .mv__button__small__text {
    font-size: 1.4rem;
  }
}

.adjustment-flow .confirm-button .mv__button__large__text {
  font-size: clamp(2.6rem, 19.9833055092px + 0.0066777963 * 100vw, 3rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .adjustment-flow .confirm-button .mv__button__large__text {
    font-size: 2.4rem;
  }
}

.fv .confirm-button__text-baloon-emphasis-wrapper {
  letter-spacing: 1.8px;
}

.benefits .confirm-button__text-baloon-emphasis-wrapper {
  margin-bottom: clamp(2.8px, 0.9949916528px + 0.20033389vw, 4px);
}

.fv .confirm-button__text-baloon-emphasis {
  padding: 0 4.8px 0 2.4px;
}

@media (max-width: 900px) {
  .fv .confirm-button__text-baloon-emphasis {
    font-size: 11.4px;
  }
}
.fv .confirm-button__text-border-emphasis {
  padding-top: 8px;
}

.confirm-button__text-border-emphasis::before {
  content: "";
  display: inline-block;
  width: 100%;
/*  background-color: #ffb81e;*/
  position: absolute;
  height: clamp(4.2px, 1.4924874791px + 0.30050083vw, 6px);
  bottom: -2px;
}

.confirm-button__text-border-emphasis-bg::before {
  content: "";
  display: inline-block;
  width: 100%;
/*  background-color: #ffb81e;*/
  position: absolute;
  height: clamp(4.2px, 1.4924874791px + 0.30050083vw, 6px);
  bottom: -2px;
}

.confirm-button__chevron-white {
  margin-left: clamp(26.6px, 9.4524207012px + 1.90317195vw, 38px);
  width: clamp(34.3px, 12.1886477462px + 2.45409015vw, 49px);
}

.label-primary {
  background-color: #23418c;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  border-radius: 8px;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  padding-top: clamp(5.6px, 1.9899833055px + 0.40066778vw, 8px);
  padding-right: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
  padding-bottom: clamp(5.6px, 1.9899833055px + 0.40066778vw, 8px);
  padding-left: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
}

header {
  font-size: 16px;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  max-width: 1360px;
  margin: 0 auto;
}

.header {
  padding: 12px 30px;
}

@media (max-width: 900px) {
  .header {
    padding: 15px 16px;
  }
}
.header-logo__img {
  height: auto;
}

@media (max-width: 900px) {
  .header-logo__img {
    width: 146px;
  }
}
.header-sub-text {
  font-size: 13px;
  color: #464343;
}

.header-button__texts {
  padding: 9px 25px 10px 25px;
  border-radius: 4px 0 0 4px;
  font-size: clamp(10.6px, 9.9983305509px + 0.06677796vw, 11px);
}

@media (max-width: 900px) {
  .header-button__texts {
    font-size: 10px;
    padding: 6.13px 8px;
    border-radius: 3px 0 0 3px;
    line-height: 1.14;
  }
}
.header-button__chevron-wrapper {
  background-color: #be4b0f;
  padding: 0 5px;
  border-radius: 0 4px 4px 0;
}

@media (max-width: 900px) {
  .header-button__chevron-wrapper {
    border-radius: 0 3px 3px 0;
  }
}
.header-button__text-border-emphasis {
  font-size: clamp(14.6px, 13.9983305509px + 0.06677796vw, 15px);
}

@media (max-width: 900px) {
  .header-button__text-border-emphasis {
    font-size: 14.6px;
  }
}
.header-button__text-border-emphasis::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 4px;
/*  background-color: #ffb81e;*/
  position: absolute;
  bottom: 1.2px;
}

.fv {
  margin-top: 27px;
}

@media (max-width: 900px) {
  .fv {
    margin-top: 0;
  }
}
.fv-inner {
  margin: 0 auto;
  padding-left: 60px;
}
@media (min-width: 901px) {
  .fv-inner {
    gap: 40px;
  }
}

@media (max-width: 900px) {
  .fv-inner {
    flex-direction: column;
    align-items: center;
    background: url("../images/sp-fv-bg.png") no-repeat center 138px/625px;
    overflow: inherit;
    height: 100%;
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 405px) {
  .fv-inner {
    margin: 0 10px;
  }
}
.fv-kanban {
  width: clamp(534px, -1.4858096828px + 0.5943238731 * 100vw, 890px);
  left: clamp(-80px, -19.8330550918px + -0.0667779633 * 100vw, -120px);
  background: url("../images/fv-bg.png") no-repeat left top/cover;
}
.fv-kanban::before {
  content: "";
  width: clamp(17.36rem, 61.6894824708px + 0.1242070117 * 100vw, 24.8rem);
  height: clamp(14.28rem, 50.7445742905px + 0.1021702838 * 100vw, 20.4rem);
  background: url(../images/mv_medal.png) no-repeat center center/contain;
  position: absolute;
  top: -1.4rem;
  right: -3.5rem;
}
@media (max-width: 900px) {
  .fv-kanban::before {
    width: 13.1rem;
    height: 10.8rem;
    top: 0.5rem;
    left: calc(50% + 68px);
  }
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
  .fv-kanban {
    width: clamp(76rem, 368.2608695652px + 0.4347826087 * 100vw, 89rem);
    left: clamp(-10rem, 20.5351170569px + -0.1337792642 * 100vw, -14rem);
    height: auto;
  }
}
@media (max-width: 900px) {
  .fv-kanban {
    background: none;
    width: 100%;
    height: auto;
    left: 0;
    height: 494px;
  }
}
.fv-main-text {
  z-index: 1;
  flex-shrink: 0;
}
.fv-main-text h1 {
  color: #2864f0;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .fv-main-text h1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.fv-main-text h1 span {
  display: block;
  font-weight: 400;
  width: fit-content;
}
@media (max-width: 900px) {
  .fv-main-text h1 .fv-main-text__wrapper {
    display: flex;
    align-items: flex-end;
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
    border-bottom: 3px solid #fa6414;
  }
}
@media (min-width: 901px) {
  .fv-main-text h1 .line {
    border-bottom: 5px solid #fa6414;
  }
}
.fv-main-text__top {
  font-size: clamp(9.9rem, -0.2754590985px + 0.1101836394 * 100vw, 16.5rem);
  line-height: 1;
  letter-spacing: -0.9905rem;
}
@media (min-width: 901px) {
  .fv-main-text__top {
    margin-bottom: 0.9rem;
    padding-bottom: 0.9rem;
  }
}
@media (max-width: 900px) {
  .fv-main-text__top {
    font-size: 7.6rem;
    letter-spacing: -0.4576rem;
  }
}
.fv-main-text__middle {
  font-size: clamp(4rem, 0.8914858097px + 0.0434056761 * 100vw, 6.6rem);
  line-height: 1.15;
  letter-spacing: -0.3962rem;
}
@media (max-width: 900px) {
  .fv-main-text__middle {
    font-size: 3rem;
    letter-spacing: -0.183rem;
  }
}
@media (min-width: 901px) {
  .fv-main-text__middle .line {
    padding-bottom: 0.3rem;
  }
}
.fv-main-text__bottom {
  font-size: clamp(7.9rem, -0.7212020033px + 0.0884808013 * 100vw, 13.2rem);
  line-height: 1.15;
  letter-spacing: -0.7924rem;
}
@media (max-width: 900px) {
  .fv-main-text__bottom {
    font-size: 7.6rem;
    letter-spacing: -0.4576rem;
    padding-bottom: 4px;
    border-bottom: 3px solid #fa6414;
  }
}

.fv-primary-button {
  margin-top: 19px;
}

@media (max-width: 900px) {
  .fv-primary-button {
    margin-top: 10px;
  }
}
.fv-member {
  margin-top: 20px;
  font-size: 11px;
  letter-spacing: 0.6px;
}

@media (max-width: 900px) {
  .fv-member {
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 10px;
  }
}
.fv-sub {
  right: 2%;
  bottom: clamp(16px, -44.1669449082px + 0.0667779633 * 100vw, 56px);
  z-index: 2;
}

.fv-sub__text-wrapper {
  margin-left: 30px;
}

@media (max-width: 900px) {
  .fv-sub__text-wrapper {
    margin-top: 300px;
    margin-left: 0;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
.fv-sub__text {
  line-height: 1.2;
  font-size: clamp(16px, 5.4707846411px + 0.0116861436 * 100vw, 23px);
}

@media (max-width: 900px) {
  .fv-sub__text {
    font-size: 15px;
    letter-spacing: -0.311px;
  }
}
.fv-sub__text:not(:first-of-type) {
  margin-top: 4px;
}

.fv .bg-filter {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.2);
}

@media (max-width: 900px) {
  .fv .bg-filter {
    text-align: left;
  }
}
.fv .fv-sub__image {
  width: 137px;
  margin-top: 12px;
}

@media (max-width: 900px) {
  .fv .fv-sub__image {
    width: 132px;
    margin-top: 0;
  }
}
.fv-sub__text-emphasis {
  font-size: clamp(24px, 11.9666110184px + 0.0133555927 * 100vw, 32px);
}

@media (max-width: 900px) {
  .fv-sub__text-emphasis {
    font-size: 24px;
  }
}
.fv-kanban__pc {
  margin-top: clamp(19.6px, 6.9649415693px + 0.0140233723 * 100vw, 28px);
  width: clamp(20.79rem, 73.878130217px + 0.1487479132 * 100vw, 29.7rem);
}

@media screen and (min-width: 542px) and (max-width: 900px) {
  .fv-member {
    margin-left: -20px;
  }
}
.mv__button__below {
  margin-bottom: 8px;
  margin-left: clamp(2.4rem, -40.6794657763px + 0.0717863105 * 100vw, 6.7rem);
}

@media screen and (min-width: 901px) and (max-width: 1200px) {
  .mv__button__below__img {
    width: clamp(40rem, 83.5953177258px + 0.3511705686 * 100vw, 50.5rem);
  }
}
.campaign__bottom__below {
  margin-bottom: 8px !important;
}

@media (max-width: 900px) {
  .mv__button__below {
    margin-bottom: 7px;
    margin-left: 0;
  }
}
.mv__button__small__text {
  font-size: clamp(1.6rem, 5.4707846411px + 0.0116861436 * 100vw, 2.3rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .mv__button__small__text {
    font-size: 1.8rem;
  }
}

.mv__button__large__text {
  font-size: clamp(2.4rem, 5.9499165275px + 0.020033389 * 100vw, 3.6rem);
  line-height: 1.15;
}
@media (max-width: 900px) {
  .mv__button__large__text {
    font-size: 2.8rem;
  }
}

.hash {
  margin-top: 45px;
  overflow: hidden;
}

@media (max-width: 900px) {
  .hash {
    margin-top: 10px;
  }
}
.hash__inner {
  padding: 15px 0;
}

@media (max-width: 900px) {
  .hash__inner {
    padding: 10px 0;
  }
}
.hash__track {
  width: fit-content;
  display: flex;
  gap: 0;
  will-change: transform;
  animation: marquee var(--marquee-duration, 100s) linear infinite;
}
.hash__track ul {
  display: flex;
  align-items: center;
  gap: 1em;
}
.hash__track ul li {
  color: #fff;
  font-size: 4rem;
  line-height: 1.3;
  white-space: nowrap;
}
.hash__track ul + ul {
  margin-left: 1em;
}

.hash__track > img {
  margin-left: 40px;
  display: block;
  flex: 0 0 auto;
  max-width: none;
  height: 52px;
  width: auto;
}

@media (max-width: 900px) {
  .hash__track > img {
    margin-left: 20px;
    width: auto;
    height: 29px;
  }
}
.appeal__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .appeal__text {
    gap: 10px;
  }
}
.appeal__text__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .appeal__text__inner {
    flex-direction: column;
  }
}
.appeal__text svg {
  padding-top: 5px;
}
.appeal__text span {
  color: #cea800;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .appeal__text span {
    color: #cea800;
    text-align: center;
    font-size: 3.2348rem;
    font-weight: 700;
    line-height: normal;
    vertical-align: baseline;
  }
}
@media (max-width: 900px) {
  .appeal__text span.appeal__text__support {
    color: #cea800;
    text-align: center;
    font-size: 2.0537rem;
    font-weight: 700;
    line-height: 1.4;
  }
}
@media (max-width: 900px) {
  .appeal__text span.appeal__text__cloud {
    vertical-align: baseline;
  }
}
.appeal__text span,
.appeal__text img {
  vertical-align: text-bottom;
}
.appeal__text__num {
  width: 62px;
  height: 70px;
}
@media (max-width: 900px) {
  .appeal__text__num {
    width: 33px;
    height: 36px;
  }
}
.appeal__text__no1 {
  width: 104px;
  height: 70px;
}
@media (max-width: 900px) {
  .appeal__text__no1 {
    width: 90px;
    height: auto;
  }
}

.company {
  margin-top: 30px;
  overflow: hidden;
}

.company-achievements__text {
  font-size: 12px;
}

@media (max-width: 900px) {
  .company-achievements__text {
    font-size: 10px;
  }
}
.company__inner {
  max-width: 1360px;
  margin: 0 auto;
  overflow: hidden;
}

.company__track {
  display: flex;
  gap: 0;
  will-change: transform;
  animation: marquee var(--marquee-duration, 30s) linear infinite;
  margin-top: 25px;
}

.company__items {
  display: flex;
  gap: 0;
}

.company__items li {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .company__image {
    width: 80px;
  }
}
/* 1セットぶんの幅だけ左へ送り続ける（無限ループ） */
@keyframes marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--group-w, 100%)), 0, 0);
  }
}
/* 動きを抑制したい環境 */
@media (prefers-reduced-motion: reduce) {
  .company__track {
    animation: none !important;
    transform: none !important;
  }
}
.problem {
  padding-top: clamp(9.45rem, 33.5809682805px + 0.0676126878 * 100vw, 13.5rem);
}
@media (max-width: 900px) {
  .problem {
    padding-top: 50px;
  }
}
.problem__title {
  color: #fff;
  font-weight: 500;
  font-size: clamp(5.2rem, 32.4457429048px + 0.0217028381 * 100vw, 6.5rem);
}
@media (max-width: 900px) {
  .problem__title {
    display: inline-block;
    font-size: 42px;
    position: relative;
  }
  .problem__title::before {
    content: "";
    width: 140px;
    height: 110px;
    position: absolute;
    right: -60px;
    top: 68px;
    background: url(../images/problem-swallow_sp.png) no-repeat center center/contain;
  }
}
@media (max-width: 900px) {
  .problem__title__wrapper {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 900px) {
  .problem__title__main {
    display: grid;
  }
}
.problem__title__sm {
  color: #fff;
  font-size: clamp(2.3rem, 15.4791318865px + 0.0083472454 * 100vw, 2.8rem);
  font-weight: 500;
  margin-bottom: -20px;
  display: block;
}
@media (max-width: 900px) {
  .problem__title__sm {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.problem__title__lg {
  color: #fff;
  font-size: clamp(9.8rem, 60.3956594324px + 0.041736227 * 100vw, 12.3rem);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 16px;
  text-underline-offset: -0.02em;
  text-decoration-skip-ink: none;
  text-decoration-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 900px) {
  .problem__title__lg {
    font-size: 77px;
    font-weight: 500;
    margin-top: 8px;
  }
}

@media (max-width: 900px) {
  .problem .l-wrapper {
    padding-bottom: 25px;
  }
}
.problem .l-inner {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .problem .l-inner {
    padding-top: 0;
  }
}
.problem-heading {
  text-align: center;
}

.problem-heading img {
  padding-right: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
  width: clamp(619.5px, 220.141903172px + 44.32387312vw, 885px);
}

.problem-sp-heading {
  padding-top: 50px;
  margin-left: 20px;
}

.problem-sp-heading img {
  max-width: none;
}

.problem-items {
  background-color: #ebf3ff;
  border-radius: 40px;
  margin-top: clamp(37.8px, 13.4323873122px + 2.70450751vw, 54px);
  padding-top: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-right: clamp(39.9px, 14.1786310518px + 2.85475793vw, 57px);
  padding-bottom: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  padding-left: clamp(39.9px, 14.1786310518px + 2.85475793vw, 57px);
}

@media (max-width: 900px) {
  .problem-items {
    border-radius: 20px;
    margin-top: 21px;
    padding: 25px 21px 0;
  }
}
.problem-items__heading {
  font-weight: 500;
  font-size: clamp(28px, 21.9833055092px + 0.66777963vw, 32px);
}

@media (max-width: 900px) {
  .problem-items__heading {
    font-size: 22px;
    line-height: 1.2;
  }
}
.problem-items__heading-emphasis {
  font-size: clamp(40px, 32.4791318865px + 0.83472454vw, 45px);
}

@media (max-width: 900px) {
  .problem-items__heading-emphasis {
    font-size: 26px;
  }
}
.problem-items__swallow {
  width: clamp(18rem, 89.7495826377px + 0.1001669449 * 100vw, 24rem);
  top: -20px;
  right: -40px;
  transform: translate(20%, -81%);
}

.problem-items__contents {
  margin-top: clamp(22.4px, 7.959933222px + 1.60267112vw, 32px);
}

@media (max-width: 900px) {
  .problem-items__contents {
    margin-top: 18px;
    flex-direction: column;
    align-items: center;
  }
}
.problem-items__content:not(:first-of-type) {
  margin-left: clamp(15.4px, 5.4724540902px + 1.10183639vw, 22px);
}

@media (max-width: 900px) {
  .problem-items__content:not(:first-of-type) {
    margin-left: 0;
    margin-top: -24px;
  }
}
.problem-items__content-text-wrapper {
  top: -15px;
}

@media (max-width: 900px) {
  .problem-items__content-text-wrapper {
    top: -44px;
  }
}
.problem-items__content-text {
  font-size: clamp(20px, 13.9833055092px + 0.66777963vw, 24px);
  line-height: 1.3;
  background: linear-gradient(transparent 0%, #143278 0%);
  box-decoration-break: clone;
  padding: 0 4px;
}

@media (max-width: 900px) {
  .problem-items__content-text {
    font-size: 22px;
  }
}
.problem-dots {
  margin-top: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
}

@media (max-width: 900px) {
  .problem-dots {
    margin: 18px auto 0;
    width: 7px;
  }
}
.problem-tax-reform {
  margin-top: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}
.problem-tax-reform__text {
  color: #fff;
  text-align: center;
  font-size: 6rem;
  line-height: 1.2;
  font-size: clamp(4.8rem, 29.9499165275px + 0.020033389 * 100vw, 6rem);
}
@media (max-width: 900px) {
  .problem-tax-reform__text {
    font-size: 2.9rem;
  }
}
.problem-tax-reform__text span {
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.1em;
  text-decoration-skip-ink: none;
}

.problem-tax-reform > img {
  width: clamp(383.6px, 136.3138564274px + 27.4457429vw, 548px);
}

.problem-points {
  margin-top: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
}
.problem-points__title {
  font-size: clamp(2.4rem, 7.4540901503px + 0.0183639399 * 100vw, 3.5rem);
  line-height: 1.6;
}
@media (max-width: 900px) {
  .problem-points__title {
    font-size: 2.4rem;
  }
}
.problem-points__title span {
  color: #143278;
  font-size: 4.5rem;
  font-size: clamp(3rem, 7.4373956594px + 0.0250417362 * 100vw, 4.5rem);
}
@media (max-width: 900px) {
  .problem-points__title span {
    font-size: 3rem;
  }
}
.problem-points__image {
  margin-bottom: 15px;
  width: clamp(19.53rem, 69.4006677796px + 0.1397328881 * 100vw, 27.9rem);
}
@media (max-width: 900px) {
  .problem-points__image {
    width: 20.9rem;
  }
}

@media (max-width: 900px) {
  .problem-points {
    flex-direction: column;
    margin-top: 25px;
  }
}
.problem-point {
  border-radius: 40px;
  padding-bottom: clamp(32.9px, 11.6911519199px + 2.35392321vw, 47px);
  background-color: #ebf3ff;
}

@media (max-width: 900px) {
  .problem-point {
    border-radius: 20px;
  }
}
.problem-point:not(:first-of-type) {
  margin-left: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
}

@media (max-width: 900px) {
  .problem-point:not(:first-of-type) {
    margin-left: 0;
    margin-top: 24px;
  }
}
@media (max-width: 900px) {
  .problem-point-1 {
    padding: 0 0 30px;
  }
}
@media (max-width: 900px) {
  .problem-point-2 {
    padding: 0 0 30px;
  }
}
.problem-point__trapezoid-text {
  padding-top: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  padding-bottom: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  font-size: clamp(18px, 11.9833055092px + 0.66777963vw, 22px);
  margin-bottom: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  background: url("../images/problem-trapezoid.svg") no-repeat center top/contain;
}

.problem-point__text {
  line-height: 1.55;
  margin-top: 15px;
  font-size: clamp(15px, 10.4874791319px + 0.50083472vw, 18px);
}

@media (max-width: 900px) {
  .problem-point__text {
    margin-top: 16px !important;
  }
}
.problem-tax-hard {
  margin-top: clamp(19.6px, 6.9649415693px + 1.40233723vw, 28px);
  margin-top: clamp(38.5px, 13.6811352254px + 2.75459098vw, 55px);
}
.problem-tax-hard__text {
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-size: clamp(4rem, 24.958263773px + 0.0166944908 * 100vw, 5rem);
}

.problem-tax-hard > img {
  width: clamp(552.3px, 196.2621035058px + 39.51585977vw, 789px);
}

.solution {
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}
.solution__item__title {
  color: #2864f0;
  font-size: clamp(5rem, 27.4373956594px + 0.0250417362 * 100vw, 6.5rem);
  line-height: 1.2;
}
@media (max-width: 900px) {
  .solution__item__title {
    font-size: 36px;
  }
}

.solution-rectangle {
  top: -2px;
}

.solution-heading {
  margin-top: clamp(56px, 19.8998330551px + 4.0066778vw, 80px);
  position: relative;
  display: inline-block;
}
.solution-heading::before {
  content: "";
  width: clamp(11.62rem, 41.2921535893px + 0.0831385643 * 100vw, 16.6rem);
  height: clamp(9.94rem, 35.3222036728px + 0.0711185309 * 100vw, 14.2rem);
  position: absolute;
  right: clamp(-15.82rem, -56.2170283806px + -0.1131886477 * 100vw, -22.6rem);
  top: 50%;
  transform: translateY(-60%);
  background: url(../images/solution_bird.png) no-repeat center center/contain;
}
@media (max-width: 900px) {
  .solution-heading::before {
    width: 89px;
    height: 76px;
    right: -32px;
    bottom: 0;
    top: auto;
    transform: none;
  }
}
@media (max-width: 900px) {
  .solution-heading__box {
    display: grid;
  }
}
@media (max-width: 900px) {
  .solution-heading__wrapper {
    display: flex;
    justify-content: center;
  }
}
.solution-heading__sm {
  display: block;
  margin-bottom: clamp(-5.81rem, -20.6460767947px + -0.0415692821 * 100vw, -8.3rem);
}
@media (max-width: 900px) {
  .solution-heading__sm {
    margin-bottom: 8px;
    display: inline-block;
  }
}
.solution-heading__sm span {
  line-height: 1;
  font-size: clamp(1.6rem, 6.9749582638px + 0.0100166945 * 100vw, 2.2rem);
  margin-left: clamp(0.91rem, 3.2337228715px + 0.0065108514 * 100vw, 1.3rem);
  margin-right: clamp(0.7rem, 2.4874791319px + 0.0050083472 * 100vw, 1rem);
}
@media (max-width: 900px) {
  .solution-heading__sm span {
    font-size: 1.6rem;
    margin-left: 8px;
    margin-right: 7px;
  }
}
.solution-heading__sm svg {
  width: clamp(1.2rem, 7.4874791319px + 0.0050083472 * 100vw, 1.5rem);
}
@media (max-width: 900px) {
  .solution-heading__sm svg {
    width: 12px;
  }
}
.solution-heading__sm svg,
.solution-heading__sm span {
  vertical-align: middle;
}
.solution-heading__md {
  font-size: clamp(3.2rem, 16.958263773px + 0.0166944908 * 100vw, 4.2rem);
  line-height: 1;
}
@media (max-width: 900px) {
  .solution-heading__md {
    font-size: 30px;
    display: inline-block;
  }
}
.solution-heading__lg {
  color: #2864f0;
  font-size: clamp(7rem, 24.8747913189px + 0.0500834725 * 100vw, 10rem);
  line-height: 1;
}
@media (max-width: 900px) {
  .solution-heading__lg {
    font-size: 55px;
    margin-top: 12px;
    display: inline-block;
  }
}
.solution-heading__lg img {
  width: clamp(14rem, 75.3205342237px + 0.0717863105 * 100vw, 18.3rem);
  vertical-align: sub;
}
@media (max-width: 900px) {
  .solution-heading__lg img {
    width: 90px;
    vertical-align: bottom;
  }
}

@media (max-width: 900px) {
  .solution-heading {
    margin-top: 30px;
  }
}
.solution-heading > img {
  width: clamp(764.4px, 271.632721202px + 54.69115192vw, 1092px);
}

.solution-heading__note {
  font-size: 12px;
  text-align: center;
}

@media (max-width: 900px) {
  .solution-heading__note {
    font-size: 10px;
    text-align: left;
  }
}
.solution-right-wrapper {
  margin-top: clamp(89.6px, 31.8397328881px + 6.41068447vw, 128px);
  padding-left: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
}

@media (max-width: 900px) {
  .solution-right-wrapper {
    margin-top: 40px;
  }
}
.solution-right-wrapper .solution-inner {
  margin-left: auto;
  max-width: calc(1080px + (100vw - 1080px) / 2);
  border-radius: 40px 0 0 40px;
  padding-top: clamp(49px, 17.4123539232px + 3.50584307vw, 70px);
  padding-right: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
  padding-bottom: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-left: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
}

@media (max-width: 900px) {
  .solution-right-wrapper .solution-inner {
    border-radius: 20px 0 0 20px;
    padding: 94px 25px 25px;
  }
}
.solution-left-wrapper {
  margin-top: clamp(89.6px, 31.8397328881px + 6.41068447vw, 128px);
  padding-right: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
}

@media (max-width: 900px) {
  .solution-left-wrapper {
    margin-top: 52px;
    padding-right: 15px;
  }
}
.solution-left-wrapper .solution-inner {
  margin-right: auto;
  max-width: calc(1080px + (100vw - 1080px) / 2);
  border-radius: 0 40px 40px 0;
  padding-right: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-left: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
}

@media (max-width: 900px) {
  .solution-left-wrapper .solution-inner {
    padding: 0 25px;
    border-radius: 0 20px 20px 0;
  }
}
.solution-no-misstakes__title {
  top: 0;
  transform: translateY(-58%);
  width: 100%;
}

@media (max-width: 900px) {
  .solution-no-misstakes__title {
    transform: translateY(-25px);
  }
}
.solution-remined__title {
  top: 0;
  transform: translateY(-50%);
  width: 100%;
}

.solution-left-wrapper .solution-remined__title {
  left: 0;
}

@media (max-width: 900px) {
  .solution-remined__title {
    transform: translateY(-22%);
  }
}
.solution-columun {
  justify-content: flex-start;
  max-width: 1000px;
}

@media (max-width: 900px) {
  .solution-columun {
    flex-direction: column-reverse;
  }
}
.solution-columun:not(:first-of-type) {
  margin-top: clamp(34.3px, 12.1886477462px + 2.45409015vw, 49px);
}

.solution-columun:nth-of-type(2n) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

@media (max-width: 900px) {
  .solution-columun:nth-of-type(2n) {
    flex-direction: column-reverse;
    margin-top: 40px;
  }
}
.solution-columun:nth-of-type(2n) .solution-columun__movie-wrapper {
  margin-left: 0;
  margin-right: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
}

@media (max-width: 900px) {
  .solution-columun:nth-of-type(2n) .solution-columun__movie-wrapper {
    margin-right: 0;
  }
}
.solution-left-wrapper .solution-columun {
  padding-top: clamp(49px, 17.4123539232px + 3.50584307vw, 70px);
  padding-bottom: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
}

@media (max-width: 900px) {
  .solution-left-wrapper .solution-columun {
    padding: 96px 0 25px;
  }
}
.solution-columun__texts {
  width: 44%;
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .solution-columun__texts {
    width: 100%;
  }
}
.solution-columun__text-title {
  line-height: 1.6;
  background: linear-gradient(transparent 0%, #2864f0 0%);
  box-decoration-break: clone;
  padding: 0 4px;
  font-size: clamp(28px, 21.9833055092px + 0.66777963vw, 32px);
}

@media (max-width: 900px) {
  .solution-columun__text-title {
    font-size: 23px;
    margin-top: 15px;
  }
}
.solution-columun__text-sub-title {
  line-height: 1.4;
  margin-top: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
  font-size: clamp(18px, 14.9916527546px + 0.33388982vw, 20px);
}

@media (max-width: 900px) {
  .solution-columun__text-sub-title {
    font-size: 18px;
    margin-top: 10px;
  }
}
.solution-columun__text {
  font-weight: 500;
  margin-top: clamp(7px, 2.4874791319px + 0.50083472vw, 10px);
  font-size: clamp(12px, 8.9916527546px + 0.33388982vw, 14px);
}

@media (max-width: 900px) {
  .solution-columun__text {
    font-size: 12px;
    margin-top: 6px;
  }
}
.solution-columun__box {
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
  padding: clamp(16.1px, 5.7212020033px + 1.15191987vw, 23px);
  background-color: #ebf3ff;
  border-radius: 10px;
}

@media (max-width: 900px) {
  .solution-columun__box {
    padding: 14px;
  }
}
.solution-columun__box-title {
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
}

.solution-columun__box-items {
  margin-top: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
  gap: 5px;
}

.solution-columun__box-item {
  font-size: clamp(12px, 10.4958263773px + 0.16694491vw, 13px);
  padding-top: clamp(2.1px, 0.7462437396px + 0.15025042vw, 3px);
  padding-right: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
  padding-bottom: clamp(2.1px, 0.7462437396px + 0.15025042vw, 3px);
  padding-left: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
  border-radius: 40px;
}

@media (max-width: 900px) {
  .solution-columun__box-item {
    padding: 3px 8px;
    font-size: 12px;
  }
}
.solution-columun__movie-wrapper {
  margin-left: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
}

@media (max-width: 900px) {
  .solution-columun__movie-wrapper {
    margin-left: 0;
    margin-bottom: 15px;
  }
}
.solution-columun__movie-play {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.solution-columun__movie-play:hover {
  cursor: pointer;
}

.solution-columun__movie-play.played {
  display: none;
}

.solution-columun__movie--1 .solution-columun__movie-badge,
.solution-columun__movie--3 .solution-columun__movie-badge {
  right: 0;
  transform: translate(-20px, -44px);
}

@media (max-width: 900px) {
  .solution-columun__movie--1 .solution-columun__movie-badge,
  .solution-columun__movie--3 .solution-columun__movie-badge {
    width: 116px;
    transform: translate(14px, -44px);
  }
}
@media (max-width: 900px) {
  .solution-columun__movie--1 .solution-columun__movie-badge {
    width: 116px;
    transform: translate(14px, -44px);
  }
}
.solution-columun__movie--2 .solution-columun__movie-badge {
  left: 0;
  transform: translate(12px, -44px);
}

@media (max-width: 900px) {
  .solution-columun__movie--2 .solution-columun__movie-badge {
    width: 63px;
    transform: translate(14px, -32px);
    left: unset;
    right: 0;
  }
}
.solution-columun__movie--3 .solution-columun__movie-badge {
  right: 0;
  transform: translate(-14px, -44px);
}

@media (max-width: 900px) {
  .solution-columun__movie--3 .solution-columun__movie-badge {
    width: 63px;
    transform: translate(14px, -26px);
    left: unset;
    right: 0;
  }
}
.solution-columun__movie {
  width: 100%;
}

.campaign {
  padding-top: clamp(89.6px, 31.8397328881px + 6.41068447vw, 128px);
  padding-bottom: clamp(56px, 19.8998330551px + 4.0066778vw, 80px);
  padding-top: clamp(56px, 19.8998330551px + 0.040066778 * 100vw, 80px);
  padding-bottom: clamp(56px, 19.8998330551px + 0.040066778 * 100vw, 80px);
}
.campaign__sub {
  margin-bottom: 13px;
}
@media (max-width: 900px) {
  .campaign__sub {
    margin-bottom: 0;
  }
}
.campaign__sub p {
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.078rem;
  padding: 9px 25px 10px;
  border-radius: 100px;
  background: #2864f0;
  display: inline-block;
  font-size: clamp(23px, 18.4874791319px + 0.0050083472 * 100vw, 26px);
}
@media (max-width: 900px) {
  .campaign__sub p {
    font-size: 14px;
    margin-bottom: 8px;
    padding: 4px 10px;
  }
}
.campaign-heading {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 35px;
  font-size: clamp(50px, 31.9499165275px + 0.020033389 * 100vw, 62px);
}
@media (max-width: 900px) {
  .campaign-heading {
    font-size: 29px;
    margin-bottom: 26px;
  }
}
.campaign-heading span {
  color: #2864f0;
  display: inline;
}

@media (max-width: 900px) {
  .campaign {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 900px) {
  .campaign-heading {
    position: relative;
    max-width: 298px;
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .campaign-heading::before,
  .campaign-heading::after {
    content: "";
    position: absolute;
    top: 55px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
  }
}
@media (max-width: 900px) {
  .campaign-heading::before {
    left: -72px;
    top: 10px;
    width: 108px;
    height: 116px;
    background-image: url(../images/campaign-girl.png);
  }
}
@media (max-width: 900px) {
  .campaign-heading::after {
    right: -72px;
    top: 10px;
    width: 109px;
    height: 120px;
    background-image: url(../images/campaign-boy.png);
  }
}
.campaign-heading > img {
  width: clamp(644px, 228.8480801336px + 46.07679466vw, 920px);
}

.campaign-features {
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
}

@media (max-width: 900px) {
  .campaign-features {
    display: flex;
    gap: clamp(16px, 11.1020408163px + 1.30612245vw, 22.8571428571px);
    margin-top: 12px;
  }
}
.campaign-feature__image {
  margin-bottom: clamp(4.2px, 1.4924874791px + 0.30050083vw, 6px);
}

@media (max-width: 900px) {
  .campaign-feature__image {
    margin-bottom: 0;
    width: 62%;
  }
}
.campaign-feature__text {
  line-height: 1.3;
  font-size: clamp(18px, 14.9916527546px + 0.33388982vw, 20px);
}

@media (max-width: 900px) {
  .campaign-feature__text {
    font-size: clamp(12px, 9.1428571429px + 0.76190476vw, 16px);
    margin-top: 9px;
  }
}
@media (min-width: 901px) {
  .campaign-feature__text--credit {
    margin-top: clamp(18.2px, 6.4674457429px + 1.30217028vw, 26px);
  }
}
.campaign-feature__text--desk {
  margin-top: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
}

.campaign-feature {
  padding-right: clamp(16.1px, 5.7212020033px + 1.15191987vw, 23px);
  padding-left: clamp(16.1px, 5.7212020033px + 1.15191987vw, 23px);
}

@media (max-width: 900px) {
  .campaign-feature {
    padding-left: 0;
    padding-right: 0;
  }
}
.campaign-feature:nth-of-type(2) {
  position: relative;
}

@media (max-width: 900px) {
  .campaign-feature:nth-of-type(2) {
    padding-left: clamp(16px, 11.1020408163px + 1.30612245vw, 22.8571428571px);
    padding-right: clamp(16px, 11.1020408163px + 1.30612245vw, 22.8571428571px);
  }
}
.campaign-feature:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px dashed #afafaf;
  height: calc(100% - 26px);
}

.campaign-feature:nth-of-type(2)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px dashed #afafaf;
  height: calc(100% - 26px);
}

.campaign-overview__contents {
  border: 11px solid #ebf3ff;
  border-radius: 40px;
  margin-top: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
  padding-top: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-right: clamp(106.4px, 37.8096828047px + 7.61268781vw, 152px);
  padding-bottom: clamp(49px, 17.4123539232px + 3.50584307vw, 70px);
  padding-left: clamp(106.4px, 37.8096828047px + 7.61268781vw, 152px);
}

@media (max-width: 900px) {
  .campaign-overview__contents {
    border: 7px solid #ebf3ff;
    border-radius: 20px;
    margin-top: 20px;
    padding-top: clamp(21px, 14.5714285714px + 1.71428571vw, 30px);
    padding-bottom: clamp(28px, 19.4285714286px + 2.28571429vw, 40px);
    padding-right: clamp(18px, 12.4897959184px + 1.46938776vw, 25.7142857143px);
    padding-left: clamp(18px, 12.4897959184px + 1.46938776vw, 25.7142857143px);
  }
}
.campaign-overview__content:not(:first-of-type) {
  margin-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
}

@media (max-width: 900px) {
  .campaign-overview__content:not(:first-of-type) {
    margin-top: 18px;
  }
}
.campaign-overview__cloud-left {
  left: 0;
  width: clamp(194.6px, 69.1519198664px + 13.92320534vw, 278px);
}

.campaign-overview__cloud-right {
  right: 0;
  width: clamp(189px, 67.1619365609px + 13.52253756vw, 270px);
}

@media (max-width: 900px) {
  .campaign-overview__cloud-top {
    top: 0;
    left: -54px;
  }
}
@media (max-width: 900px) {
  .campaign-overview__cloud-middle {
    top: 216px;
    right: -68px;
  }
}
@media (max-width: 900px) {
  .campaign-overview__cloud-bottom {
    bottom: -30px;
    left: -29px;
  }
}
.campaign-overview__content-heading {
  font-size: clamp(26px, 19.9833055092px + 0.66777963vw, 30px);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .campaign-overview__content-heading {
    font-size: clamp(20px, 15.7142857143px + 1.14285714vw, 26px);
  }
}
.campaign-overview__table-wrapper {
  margin-top: clamp(19.6px, 6.9649415693px + 1.40233723vw, 28px);
  display: flex;
  justify-content: center;
}

@media (max-width: 900px) {
  .campaign-overview__table-wrapper {
    margin-top: 15px;
  }
}
.campaign-overview__table {
  width: 100%;
  max-width: 800px;
  border-collapse: collapse;
  background-color: #ffffff;
  border-radius: 8px;
}

@media (max-width: 900px) {
  .campaign-overview__table tr {
    display: flex;
    flex-direction: column;
  }
}
.campaign-overview__table__header {
  padding-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-right: clamp(13.3px, 4.7262103506px + 0.95158598vw, 19px);
  padding-bottom: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  font-size: clamp(16px, 12.9916527546px + 0.33388982vw, 18px);
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #cfcfcf;
  width: 30%;
}

@media (max-width: 900px) {
  .campaign-overview__table__header {
    font-size: clamp(13px, 10.8571428571px + 0.57142857vw, 16px);
    padding: 0 0 2px;
    border: none;
    width: 100%;
  }
}
.campaign-overview__table__data {
  padding-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-right: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  padding-bottom: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-left: clamp(13.3px, 4.7262103506px + 0.95158598vw, 19px);
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  line-height: 1.6;
  vertical-align: top;
  border-bottom: 1px solid #cfcfcf;
}

@media (max-width: 900px) {
  .campaign-overview__table__data {
    font-size: clamp(13px, 10.8571428571px + 0.57142857vw, 16px);
    padding: 0 0 12px;
    margin-bottom: 12px;
  }
}
.campaign-overview__notice {
  margin-top: clamp(12.6px, 4.4774624374px + 0.9015025vw, 18px);
  font-size: 12px;
}

@media (max-width: 900px) {
  .campaign-overview__notice {
    margin-top: 0;
  }
}
.campaign-overview__text-emphasis {
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
  font-size: clamp(18px, 11.9833055092px + 0.66777963vw, 22px);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .campaign-overview__text-emphasis {
    font-size: clamp(14px, 11.1428571429px + 0.76190476vw, 18px);
    margin-top: 8px;
  }
}
.campaign-overview__text-sub {
  margin-top: clamp(5.6px, 1.9899833055px + 0.40066778vw, 8px);
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .campaign-overview__text-sub {
    margin-top: 5px;
    font-size: clamp(11px, 8.8571428571px + 0.57142857vw, 14px);
  }
}
.campaign-overview__contents-girl {
  width: clamp(152.6px, 54.2270450751px + 10.91819699vw, 218px);
  top: 0px;
  left: -15px;
  transform: translateY(-88%);
}

.campaign-overview__contents-boy {
  width: clamp(156.1px, 55.4707846411px + 11.16861436vw, 223px);
  right: -60px;
  top: 0;
  transform: translateY(-88%);
}

.benefits .l-inner {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .benefits .l-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.benefits-heading {
  color: #fff;
  font-size: 5.2071rem;
  font-size: clamp(4.4rem, 31.9666110184px + 0.0133555927 * 100vw, 5.2rem);
  letter-spacing: 0.2083rem;
  padding-right: clamp(3rem, -0.0834724541px + 0.0333889816 * 100vw, 5rem);
}
@media (max-width: 900px) {
  .benefits-heading {
    display: inline-block;
    padding-right: clamp(6rem, 29.9165275459px + 0.0333889816 * 100vw, 8rem);
    font-size: 33px;
    line-height: 1.15%;
    letter-spacing: 0.1322rem;
    position: relative;
  }
  .benefits-heading::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 134px;
    left: calc(50% + 100px);
    top: -16px;
    background: url(../images/benefits_bird.png) no-repeat center center/contain;
  }
}
.benefits-heading span {
  color: #fff;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.2604rem;
  font-size: clamp(5.4rem, 37.4540901503px + 0.0183639399 * 100vw, 6.5rem);
}
@media (max-width: 900px) {
  .benefits-heading span {
    font-size: 41px;
    line-height: 1.15;
    letter-spacing: 0.1669rem;
  }
}

.benefits-contents {
  position: relative;
  border-radius: 40px;
  margin-top: clamp(18.9px, 6.7161936561px + 1.35225376vw, 27px);
  padding-top: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
  padding-right: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
  padding-bottom: clamp(35px, 12.4373956594px + 2.50417362vw, 50px);
  padding-left: clamp(28px, 9.9499165275px + 2.0033389vw, 40px);
}

@media (max-width: 900px) {
  .benefits-contents {
    padding: 25px 25px 30px;
    margin-top: 22px;
  }
}
.benefits__bird {
  position: absolute;
  right: -40px;
  top: clamp(-112px, -39.7996661102px + -0.0801335559 * 100vw, -160px);
  width: clamp(140px, 49.7495826377px + 0.1001669449 * 100vw, 200px);
  width: clamp(149.8px, 53.2320534224px + 10.71786311vw, 214px);
}
.benefits__bird img {
  width: 100%;
}

@media (max-width: 900px) {
  .benefits__bird {
    display: none;
  }
}
.benefits-contents__baloon-emphasis {
  font-size: clamp(28px, 21.9833055092px + 0.66777963vw, 32px);
  padding-right: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
  padding-left: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
}

@media (max-width: 900px) {
  .benefits-contents__baloon-emphasis {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }
}
.benefits-items {
  margin-top: clamp(15.4px, 5.4724540902px + 1.10183639vw, 22px);
}

@media (max-width: 900px) {
  .benefits-items {
    margin-top: 18px;
    flex-direction: column;
    gap: 18px;
  }
}
.benefits-item {
  width: 100%;
  padding-right: clamp(16.1px, 5.7212020033px + 1.15191987vw, 23px);
  padding-left: clamp(16.1px, 5.7212020033px + 1.15191987vw, 23px);
}

@media (max-width: 900px) {
  .benefits-item {
    padding-bottom: 18px;
    border-bottom: 1px dashed #767676;
    padding-right: 0;
    padding-left: 0;
  }
}
.benefits-item:nth-of-type(2) {
  position: relative;
}

.benefits-item:nth-of-type(2)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px dashed #767676;
  height: calc(100% - 26px);
}

@media (max-width: 900px) {
  .benefits-item:nth-of-type(2)::before {
    content: none;
  }
}
.benefits-item:nth-of-type(2)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px dashed #767676;
  height: calc(100% - 26px);
}

@media (max-width: 900px) {
  .benefits-item:nth-of-type(2)::after {
    content: none;
  }
}
.benefits-item__label {
  background: linear-gradient(135deg, transparent 4px, #2864f0 0);
  padding: 6px 19px;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  margin-bottom: clamp(7px, 2.4874791319px + 0.50083472vw, 10px);
}

@media (max-width: 900px) {
  .benefits-item__label {
    font-size: 14px;
    margin-bottom: 4px;
    padding: 1px 12px 2px;
  }
}
.benefits-item__text {
  text-align: center;
  margin: auto 0;
  line-height: 1.4;
  font-size: clamp(21px, 17.9916527546px + 0.33388982vw, 23px);
}

@media (max-width: 900px) {
  .benefits-item__text {
    font-size: 18px;
    letter-spacing: 0.9px;
  }
}
.benefits-more {
  background-color: #ebf3ff;
  border-radius: 20px;
  margin-top: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  padding-top: clamp(16.8px, 5.9699499165px + 1.20200334vw, 24px);
  padding-right: clamp(50.4px, 17.9098497496px + 3.60601002vw, 72px);
  padding-bottom: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  padding-left: clamp(50.4px, 17.9098497496px + 3.60601002vw, 72px);
}

@media (max-width: 900px) {
  .benefits-more {
    padding: 20px 20px 15px;
    margin-top: 25px;
    border-radius: 15px;
    flex-direction: column;
    gap: 2px;
  }
}
.benefits-more__image {
  width: clamp(168.7px, 59.9482470785px + 12.07011686vw, 241px);
  margin-right: clamp(9.1px, 3.2337228715px + 0.65108514vw, 13px);
}

@media (max-width: 900px) {
  .benefits-more__image {
    width: 241px;
    margin: 0 auto;
  }
}
.benefits-more__check {
  margin-right: 4px;
  width: clamp(11.2px, 3.979966611px + 0.80133556vw, 16px);
}

@media (max-width: 900px) {
  .benefits-more__check {
    width: 16px;
    height: 16px;
  }
}
.benefits-more__title {
  line-height: 1.6;
  font-size: clamp(18px, 11.9833055092px + 0.66777963vw, 22px);
  margin-bottom: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
}

@media (max-width: 900px) {
  .benefits-more__title {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 11px;
    text-align: center;
  }
}
.benefits-more__list {
  gap: 6px 25px;
  line-height: 1.4;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
}

@media (max-width: 900px) {
  .benefits-more__list {
    gap: 5px;
    font-size: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.benefits-more__list > li {
  width: calc((100% - 25px) / 2);
  display: flex;
  align-items: center;
}

@media (max-width: 900px) {
  .benefits-more__list > li {
    width: 100%;
    font-size: 15px;
  }
}
.benefits-more__wrapper {
  flex-direction: column;
}

.benefits-more__etc {
  font-size: clamp(12px, 8.9916527546px + 0.33388982vw, 14px);
}

@media (max-width: 900px) {
  .benefits-more__etc {
    font-size: 14px;
    line-height: 1.4;
  }
}
.benefits-links {
  margin-top: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
}

@media (max-width: 900px) {
  .benefits-links {
    margin-top: 20px;
  }
}
@media (max-width: 900px) {
  .benefits-links__inner {
    flex-direction: column;
    align-items: center !important;
    gap: 15px;
  }
  .benefits-links__inner .confirm-button {
    padding: 15px 39px 18px 27px;
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  .benefits-links__inner .confirm-button__chevron-white {
    margin-left: 12px;
  }
}
.benefits-links__member {
  border-bottom: 1px solid #464343;
  line-height: 1.6;
  margin-left: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-bottom: clamp(6.3px, 2.2387312187px + 0.45075125vw, 9px);
  margin-bottom: clamp(0.6rem, -0.0166944908px + 0.0066777963 * 100vw, 1rem);
}

@media (max-width: 900px) {
  .benefits-links__member {
    font-size: 12px;
    padding-bottom: 8px;
    margin-left: 0;
  }
}
.benefits-links__member-icon {
  margin-left: clamp(11.2px, 3.979966611px + 0.80133556vw, 16px);
  width: clamp(12.25px, 4.3530884808px + 0.87646077vw, 17.5px);
}

@media (max-width: 900px) {
  .benefits-links__member-icon {
    margin-left: 12px;
    width: 18px;
  }
}
.benefits-links__notice {
  line-height: 1.6;
  margin-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
}

@media (max-width: 900px) {
  .benefits-links__notice {
    font-size: 13px;
    margin-top: 20px;
  }
}
.adjustment-flow .l-inner {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .adjustment-flow .l-inner {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
@media (max-width: 900px) {
  .adjustment-flow .confirm-button__text-baloon-emphasis {
    font-size: 11.75px;
    font-weight: bold;
    line-height: 1;
  }
}
@media (max-width: 900px) {
  .adjustment-flow .confirm-button__text-confirm {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1;
    font-weight: bold;
  }
}
@media (max-width: 900px) {
  .adjustment-flow .confirm-button__chevron-white {
    width: 41.14px;
    margin-left: 8.3px;
  }
}
.adjustment-flow__sub {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-size: clamp(2rem, 10.9749582638px + 0.0100166945 * 100vw, 2.6rem);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 21px;
}
@media (max-width: 900px) {
  .adjustment-flow__sub {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 4px;
    gap: 5px;
  }
}
.adjustment-flow__sub__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 900px) {
  .adjustment-flow__sub__text__main {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
  }
}
@media (max-width: 900px) {
  .adjustment-flow__sub__text__main.startFlow__sub__main {
    font-size: 1.6rem;
  }
}
.adjustment-flow__sub__tag {
  color: #fff;
  font-size: clamp(1.4rem, 10.9916527546px + 0.0033388982 * 100vw, 1.6rem);
  font-weight: 700;
  line-height: 1.4;
  border-radius: 8px;
  background: #2864f0;
  padding: 5px 10px;
}
@media (max-width: 900px) {
  .adjustment-flow__sub__tag {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}
@media (max-width: 900px) {
  .adjustment-flow__sub svg {
    width: 11px;
    height: 31px;
  }
}
.adjustment-flow__sub span,
.adjustment-flow__sub svg {
  vertical-align: middle;
}

.adjustment-flow-heading {
  text-align: center;
  line-height: 1.2;
  font-size: clamp(5rem, 34.958263773px + 0.0166944908 * 100vw, 6rem);
}
@media (max-width: 900px) {
  .adjustment-flow-heading {
    font-size: 4rem;
  }
}
.adjustment-flow-heading span {
  color: #2864f0;
}
@media (max-width: 900px) {
  .adjustment-flow-heading.startFlow__sub__title {
    font-size: 3.5rem;
    margin-bottom: 12px;
  }
}

.adjustment__appeal {
  text-align: center;
  font-size: clamp(4rem, 24.958263773px + 0.0166944908 * 100vw, 5rem);
  line-height: 1.2;
  margin-top: 30px;
}
@media (max-width: 900px) {
  .adjustment__appeal {
    text-align: center;
    font-size: 2.6rem;
    margin-top: 13px;
  }
}
.adjustment__appeal span {
  color: #2864f0;
  display: inline;
}

.adjustment-button {
  width: fit-content;
}
.adjustment-button .campaign__bottom__below {
  width: 100%;
  justify-content: center;
}

.adjustment-grid-wrraper {
  margin-top: clamp(18.9px, 6.7161936561px + 1.35225376vw, 27px);
}

.adjustment-grid-side {
  width: clamp(48.3px, 17.16360601px + 3.4557596vw, 69px);
}

.adjustment-grid {
  display: grid;
  grid-template-columns: 80px 1fr 1fr 24px;
  overflow: hidden;
}

.adjustment-grid__side-arrow {
  grid-area: 2/1/7/2;
  margin-right: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
}

.adjustment-grid__method-heading {
  grid-area: 1/3/2/4;
  border-radius: 20px 20px 0 0;
  padding-top: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  padding-right: clamp(53.9px, 19.1535893155px + 3.85642738vw, 77px);
  padding-bottom: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  padding-left: clamp(53.9px, 19.1535893155px + 3.85642738vw, 77px);
  font-size: clamp(11.5px, 9.2437395659px + 0.25041736vw, 13px);
}

.adjustment-grid__method-heading-emphasis {
  margin-top: clamp(4.2px, 1.4924874791px + 0.30050083vw, 6px);
  font-size: clamp(24px, 17.9833055092px + 0.66777963vw, 28px);
}

.adjustment-grid__empty1-1 {
  grid-area: 1/1/2/2;
}

.adjustment-grid__empty1-2 {
  grid-area: 1/2/2/3;
}

.adjustment-grid__empty1-4 {
  grid-area: 1/4/2/5;
}

.adjustment-grid__step--1 {
  grid-area: 2/2/3/3;
}

.adjustment-grid__method--step1 {
  grid-area: 2/3/3/4;
}

.adjustment-grid__row2-end {
  grid-area: 2/4/3/5;
}

.adjustment-grid__step--2 {
  grid-area: 3/2/4/3;
}

.adjustment-grid__method--step2 {
  grid-area: 3/3/4/4;
}

.adjustment-grid__row3-end {
  grid-area: 3/4/4/5;
}

.adjustment-grid__step--3 {
  grid-area: 4/2/5/3;
}

.adjustment-grid__method--step3 {
  grid-area: 4/3/5/4;
}

.adjustment-grid__row4-end {
  grid-area: 4/4/5/5;
}

.adjustment-grid__step--4 {
  grid-area: 5/2/6/3;
}

.adjustment-grid__method--step4 {
  grid-area: 5/3/6/4;
}

.adjustment-grid__row5-end {
  grid-area: 5/4/6/5;
}

.adjustment-grid__next-step {
  grid-area: 6/2/7/5;
  background-color: #f3f3f3;
  border-radius: 20px;
  line-height: 1.6;
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
  padding-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-right: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-bottom: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-left: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
}

.adjustment-grid__step {
  padding-bottom: clamp(4.9px, 1.7412353923px + 0.35058431vw, 7px);
}

.adjustment-grid__step:not(.adjustment-grid__step--1) {
  padding-top: clamp(4.9px, 1.7412353923px + 0.35058431vw, 7px);
}

.adjustment-grid__step .adjustment-grid__step-inner {
  padding-top: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
  padding-right: clamp(21.7px, 7.7111853088px + 1.55258765vw, 31px);
  padding-bottom: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
  padding-left: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
  border-radius: 20px 0 0 20px;
  background: #eaf4ff;
  height: 100%;
}

.adjustment-grid__step-number {
  font-size: clamp(12px, 8.9916527546px + 0.33388982vw, 14px);
}

.adjustment-grid__step-heading {
  line-height: 1.4;
  margin-top: clamp(3.5px, 1.2437395659px + 0.25041736vw, 5px);
  margin-bottom: 12px;
}

.adjustment-grid__step .label-primary {
  margin-top: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
}

.adjustment-grid__step-try-button-wrapper {
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
}

.adjustment-grid__step-member-button-wrapper {
  margin-top: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
}

.adjustment-grid__step-member-button-wrapper .benefits-links__member {
  margin-left: 0;
}

.adjustment-grid__row-end {
  padding: 5px;
}

.adjustment-grid__row-end .adjustment-grid__row-end-inner {
  border-radius: 0 20px 20px 0;
  background: #eaf4ff;
  height: 100%;
}

.adjustment-grid__method:not(.adjustment-grid__method--start) {
  padding: 25px;
  background: #fff;
  border-left: 2px solid #2864f0;
  border-right: 2px solid #2864f0;
}

.adjustment-grid__method:not(.adjustment-grid__method--step4) {
  border-bottom: 1px dashed #c9c9c9;
}

.adjustment-grid__method--step4 {
  border-radius: 0 0 20px 20px;
  border-bottom: 2px solid #2864f0;
}

.adjustment-grid__method-list {
  line-height: 1.6;
  margin-top: clamp(7px, 2.4874791319px + 0.50083472vw, 10px);
}

.adjustment-grid__method-heading {
  line-height: 1.6;
}

.adjustment__next-step {
  text-align: center;
  background-color: #f3f3f3;
}

@media (max-width: 900px) {
  .adjustment__next-step {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    border-radius: 12px;
    padding: 20px 33px;
    margin-top: 15px;
  }
}
@media (max-width: 900px) {
  .adjustment__end-text {
    margin-top: 12px;
  }
}
.adjustment-flex {
  margin-top: 15px;
}

@media (max-width: 900px) {
  .adjustment-flex .benefits-links__member {
    margin-left: 0;
  }
}
@media (max-width: 900px) {
  .adjustment-flex .benefits-links__member-icon {
    width: 17.47px;
    margin-left: 28px;
  }
}
@media (max-width: 900px) {
  .adjustment-flex .benefits-links__notice {
    font-size: 12px;
  }
}
.adjustment-flex .benefits-links__member-text {
  font-size: 10px;
}

.adjustment-flex__main-item {
  background-color: #ebf3ff;
  border-radius: 20px;
  padding: 20px;
}

.adjustment-flex__main-item:not(:first-of-type) {
  margin-top: 10px;
}

.adjustment-flex__step-number {
  font-size: 12px;
  line-height: 1.6;
}

.adjustment-flex__step-heading {
  font-size: 19px;
  line-height: 1.38;
  margin-top: 4px;
  margin-bottom: 12px;
}

.adjustment-flex__step-try-button-wrapper {
  margin-top: 10px;
  line-height: 1;
}

.adjustment-flex__step-member-button-wrapper {
  margin-top: 10px;
  line-height: 1.6;
}

.adjustment-flex__notice {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.6;
}

.adjustment-flex__arrow {
  flex-shrink: 0;
  border-radius: 2px 2px 0 0;
  margin-left: 10px;
  padding: 9px 10px;
  width: 36px;
  text-align: center;
  position: relative;
}

.adjustment-flex__arrow::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid #143278;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  position: absolute;
  bottom: 0.5px;
  left: 50%;
  transform: translate(-50%, 100%);
}

.adjustment-flex__method {
  margin-top: 12px;
}

.adjustment-flex__method-title {
  border-radius: 10px 10px 0 0;
  padding: 3px 50px 5px;
  line-height: 1.6;
  font-size: 15px;
}

.adjustment-flex__method-content {
  border-radius: 0 0 10px 10px;
  padding: 9px 12px 13px;
}

.adjustment-flex__method-content-text {
  font-size: 14px;
  line-height: 1.35;
}

.adjustment-flex__method-list {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.adjustment-flex__method-list > li {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.48px;
  position: relative;
  padding-left: 12px;
}

.adjustment-flex__method-list > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.adjustment-flex__label-wrapper {
  margin-top: 8px;
}

.adjustment-flex__label-wrapper .label-primary {
  font-size: 13px;
  line-height: 14px;
  padding: 5px 10px;
}

.adjustment-flow-end-text {
  margin-top: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

.adjustment-flow-end-text > img {
  width: clamp(559.3px, 198.7495826377px + 40.01669449vw, 799px);
}

.faq .l-inner {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .faq .l-inner {
    padding: 40px 0;
  }
}
.faq-heading {
  color: #2864f0;
  text-align: center;
  font-size: clamp(4.8rem, 29.9499165275px + 0.020033389 * 100vw, 6rem);
  line-height: 1.2;
}
@media (max-width: 900px) {
  .faq-heading {
    font-size: 3.6rem;
  }
}

.faq__list {
  margin-top: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
}
@media (max-width: 900px) {
  .faq__list {
    margin-top: 20px;
  }
}

.faq__list .icon-faq,
.faq__list .icon-answer {
  color: #2864f0;
  font-weight: 700;
  margin-right: clamp(13.3px, 4.7262103506px + 0.95158598vw, 19px);
  font-size: clamp(20px, 13.9833055092px + 0.66777963vw, 24px);
}

@media (max-width: 900px) {
  .faq__list .icon-faq,
  .faq__list .icon-answer {
    font-size: 17px;
  }
}
.faq__list .icon-toggle {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
  flex-shrink: 0;
  margin-left: auto;
  transition: transform 0.5s;
}

.faq__list .icon-toggle::before,
.faq__list .icon-toggle::after {
  content: "";
  position: absolute;
  background: #2864f0;
  transition: all 0.5s;
  border-radius: 4px;
}

.faq__list .icon-toggle::before {
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
}

.faq__list .icon-toggle::after {
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  transform: translateX(-50%);
}

.faq__item:not(:last-child) {
  margin-bottom: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

@media (max-width: 900px) {
  .faq__item:not(:last-child) {
    margin-bottom: 20px;
  }
}
.faq__item.active .icon-toggle::after {
  opacity: 0;
}

.faq__item.active .faq__content {
  max-height: 500px;
}

.faq__toggle {
  display: flex;
  align-items: center;
  background-color: #fff;
  line-height: 1.65;
  border-radius: 12px;
  font-weight: bold;
  width: 100%;
  background-color: #ebf3ff;
  border-radius: 12px;
  font-size: clamp(18px, 14.9916527546px + 0.33388982vw, 20px);
  padding-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-right: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-bottom: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-left: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

@media (max-width: 900px) {
  .faq__toggle {
    padding: 15px 18px 15px 16px;
  }
}
.faq__toggle .text {
  margin-right: 17px;
}

@media (max-width: 900px) {
  .faq__toggle .text {
    font-size: 16px;
    margin-right: 15px;
  }
}
.faq__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
  padding-top: clamp(7px, 2.4874791319px + 0.50083472vw, 10px);
  padding-left: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

.faq__content p {
  line-height: 1.65;
  display: flex;
}

.cm {
  background-color: #ebf3ff;
}

.cm .l-inner {
  padding-top: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-bottom: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
}

@media (max-width: 900px) {
  .cm .l-inner {
    padding: 40px 0 45px;
    flex-direction: column;
    text-align: center;
  }
}
.cm-heading {
  width: clamp(319.2px, 113.429048414px + 22.83806344vw, 456px);
  color: #2864f0;
  font-size: clamp(4.2rem, 14.9248747913px + 0.0300500835 * 100vw, 6rem);
  line-height: 1.2;
}
@media (max-width: 900px) {
  .cm-heading {
    text-align: center;
    font-size: 3.8rem;
  }
}

.cm-text {
  margin-top: clamp(12.6px, 4.4774624374px + 0.9015025vw, 18px);
  font-size: clamp(22px, 15.9833055092px + 0.66777963vw, 26px);
}

@media (max-width: 900px) {
  .cm-text {
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.5;
  }
}
.cm-movie {
  width: clamp(390.6px, 138.8013355593px + 27.94657763vw, 558px);
  margin-left: clamp(32.2px, 11.4424040067px + 2.30383973vw, 46px);
}

@media (max-width: 900px) {
  .cm-movie {
    margin-top: 12px;
    margin-left: 0;
    width: 100%;
  }
}
.cm-movie > iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 558/308;
}

@media (max-width: 900px) {
  .cm-movie > iframe {
    aspect-ratio: 335/184;
  }
}
/*===========================================================================*/
/*  voice  */
/*===========================================================================*/
.voice {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  background-color: #ebf3ff;
}

@media (max-width: 900px) {
  .voice {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.voice__sub {
  margin-bottom: clamp(31.5px, 11.1936560935px + 2.25375626vw, 45px);
  text-align: center;
  font-size: clamp(2.4rem, 20.9916527546px + 0.0033388982 * 100vw, 2.6rem);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .voice__sub {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
}
.voice__sub span,
.voice__sub svg {
  vertical-align: middle;
}
@media (max-width: 900px) {
  .voice__sub svg {
    width: 11px;
    height: 31px;
  }
}

.voice__title {
  color: #2864f0;
  text-align: center;
  font-size: clamp(4.8rem, 29.9499165275px + 0.020033389 * 100vw, 6rem);
  line-height: 1.2;
  margin-bottom: 45px;
}
@media (max-width: 900px) {
  .voice__title {
    font-size: 3.6rem;
    margin-bottom: 14px;
  }
}

.voice__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

@media (max-width: 900px) {
  .voice__list {
    gap: 15px;
    flex-direction: column;
  }
}
.voice__image {
  margin-bottom: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
}

@media (max-width: 900px) {
  .voice__image {
    margin-bottom: 10px;
  }
}
.voice__item {
  width: calc((100% - 30px) / 2);
  padding: 12px 12px 35px;
  background-color: #fff;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .voice__item {
    width: 100%;
    padding: 8px 8px 30px;
  }
}
.voice__item__box {
  padding: 0 23px;
}

@media (max-width: 900px) {
  .voice__item__box {
    padding: 0 12px;
  }
}
.voice__item__title {
  font-feature-settings: "palt" on, "calt" off;
  font-size: clamp(24px, 17.9833055092px + 0.66777963vw, 28px);
  font-weight: 500;
  border-bottom: 1px dashed #d4d4d4;
  display: inline;
  line-height: 1.6;
  padding-bottom: 6px;
}

@media (max-width: 900px) {
  .voice__item__title {
    font-size: 22px;
    padding-bottom: 3px;
  }
}
.voice__item__title span {
  color: #2864f0;
  display: inline;
}

.voice__item__description {
  margin-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  font-feature-settings: "palt" on, "calt" off;
  font-weight: 500;
  font-size: clamp(14px, 12.4958263773px + 0.16694491vw, 15px);
  line-height: 1.9;
  letter-spacing: 0.6px;
  margin-bottom: clamp(12.6px, 4.4774624374px + 0.9015025vw, 18px);
}

@media (max-width: 900px) {
  .voice__item__description {
    margin-top: 14px;
    font-size: 14px;
  }
}
.voice__item__name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .voice__item__name {
    font-size: 15px;
  }
}
/*===========================================================================*/
/*  precautions  */
/*===========================================================================*/
.precautions {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .precautions {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.precautions__inner {
  display: grid;
  grid-template-columns: 247px 1fr;
  align-items: center;
}

@media (max-width: 900px) {
  .precautions__inner {
    grid-template-columns: 1fr;
  }
}
.precautions__head {
  text-align: center;
  font-feature-settings: "palt" on, "calt" off;
  font-size: clamp(32px, 25.9833055092px + 0.66777963vw, 36px);
  font-weight: 500;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .precautions__head {
    padding-bottom: 20px;
    font-size: 30px;
  }
}
.precautions__head span {
  display: block;
  margin-top: 2px;
  text-align: center;
  font-feature-settings: "palt" on, "calt" off;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .precautions__head span {
    margin-top: 0;
  }
}
.precautions__list {
  padding-left: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  border-left: 1px solid #767676;
}

@media (max-width: 900px) {
  .precautions__list {
    border: none;
    border-top: 1px solid #767676;
    padding-left: 0;
    padding-top: 20px;
  }
}
.precautions__item {
  font-feature-settings: "palt" on, "calt" off;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  padding-left: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
  padding-left: 1em;
  position: relative;
  margin-bottom: 10px;
}

.precautions__item::before {
  content: "・";
  font-size: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

.precautions__item:last-child {
  margin-bottom: 0;
}

/*===========================================================================*/
/*  startFlow  */
/*===========================================================================*/
.startFlow {
  padding-top: clamp(77px, 27.3622704508px + 5.50918197vw, 110px);
  padding-bottom: clamp(59.5px, 21.143572621px + 4.25709516vw, 85px);
  background-color: #ebf3ff;
}

@media (max-width: 900px) {
  .startFlow {
    padding-top: 40px;
    padding-bottom: 43px;
  }
}
.startFlow__head {
  width: clamp(359.8px, 127.856427379px + 25.74290484vw, 514px);
  margin: 0 auto;
  margin-bottom: clamp(22.4px, 7.959933222px + 1.60267112vw, 32px);
}

@media (max-width: 900px) {
  .startFlow__head {
    width: 323px;
    margin-bottom: 12px;
  }
}
.startFlow__head img {
  width: 100%;
}

.startFlow__sub {
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .startFlow__sub {
    margin-bottom: 0;
  }
}

.startFlow__sub__text {
  gap: 8px;
}

.startFlow__box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 21px;
  margin-top: 32px;
}

@media (max-width: 900px) {
  .startFlow__box {
    flex-direction: row;
    gap: 12px;
    margin-top: 22px;
  }
}
.startFlow__list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: clamp(21.7px, 7.7111853088px + 1.55258765vw, 31px);
  width: 100%;
}

@media (max-width: 900px) {
  .startFlow__list {
    flex-direction: column;
    gap: 19px;
  }
}
.startFlow__item {
  padding: 5px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  width: calc((100% - 93px) / 4);
}

@media (max-width: 900px) {
  .startFlow__item {
    width: 100%;
    border-radius: 16px;
  }
}
.startFlow__item::before {
  content: "";
  width: clamp(17.5px, 6.2186978297px + 1.25208681vw, 25px);
  height: clamp(25.9px, 9.203672788px + 1.85308848vw, 37px);
  position: absolute;
  right: -23px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/icon_arrow_right.svg) no-repeat center center/contain;
}

@media (max-width: 900px) {
  .startFlow__item::before {
    transform: translateX(-50%);
    bottom: -17px;
    top: auto;
    right: auto;
    left: 50%;
    width: 37px;
    height: 17px;
    background: url(../images/icon_arrow_bottom.svg) no-repeat center center/contain;
  }
}
.startFlow__item:nth-of-type(2) .startFlow__item__image {
  margin-bottom: 35px;
}

@media (max-width: 900px) {
  .startFlow__item:nth-of-type(2) .startFlow__item__image {
    margin-bottom: 0;
  }
}
.startFlow__item:last-child::before {
  content: none;
}

.startFlow__item__inner {
  padding-bottom: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
  padding-right: clamp(1px, -27.5792988314px + 3.17195326vw, 20px);
  padding-left: clamp(1px, -27.5792988314px + 3.17195326vw, 20px);
}

@media (max-width: 900px) {
  .startFlow__item__inner {
    padding: 12px 9px 14px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 13px;
  }
}
.startFlow__item__num {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding-top: clamp(8.4px, 2.9849749583px + 0.60100167vw, 12px);
  padding-bottom: clamp(7.7px, 2.7362270451px + 0.5509182vw, 11px);
  border-radius: 16px 16px 0 0;
  background: #2864f0;
  text-align: center;
  font-size: clamp(14px, 12.4958263773px + 0.16694491vw, 15px);
}

@media (max-width: 900px) {
  .startFlow__item__num {
    padding: 9px 0 7px;
    border-radius: 10px 10px 0 0;
    font-size: 15px;
  }
}
.startFlow__item__image {
  padding-top: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
  width: clamp(42.7px, 15.1736227045px + 3.05509182vw, 61px);
  margin: 0 auto 16px;
}

@media (max-width: 900px) {
  .startFlow__item__image {
    margin: 0;
    width: 55px;
    padding-top: 0;
  }
}
.startFlow__item__description {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  font-size: clamp(14px, 10.9916527546px + 0.33388982vw, 16px);
}

@media (max-width: 900px) {
  .startFlow__item__description {
    font-size: 18px;
    letter-spacing: 0.36px;
    text-align: left;
  }
}
.startFlow__complete {
  height: 29px;
  width: 100%;
  border: 1px solid #464343;
  border-top: none;
  border-bottom: none;
  position: relative;
}

@media (max-width: 900px) {
  .startFlow__complete {
    height: 568px;
    width: 17px;
    border: 1px solid #464343;
    border-left: none;
    border-right: none;
  }
}
.startFlow__complete::before {
  content: "";
  border: 1px dashed #464343;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

@media (max-width: 900px) {
  .startFlow__complete::before {
    width: 1px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
}
.startFlow__complete__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
  background-color: #ebf3ff;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-right: 13px;
  padding-left: 13px;
}

@media (max-width: 900px) {
  .startFlow__complete__text {
    font-size: 16px;
    line-height: 1.06;
    padding: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
  }
}
.startFlow__complete__text .text-blue {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.6;
  color: #2864f0;
}

@media (max-width: 900px) {
  .startFlow__complete__text .text-blue {
    font-size: 16px;
    line-height: 0.94;
  }
}
.startFlow__complete__text .bikkuri {
  font-variant-east-asian: full-width;
  display: inline-block;
  width: 1em;
  text-align: center;
  line-height: 1;
  text-combine-upright: all;
}

.startFlow__annotation {
  text-align: center;
  font-size: clamp(16px, 12.9916527546px + 0.33388982vw, 18px);
  font-weight: 500;
  line-height: 1.6;
  margin-top: 13px;
  margin-bottom: clamp(19.6px, 6.9649415693px + 1.40233723vw, 28px);
}

@media (max-width: 900px) {
  .startFlow__annotation {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 15px;
  }
}
.startFlow__appeal {
  color: var(--Style, #464343);
  text-align: center;
  font-size: clamp(28px, 21.9833055092px + 0.66777963vw, 32px);
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

@media (max-width: 900px) {
  .startFlow__appeal {
    text-align: center;
    font-size: 22px;
  }
}
.startFlow__appeal::before {
  content: "";
  position: absolute;
  width: clamp(51.1px, 18.1585976628px + 3.65609349vw, 73px);
  height: clamp(100.8px, 35.8196994992px + 7.21202003vw, 144px);
  background: url(../images/startFlow_woman.png) no-repeat center center/contain;
  top: 50%;
  right: calc(50% + 250px);
  transform: translateY(-50%);
}

@media (max-width: 900px) {
  .startFlow__appeal::before {
    width: 65px;
    height: 127px;
    right: calc(50% + 105px);
  }
}
.startFlow__appeal::after {
  content: "";
  position: absolute;
  width: clamp(53.9px, 19.1535893155px + 3.85642738vw, 77px);
  height: clamp(105.7px, 37.5609348915px + 7.56260434vw, 151px);
  background: url(../images/startFlow_man.png) no-repeat center center/contain;
  top: 50%;
  left: calc(50% + 250px);
  transform: translateY(-50%);
}

@media (max-width: 900px) {
  .startFlow__appeal::after {
    width: 65px;
    height: 127px;
    left: calc(50% + 105px);
  }
}
/*===========================================================================*/
/*  support  */
/*===========================================================================*/
.support {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
}

@media (max-width: 900px) {
  .support {
    padding-top: 44px;
    padding-bottom: 40px;
  }
}
.support__head {
  position: relative;
  margin-bottom: clamp(30.8px, 10.9449081803px + 2.20367279vw, 44px);
  text-align: center;
}

@media (max-width: 900px) {
  .support__head {
    margin-bottom: 25px;
  }
}
.support__title {
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .support__title {
    margin-bottom: 19px;
  }
}

.support__title__text {
  color: #fff;
  background-color: #2864f0;
  font-size: clamp(18px, 8.9749582638px + 1.00166945vw, 24px);
  font-weight: 500;
  line-height: 1.4;
  padding: 6px 24px 7px;
  border-radius: 100px;
  margin-bottom: clamp(1.4rem, 4.9749582638px + 0.0100166945 * 100vw, 2rem);
}

@media (max-width: 900px) {
  .support__title__text {
    font-size: clamp(14px, 7.9833055092px + 0.66777963vw, 18px);
    padding: 4px 10px;
  }
}
.support__title__text__main {
  text-align: center;
  line-height: 1.2;
  font-size: clamp(3.5rem, 12.4373956594px + 0.0250417362 * 100vw, 5rem);
}
@media (max-width: 900px) {
  .support__title__text__main {
    font-size: 3.5rem;
  }
}
.support__title__text__main span {
  color: #2864f0;
}

.support__title picture {
  margin: 0 auto;
  margin-bottom: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  width: clamp(562.1px, 199.7445742905px + 40.21702838vw, 803px);
}

@media (max-width: 900px) {
  .support__title picture {
    margin-bottom: 18px;
    max-width: 291px;
    width: 100%;
  }
}
@media (max-width: 900px) {
  .support__title__line {
    max-width: 224px;
  }
}
.support__title__graphic {
  position: absolute;
  z-index: -1;
}

.support__title__graphic.left {
  top: 0;
  left: 0;
}

@media (max-width: 900px) {
  .support__title__graphic.left {
    top: 107px;
    left: -55px;
  }
}
@media (max-width: 900px) {
  .support__title__graphic.middle {
    top: -21px;
    right: 0;
  }
}
.support__title__graphic.right {
  top: -16px;
  right: -88px;
}

@media (max-width: 900px) {
  .support__title__graphic.right {
    top: 128px;
    right: -57px;
    z-index: 1;
  }
}
.support__contents__list {
  margin-bottom: clamp(42px, 14.9248747913px + 3.00500835vw, 60px);
}

@media (max-width: 900px) {
  .support__contents__list {
    margin-bottom: 25px;
  }
}
.support__contents__item {
  display: flex;
  align-items: stretch;
  gap: clamp(34.3px, 12.1886477462px + 2.45409015vw, 49px);
}

@media (max-width: 900px) {
  .support__contents__item {
    flex-direction: column;
    gap: 62px;
  }
}
@media (max-width: 900px) {
  .support__contents__item:last-child {
    gap: 28px;
  }
}
.support__contents__item:not(:last-child) {
  margin-bottom: clamp(35px, 12.4373956594px + 2.50417362vw, 50px);
}

@media (max-width: 900px) {
  .support__contents__item:not(:last-child) {
    margin-bottom: 45px;
  }
}
.support__contents__img {
  flex-shrink: 0;
  width: clamp(422.1px, 149.9949916528px + 30.20033389vw, 603px);
}

@media (max-width: 900px) {
  .support__contents__img {
    width: 100%;
  }
}
.support__contents__img img {
  border-radius: 6px;
}

@media (min-width: 901px) {
  .support__contents__img.reverse {
    order: 1;
  }
}
.support__contents__container {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-shrink: 1;
}

.support__contents__container p {
  font-size: 15px;
  line-height: 1.9;
}

@media (max-width: 900px) {
  .support__contents__container p {
    font-size: 14px;
    line-height: 1.65;
    margin-top: 10px;
  }
}
.support__contents__container span {
  font-weight: 700;
}
.support__contents__container .__slim span {
  font-weight: 300;
  padding: 0px 5px;
}

@media (max-width: 900px) {
  .support__contents__container span {
    display: inline;
    font-weight: 700;
  }
  .support__contents__container .__slim span {
    display: inline;
    font-weight: 300;
  }
}
.support__contents__container figure {
  position: absolute;
}

.support__contents__container .top {
  top: clamp(16px, -20.1001669449px + 4.0066778vw, 40px);
  left: -127px;
  color: #fff;
  font-size: clamp(3rem, 10.4457429048px + 0.0217028381 * 100vw, 4.3rem);
  font-weight: 300;
  line-height: 1.3;
  position: absolute;
  white-space: nowrap;
}
.support__contents__container .top span {
  display: inline-block;
  background-color: #2864f0;
}

@media (max-width: 900px) {
  .support__contents__container .top {
    top: -110px;
    left: 0;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.support__contents__container .middle {
  top: clamp(14px, -22.1001669449px + 4.0066778vw, 38px);
  color: #fff;
  font-size: clamp(3rem, 10.4457429048px + 0.0217028381 * 100vw, 4.3rem);
  font-weight: 300;
  line-height: 1.3;
  position: absolute;
  white-space: nowrap;
}
.support__contents__container .middle span {
  display: inline-block;
  background-color: #2864f0;
}

@media (max-width: 900px) {
  .support__contents__container .middle {
    top: -110px;
    left: 0;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
.support__contents__container .bottom {
  top: clamp(45.5px, 16.1686143573px + 3.25542571vw, 65px);
  left: -126px;
  color: #fff;
  font-size: clamp(3rem, 10.4457429048px + 0.0217028381 * 100vw, 4.3rem);
  font-weight: 300;
  line-height: 1.3;
  position: absolute;
  white-space: nowrap;
}
.support__contents__container .bottom span {
  display: inline-block;
  background-color: #2864f0;
}

@media (max-width: 900px) {
  .support__contents__container .bottom {
    top: -80px;
    left: 0;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media (min-width: 901px) {
  .support__contents__container .bottom + p {
    padding-bottom: clamp(45.5px, 16.1686143573px + 3.25542571vw, 65px);
  }
}
.support__contents__note {
  position: relative;
  max-width: 742px;
  width: 100%;
  margin: 0 auto;
  padding: 34px 0 33px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 10px 10px 30px 0 rgba(164, 165, 168, 0.25);
  text-align: center;
}

@media (max-width: 900px) {
  .support__contents__note {
    padding: 25px 24px;
  }
}
.support__contents__note::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(135deg, #cad8f8 0%, #2864f0 9%, #2864f0 91%, #cad8f8 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.support__contents__note h3 {
  font-size: clamp(26px, 16.9749582638px + 1.00166945vw, 32px);
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
}

@media (max-width: 900px) {
  .support__contents__note h3 {
    font-size: clamp(22px, 19.1428571429px + 0.76190476vw, 26px);
  }
}
.support__contents__note h3 span {
  color: #2864f0;
}

.support__contents__note p {
  font-size: clamp(16px, 12.9916527546px + 0.33388982vw, 18px);
  line-height: 1.6;
}

@media (max-width: 900px) {
  .support__contents__note p {
    font-size: clamp(14px, 12.5714285714px + 0.38095238vw, 16px);
    text-align: left;
  }
}
/*===========================================================================*/
/*  suggest  */
/*===========================================================================*/
.suggest {
  padding-top: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  padding-bottom: clamp(70px, 24.8747913189px + 5.00834725vw, 100px);
  background-color: #ebf3ff;
}
@media (max-width: 900px) {
  .suggest {
    padding-right: 12px;
    padding-left: 12px;
  }
}

@media (max-width: 900px) {
  .suggest {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.suggest__sub {
  text-align: center;
  font-weight: 500;
  line-height: 1.2;
  font-size: clamp(2.4rem, 20.9916527546px + 0.0033388982 * 100vw, 2.6rem);
  margin-bottom: 16px;
}
@media (max-width: 900px) {
  .suggest__sub {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
}
@media (max-width: 900px) {
  .suggest__sub svg {
    width: 11px;
    height: 31px;
  }
}
.suggest__sub svg,
.suggest__sub span {
  vertical-align: middle;
}

.suggest__head {
  text-align: center;
  font-size: clamp(4.2rem, 29.9666110184px + 0.0133555927 * 100vw, 5rem);
  line-height: 1.2;
  margin-bottom: clamp(2.1rem, 7.4624373957px + 0.0150250417 * 100vw, 3rem);
}
@media (max-width: 900px) {
  .suggest__head {
    font-size: 3.1rem;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}
.suggest__head span {
  display: inline;
  color: #2864f0;
}

.suggest__head img {
  width: 100%;
}

.suggest__box {
  width: 100%;
  background: #fff;
  border-radius: 40px;
}

@media (max-width: 900px) {
  .suggest__box {
    border-radius: 20px;
  }
}
.suggest__box__inner {
  padding: 10px;
}

@media (max-width: 900px) {
  .suggest__box__inner {
    padding: 6px;
  }
}
.suggest__wrapper {
  padding-top: clamp(21.7px, 7.7111853088px + 1.55258765vw, 31px);
  padding-bottom: clamp(39.9px, 14.1786310518px + 2.85475793vw, 57px);
  padding-right: clamp(38.5px, 13.6811352254px + 2.75459098vw, 55px);
  padding-left: clamp(37.8px, 13.4323873122px + 2.70450751vw, 54px);
}

@media (max-width: 900px) {
  .suggest__wrapper {
    padding: 12px 19px 14px 18px;
  }
}
.suggest__graph {
  background-color: #ebf3ff;
  width: 57.6799140709%;
  position: relative;
}

@media (max-width: 900px) {
  .suggest__graph {
    width: 65.034965035%;
  }
}
.suggest__graph::before {
  content: "";
  width: 1px;
  height: 84px;
  background-color: #888;
  position: absolute;
  left: 0;
  top: -9px;
}

@media (max-width: 900px) {
  .suggest__graph::before {
    top: -6px;
    height: 98px;
  }
}
.suggest__graph__content {
  background-color: #2864f0;
  width: 92.5512104283%;
}

@media (max-width: 900px) {
  .suggest__graph__content {
    width: 93.5483870968%;
  }
}
.suggest__graph__content.graph-middle {
  width: 89.0130353818%;
}

@media (max-width: 900px) {
  .suggest__graph__content.graph-middle {
    width: 88.7096774194%;
  }
}
.suggest__graph__content.graph-small {
  width: 84.1713221601%;
}

@media (max-width: 900px) {
  .suggest__graph__content.graph-small {
    width: 84.4086021505%;
  }
}
.suggest__graph__value {
  color: #fff;
  text-align: left;
  font-size: 52px;
  font-weight: 500;
  line-height: 1.25;
  padding-left: 31px;
}

@media (max-width: 900px) {
  .suggest__graph__value {
    line-height: 1.65;
    padding-left: 15px;
  }
}
.suggest__graph__value span {
  color: #fff;
  font-size: 32px;
  font-weight: 500;
}

.suggest__graph__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18.9px, 6.7161936561px + 1.35225376vw, 27px);
  width: 100%;
}

@media (max-width: 900px) {
  .suggest__graph__item {
    gap: 10px;
  }
}
.suggest__graph__title {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.6;
  padding: 11px 0;
  border-radius: 25px 25px 0 0;
  background: #143278;
}

@media (max-width: 900px) {
  .suggest__graph__title {
    font-size: 20px;
    line-height: 1.3;
    letter-spacing: 0.4px;
    border-radius: 15px 15px 0 0;
  }
}
.suggest__graph__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 19px;
  padding: 9px 0;
}

@media (max-width: 900px) {
  .suggest__graph__list {
    gap: 7px;
    padding: 6px 0;
  }
}
.suggest__graph__detail {
  text-align: right;
  font-size: clamp(16px, 12.9916527546px + 0.33388982vw, 18px);
  font-weight: 700;
  line-height: 1.6;
  width: 39.5273899033%;
}

@media (max-width: 900px) {
  .suggest__graph__detail {
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
  }
}
.suggest__graph__detail span {
  color: #2864f0;
}

@media (max-width: 900px) {
  .suggest__graph__detail span {
    display: inline;
  }
}
.suggest__annotation {
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
  margin-top: 17px;
}

@media (max-width: 900px) {
  .suggest__annotation {
    margin-top: 9px;
    text-align: left;
  }
}
.suggest-worry {
  padding-top: clamp(51.8px, 18.407345576px + 3.70617696vw, 74px);
}

@media (max-width: 900px) {
  .suggest-worry {
    padding-top: clamp(17.5px, 6.2186978297px + 1.25208681vw, 25px);
  }
}
.suggest-worry__head {
  margin-bottom: clamp(24.5px, 8.7061769616px + 1.75292154vw, 35px);
  text-align: center;
  font-size: clamp(4.2rem, 29.9666110184px + 0.0133555927 * 100vw, 5rem);
  line-height: 1.2;
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .suggest-worry__head {
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 15px;
  }
}
.suggest-worry__head span {
  color: #2864f0;
}

.suggest-worry__head img {
  width: 100%;
}

.suggest-worry__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
}

@media (max-width: 900px) {
  .suggest-worry__list {
    gap: 15px;
    flex-direction: column;
  }
}
.suggest-worry__item {
  width: calc((100% - 60px) / 3);
  border-radius: 20px;
  background: #fff;
  padding-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  padding-right: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  padding-left: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  padding-bottom: clamp(21px, 7.4624373957px + 1.50250417vw, 30px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

@media (max-width: 900px) {
  .suggest-worry__item {
    width: 100%;
    padding: 18px 30px 30px;
  }
}
.suggest-worry__item:nth-of-type(1) .suggest-worry__item__image {
  width: clamp(170.8px, 60.694490818px + 12.22036728vw, 244px);
  margin-top: clamp(6.3px, 2.2387312187px + 0.45075125vw, 9px);
}

@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(1) .suggest-worry__item__image {
    width: 244px;
    margin-top: 2px;
  }
}
.suggest-worry__item:nth-of-type(1) .suggest-worry__item__title {
  padding-top: clamp(15.4px, 5.4724540902px + 1.10183639vw, 22px);
}

@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(1) .suggest-worry__item__title {
    padding-top: 8px;
  }
}
.suggest-worry__item:nth-of-type(2) .suggest-worry__item__image {
  width: clamp(149.1px, 52.9833055092px + 10.66777963vw, 213px);
  margin-top: clamp(1.4px, 0.4974958264px + 0.10016694vw, 2px);
}

@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(2) .suggest-worry__item__image {
    width: 207px;
    margin-top: 0;
  }
}
.suggest-worry__item:nth-of-type(2) .suggest-worry__item__title {
  padding-top: clamp(9.8px, 3.4824707846px + 0.70116861vw, 14px);
}

@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(2) .suggest-worry__item__title {
    padding-top: 0;
  }
}
.suggest-worry__item:nth-of-type(3) .suggest-worry__item__image {
  width: clamp(152.6px, 54.2270450751px + 10.91819699vw, 218px);
}

@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(3) .suggest-worry__item__image {
    width: 200px;
  }
}
@media (max-width: 900px) {
  .suggest-worry__item:nth-of-type(3) .suggest-worry__item__title {
    padding-top: 2px;
  }
}
.suggest-worry__item__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.suggest-worry__item__image {
  margin-bottom: clamp(10.5px, 3.7312186978px + 0.75125209vw, 15px);
}

@media (max-width: 900px) {
  .suggest-worry__item__image {
    margin-bottom: 7px;
  }
}
.suggest-worry__item__title {
  text-align: center;
  font-size: clamp(19px, 17.4958263773px + 0.16694491vw, 20px);
  font-weight: 500;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .suggest-worry__item__title {
    font-size: 20px;
  }
}
.suggest-worry__item__description {
  margin-top: clamp(14px, 4.9749582638px + 1.00166945vw, 20px);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.6;
  position: relative;
  padding-top: clamp(15.4px, 5.4724540902px + 1.10183639vw, 22px);
}

@media (max-width: 900px) {
  .suggest-worry__item__description {
    font-size: 14px;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.suggest-worry__item__description::before {
  content: "";
  width: clamp(46.2px, 16.4173622705px + 3.30550918vw, 66px);
  height: 2px;
  background-color: #2864f0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.fixed__cta {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  z-index: 100000;
}

.fixed__cta__inner {
  background-color: rgba(247, 245, 245, 0.9);
  padding: 20px 0;
}

@media (max-width: 900px) {
  .fixed__cta__inner {
    padding: 15px 0;
  }
}
.fixed__cta__close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
}

.fixed__cta__box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

@media (max-width: 900px) {
  .fixed__cta__box {
    flex-direction: column;
    gap: 10px;
  }
}
.fixed__cta__box .benefits-links__member {
  padding-bottom: 0;
  border: none;
}

.fixed__cta__link {
  border-radius: 999px;
  padding: 14px 0 21px;
  width: 364px;
  display: block;
  background: url(../images/icon-chevron-white.svg) no-repeat right center/contain;
  background-size: 49px 49px;
  background-position: right 16px center;
  background-color: #fa6414;
  text-align: center;
  padding-right: 38px;
}

@media (max-width: 900px) {
  .fixed__cta__link {
    max-width: 300px;
    width: 100%;
    padding: 12px 40px 16px 0;
    background-size: 34px 34px;
    background-position: right 40px center;
  }
}
.fixed__cta__link__block {
  display: block;
}

.fixed__cta__link__block svg {
  vertical-align: middle;
}

.fixed__cta__link__sub {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.42px;
}

@media (max-width: 900px) {
  .fixed__cta__link__sub {
    font-size: 12px;
  }
}
.fixed__cta__link__main {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.48px;
}

@media (max-width: 900px) {
  .fixed__cta__link__main {
    font-size: 13px;
  }
}
.fixed__cta__link__main span {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.66px;
  background-image: linear-gradient(to top, #ffb81e 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 100% 0.5em;
  background-position: 0px 110%;
}

@media (max-width: 900px) {
  .fixed__cta__link__main span {
    font-size: 18px;
  }
}
/*===========================================================================*/
/*  c-modal  */
/*===========================================================================*/
.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 12px;
  overflow: auto;
  box-sizing: border-box;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100000000;
}
.c-modal::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}
@media (max-width: 900px) {
  .c-modal::before {
    height: auto;
  }
}
.c-modal.is-open {
  display: block;
  opacity: 1;
  visibility: visible;
  animation: fadeIn 0.3s ease-out;
}
.c-modal__container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 720px;
  width: 100%;
}
@media (max-width: 900px) {
  .c-modal__container {
    max-width: 500px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
  }
}
.c-modal__open {
  font-size: 16px;
  font-weight: bold;
  width: 300px;
  height: 60px;
  color: #fff;
  background: #000;
  border: none;
  cursor: pointer;
}
.c-modal__close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}
.c-modal__content {
  background: #fff;
  text-align: center;
  line-height: 1;
  padding: 60px 0;
  border-radius: 30px;
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.2);
  width: 720px;
}
@media (max-width: 900px) {
  .c-modal__content {
    padding: 45px 17px 40px;
    border-radius: 20px;
    width: 100%;
  }
}
.c-modal__text {
  color: #2864f0;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media (max-width: 900px) {
  .c-modal__text {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}
.c-modal__text svg,
.c-modal__text span {
  vertical-align: middle;
}
.c-modal__title {
  font-family: "Noto Sans JP";
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .c-modal__title {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 18px;
  }
}
.c-modal__list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 25px;
}
@media (max-width: 900px) {
  .c-modal__list {
    margin-bottom: 21px;
    align-items: flex-end;
  }
}
.c-modal__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.c-modal__list li:nth-child(1) {
  padding-right: 53px;
}
@media (max-width: 900px) {
  .c-modal__list li:nth-child(1) {
    padding-right: 18px;
  }
}
.c-modal__list li:nth-child(1)::before {
  content: "";
  width: 9px;
  height: 135px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/modal_border.svg) no-repeat center center/contain;
}
@media (max-width: 900px) {
  .c-modal__list li:nth-child(1)::before {
    width: 6px;
    height: 79px;
    background: url(../images/modal_border_sp.svg) no-repeat center center/contain;
  }
}
.c-modal__list li:nth-child(2) {
  padding-right: 28px;
  padding-left: 27px;
}
@media (max-width: 900px) {
  .c-modal__list li:nth-child(2) {
    padding-left: 10px;
    padding-right: 16px;
  }
}
.c-modal__list li:nth-child(2)::before {
  content: "";
  width: 9px;
  height: 135px;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../images/modal_border.svg) no-repeat center center/contain;
}
@media (max-width: 900px) {
  .c-modal__list li:nth-child(2)::before {
    width: 6px;
    height: 79px;
    background: url(../images/modal_border_sp.svg) no-repeat center center/contain;
  }
}
.c-modal__list li:nth-child(3) {
  padding-left: 48px;
}
@media (max-width: 900px) {
  .c-modal__list li:nth-child(3) {
    padding-left: 12px;
  }
}
.c-modal__list__title {
  color: #2864f0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 15px;
}
@media (max-width: 900px) {
  .c-modal__list__title {
    font-size: 1.2rem;
    margin-top: 7px;
  }
}
.c-modal__image {
  width: 70px;
  height: 70px;
}
.c-modal__image:nth-child(1) {
  width: 80px;
}
@media (max-width: 900px) {
  .c-modal__image:nth-child(1) {
    width: 44px;
    height: auto;
  }
}
@media (max-width: 900px) {
  .c-modal__image:nth-child(2) {
    width: 39px;
    height: auto;
  }
}
@media (max-width: 900px) {
  .c-modal__image:nth-child(3) {
    width: 42px;
    height: auto;
  }
}
.c-modal__button {
  padding: 29px 100px 29px 48px;
  border-radius: 90px;
  background: url(../images/modal_arrow.svg) no-repeat;
  background-size: 33px 32px;
  background-position: right 18px center;
  background-color: #fa6414;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.066rem;
  margin-bottom: 25px;
}
@media (max-width: 900px) {
  .c-modal__button {
    padding: 22px 64px 23px 30px;
    background-position: right 16px center;
    font-size: 1.8rem;
    letter-spacing: -0.054rem;
    margin-bottom: 17px;
  }
}
.c-modal__button:hover {
  color: #fff;
}
.c-modal__login {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media (max-width: 900px) {
  .c-modal__login {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.c-modal__login__link {
  color: #2864f0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-decoration-line: underline;
}
@media (max-width: 900px) {
  .c-modal__login__link {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.c-modal__login__link:hover {
  color: #2864f0;
  text-decoration-line: underline;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}