@charset "UTF-8";
:root {
  --board: 1280;
  --max: 1px;
}

:root {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorCurrent: #c7c7c7;
}

:root {
  --fontGothic: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  --fontMincho: "Zen Old Mincho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  --fontEnglish: "Marcellus", serif;
  --fontMaru: "Zen Maru Gothic", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

:root {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:root {
  --fontSize: 16rem;
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:root {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

@-webkit-keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.hero__problem-graph-yes em.is-animated {
  -webkit-animation: fadeUp 0.6s ease-out both;
          animation: fadeUp 0.6s ease-out both;
}

@-webkit-keyframes heroCharIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes heroCharIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.6em);
            transform: translateY(0.6em);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.hero__title .char {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(0.6em);
          transform: translateY(0.6em);
}

.hero__title.is-show .char {
  -webkit-animation-name: heroCharIn;
          animation-name: heroCharIn;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
          animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: var(--delay, 0ms);
          animation-delay: var(--delay, 0ms);
}

.diag25__result {
  position: relative;
  z-index: 1;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  color: #474343;
}
:where(.diag25__result) em {
  color: #2864f0;
  font-weight: inherit;
  font-style: normal;
}
:where(.diag25__result) a {
  color: inherit;
  text-decoration: none;
}

.result__title {
  margin: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 159, var(--max) * 159);
  width: clamp(0px, 10vw / var(--board) * 10 * 950, var(--max) * 950);
  height: clamp(0px, 10vw / var(--board) * 10 * 488, var(--max) * 488);
  background-image: url("../image/title_result.svg");
}
.result__title small {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 453, var(--max) * 453);
  color: #474343;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.66666667;
}
.result__title small + small {
  margin-top: 0.75em;
}

.result__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  background-color: #2864f0;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 #aac8ff;
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) 0 #aac8ff;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.result__button:hover {
  background-color: #2864f0;
  color: #fff;
}
.result__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.result__copy {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 2;
}

.result__banner {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 800, var(--max) * 800);
}

.result__banner-link {
  pointer-events: none;
}

.result__content {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
}

.result__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  width: clamp(0px, 10vw / var(--board) * 10 * 990, var(--max) * 990);
  background-image: url("../image/bg_result-loop.svg");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat-y;
}
.result__block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
  background-image: url("../image/bg_result-schedule.svg");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.result__block::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-image: url("../image/bg_result-schedule.svg");
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.result__schedule {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
}

.result__schedule-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 645, var(--max) * 645);
}

.result__schedule-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: 100%;
  background-image: url("../image/line_result.svg");
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.result__schedule-container:last-of-type {
  padding-bottom: 0;
  background: none;
}
.result__schedule-container + .result__schedule-container dl:first-child::before {
  content: "";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) * -1);
  left: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  border-radius: 50%;
  background-image: url("../image/arrow_under.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 0 0 clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) #fff;
          box-shadow: 0 0 0 clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.result__schedule-data dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
.result__schedule-data dl + dl {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
}
.result__schedule-data dl + dl::before {
  content: "";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38) * -1);
  left: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-image: url("../image/arrow_under.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.result__schedule-data dt {
  position: relative;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  height: clamp(0px, 10vw / var(--board) * 10 * 106, var(--max) * 106);
  background-image: url("../image/bg_result-data.svg");
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  font-weight: 700;
  line-height: 1;
}
.result__schedule-data .is-goal {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}
.result__schedule-data .is-goal::before {
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85) * -1);
}
.result__schedule-data .is-goal dt {
  background-image: url("../image/bg_result-data_goal.svg");
}
.result__schedule-data .is-goal dt::before {
  content: "会社設立日";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) * -1);
  left: 0;
  display: block;
  color: #2864f0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.result__schedule-data .is-goal dt::after {
  content: "";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44) * -1);
  right: calc(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) * -1);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 74.5, var(--max) * 74.5);
  height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  background-image: url("../image/deco_result-data.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.result__schedule-data dd {
  width: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.result__schedule-data dd li {
  position: relative;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.result__schedule-data dd li + li {
  margin-top: 0.15em;
}
.result__schedule-data dd li::before {
  content: "";
  position: absolute;
  top: calc(0.5em + clamp(0px, 10vw / var(--board) * 10 * 7, var(--max) * 7));
  left: -1em;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  border-radius: 50%;
  background-color: #2864f0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.result__schedule-year {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.result__schedule-year em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.result__schedule-date {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.result__schedule-date em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
}

.result__schedule-point {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 236, var(--max) * 236);
}
.result__schedule-point::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #ffe297;
}
.result__schedule-point::after {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  left: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #ffd278;
}

.result__schedule-point-inner {
  position: relative;
  z-index: 3;
  padding: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60) clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25) clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
}
.result__schedule-point-inner::before {
  content: "";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22) * -1);
  left: calc(clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16) * -1);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-image: url("../image/icon_result-point.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.result__schedule-point-inner::after {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  left: 50%;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  height: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  background-image: url("../image/icon_result-pin.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.result__schedule-point-inner p {
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}
.result__schedule-point-inner .result__button {
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: 100%;
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.375;
}

.result__note {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.result__price {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  padding: 0;
}
.result__price::after {
  display: none;
}

.result__price-title {
  width: clamp(0px, 10vw / var(--board) * 10 * 620, var(--max) * 620);
}

.result__price-list {
  width: 100%;
}
.result__price-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  width: clamp(0px, 10vw / var(--board) * 10 * 840, var(--max) * 840);
  background-image: url("../image/line_price.svg");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.result__price-list dl:first-of-type {
  background: none;
}
.result__price-list dt {
  width: clamp(0px, 10vw / var(--board) * 10 * 443, var(--max) * 443);
  color: #2864f0;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1.33333333;
}
.result__price-list dt small {
  display: block;
  padding-left: 1em;
  color: #000;
  text-indent: -1em;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
}
.result__price-list dt span {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.result__price-list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1;
}
.result__price-list dd em {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 274, var(--max) * 274);
  height: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  background-image: url("../image/bg_price.svg");
  background-size: contain;
  background-repeat: no-repeat;
  color: #474343;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}

dl.result__price-total {
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 212, var(--max) * 212);
  background-image: url("../image/bg_price-total.svg");
  background-position: bottom center;
  background-size: 100%;
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55));
          transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 55, var(--max) * 55));
}
dl.result__price-total dt img {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

.result__coordinator {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  width: clamp(0px, 10vw / var(--board) * 10 * 980, var(--max) * 980);
  border: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) solid #c8dbff;
  border-bottom-color: #73a5ff;
  border-left-color: #73a5ff;
  background-color: #fff;
}
.result__coordinator::before {
  content: "";
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) * -1);
  left: 50%;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 211, var(--max) * 211);
  height: clamp(0px, 10vw / var(--board) * 10 * 156, var(--max) * 156);
  background-image: url("../image/deco_coordinator.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.result__coordinator-title {
  width: clamp(0px, 10vw / var(--board) * 10 * 740, var(--max) * 740);
}

.result__coordinator-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.result__coordinator-photo {
  width: clamp(0px, 10vw / var(--board) * 10 * 361, var(--max) * 361);
}

.result__coordinator-text {
  width: clamp(0px, 10vw / var(--board) * 10 * 442, var(--max) * 442);
}
.result__coordinator-text p {
  margin-bottom: 0.5em;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  line-height: 1.46153846;
}
.result__coordinator-text small {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.57142857;
}

.result__coordinator-cv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.result__coordinator-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  border: 1px solid #2864f0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #ffdb93;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #73a5ff;
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #73a5ff;
  color: #2864f0;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.41666667;
}
.result__coordinator-button:last-of-type {
  background-color: #b4dc7d;
}

.result__step {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #f8f5f5;
}

.result__step__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1010, var(--max) * 1010);
}

.result__step-title {
  width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
}

.result__step-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: 100%;
}

.result__step-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
  border: 2px solid #2864f0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
}
.result__step-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14) * -1);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #aac8ff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-transform: translateY(-50%) translateX(100%);
          transform: translateY(-50%) translateX(100%);
}
.result__step-box:last-of-type::after {
  display: none;
}

.result__step-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 0;
  background-color: #2864f0;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.result__step-illust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
}

.result__step-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.result__step-subtitle small {
  color: #125fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.71428571;
}
.result__step-subtitle em {
  color: #474343;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  line-height: 1.33333333;
}

.result__step-text {
  margin: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.57142857;
}

.result__step-button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}

.result__step-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #2864f0;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #aac8ff;
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #aac8ff;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}
.result__step-button:hover {
  background-color: #2864f0;
  color: #fff;
}
.result__step-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  display: block;
  width: 0.4em;
  height: 0.4em;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.result__form {
  display: none;
}

.is-form {
  position: relative;
  height: clamp(0px, 10vw / var(--board) * 10 * 1740, var(--max) * 1740);
}
.is-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136);
  background-image: url("../image/bg_result-schedule.svg");
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.is-form::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-image: url("../image/bg_result-schedule.svg");
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.is-form .result__form-more {
  position: absolute;
  top: calc(clamp(0px, 10vw / var(--board) * 10 * 136, var(--max) * 136) * -1);
  left: 50%;
  z-index: 3;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  color: #2864f0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.is-form .result__form-more::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  background-color: #2864f0;
}
.is-form .result__form-more::before {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3) solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.is-form .result__price {
  display: none;
}
.is-form .result__schedule {
  position: relative;
  z-index: 1;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 1700, var(--max) * 1700);
}
.is-form .result__form {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 990, var(--max) * 990);
  background-color: #fff;
  background-image: url("../image/bg_result-loop.svg");
  background-position: top center;
  background-size: 100%;
  background-repeat: repeat-y;
}
.is-form .result__form::before {
  content: "";
  position: absolute;
  top: 0;
  left: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  display: block;
  width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22));
  height: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  backdrop-filter: blur(10px);
}
.is-form .result__form::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-image: url("../image/bg_result-schedule.svg");
  background-position: bottom center;
  background-size: 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.is-form .result__form-inner {
  position: relative;
  z-index: 2;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 840, var(--max) * 840);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #dce8ff;
}
.is-form .result__form-inner::after {
  content: "";
  position: absolute;
  right: calc(clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) * -1);
  bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12) * -1);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 215, var(--max) * 215);
  height: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  background-image: url("../image/deco_form.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.is-form .result__form-copy {
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.66666667;
}
.is-form .result__form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.is-form .result__form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
}
.is-form .result__form-label {
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 2;
}
.is-form .is-required .result__form-label {
  position: relative;
}
.is-form .is-required .result__form-label::before {
  content: "*";
  margin-right: 0.25em;
  color: #f00;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.is-form .result__form-input,
.is-form .result__form-select {
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  border: 1px solid #464343;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.is-form .result__form-input::-webkit-input-placeholder, .is-form .result__form-select::-webkit-input-placeholder {
  color: #8c8989;
}
.is-form .result__form-input::-moz-placeholder, .is-form .result__form-select::-moz-placeholder {
  color: #8c8989;
}
.is-form .result__form-input:-ms-input-placeholder, .is-form .result__form-select:-ms-input-placeholder {
  color: #8c8989;
}
.is-form .result__form-input::-ms-input-placeholder, .is-form .result__form-select::-ms-input-placeholder {
  color: #8c8989;
}
.is-form .result__form-input::placeholder,
.is-form .result__form-select::placeholder {
  color: #8c8989;
}
.is-form .result__form-select-outer {
  position: relative;
  width: 100%;
}
.is-form .result__form-select-outer::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  height: clamp(0px, 10vw / var(--board) * 10 * 9, var(--max) * 9);
  background-color: #2864f0;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.is-form .result__form-group--checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}
.is-form .result__form-group--checkbox a {
  color: #2864f0;
  text-decoration: underline;
  font-weight: 700;
}
.is-form .result__form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
}
.is-form .result__form-group--submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is-form .result__form-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border: 1px solid;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #73a5ff;
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0 #73a5ff;
  color: #2864f0;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.is-form .result__form-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  display: block;
  width: 0.4em;
  height: 0.4em;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.is-form .result__form-note {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.71428571;
}

.sale {
  min-width: auto;
}

.sale-main {
  overflow: hidden;
  color: #464343;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-family: var(--fontGothic);
}
.sale-main a,
.sale-main button {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.sale-header {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 1220, var(--max) * 1220);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sale-header__logo {
  width: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
}

.hero {
  height: clamp(0px, 10vw / var(--board) * 10 * 870, var(--max) * 870);
  background-image: url(../image/bg_hero.jpg);
  background-position: center top;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 2000, var(--max) * 2000);
  background-size: auto 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero__inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
}

.hero__title {
  margin-left: 0;
  color: #fff;
  text-shadow: clamp(0px, 10vw / var(--board) * 10 * 3.7741, var(--max) * 3.7741) clamp(0px, 10vw / var(--board) * 10 * 1.8871, var(--max) * 1.8871) clamp(0px, 10vw / var(--board) * 10 * 3.1451, var(--max) * 3.1451) rgba(0, 0, 0, 0.4);
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  line-height: 1.35526316;
  text-box: trim-both cap alphabetic;
}

.hero__subtitle {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  color: #fff;
  text-align: center;
  letter-spacing: 0.03em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.hero__features {
  display: -ms-grid;
  display: grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 1fr;
  grid-template-columns: repeat(4, 1fr);
}

.hero__problem {
  margin-top: clamp(var(--max) * -260, 10vw / var(--board) * 10 * -260, 0px);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  background-image: url(../image/bg_hero-problem.png);
  background-position: center top;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 2000, var(--max) * 2000);
  background-repeat: no-repeat;
}

.hero__problem-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
}

.hero__problem-text {
  position: relative;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  color: #fff;
}
.hero__problem-text::before {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  left: clamp(var(--max) * -30, 10vw / var(--board) * 10 * -30, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
  background-image: url(../image/icon_hero-problem-title.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.hero__problem-text h2 {
  position: relative;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.52380952;
}
.hero__problem-text h2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 93, var(--max) * 93);
  height: clamp(0px, 10vw / var(--board) * 10 * 51, var(--max) * 51);
  background-image: url();
}
.hero__problem-text p {
  margin-top: 2em;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.875;
}
.hero__problem-text em {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.3;
}

.hero__problem-graph {
  position: absolute;
  right: 0;
  bottom: 0;
}

.hero__problem-graph-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  height: clamp(0px, 10vw / var(--board) * 10 * 320, var(--max) * 320);
  border-radius: 100%;
  background-color: #f7f5f5;
}
.hero__problem-graph-inner::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  height: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  border-radius: 100%;
  background-color: #f7f5f5;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.hero__problem-graph-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  inset: 0;
}

.hero__problem-graph-bg,
.hero__problem-graph-bar {
  fill: none;
  stroke-width: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}
.hero__problem-graph-bg {
  stroke: #e6e2e2;
}

.hero__problem-graph-bar {
  -webkit-transition: stroke-dashoffset 0.3s ease;
  transition: stroke-dashoffset 0.3s ease;
  stroke: #dc1e32;
  stroke-linecap: butt;
  stroke-dasharray: 0 999;
  stroke-dashoffset: 0;
}

.hero__problem-graph-text {
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  line-height: 1.47826087;
}

.hero__problem-graph-yes {
  color: #dc1e32;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1;
}
.hero__problem-graph-yes em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
}

.hero__problem-graph-no {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  line-height: 1;
}

.facts {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  background: linear-gradient(to bottom, rgba(0, 3, 9, 0) 0%, rgb(0, 3, 9) clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300), #000309 100%);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233)), 50% 100%, 0 calc(100% - clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233)));
}

.facts__title {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.8;
}
.facts__title em {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  line-height: 1;
}
.facts__title::after {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350));
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  background-image: url(../image/icon_facts.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.facts__grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-right: auto;
  margin-left: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #ebf3ff;
  color: #23418c;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.facts__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.facts__item + .facts__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  height: 100%;
  background-image: url(../image/line_facts.png);
  background-position: center top;
  background-size: auto 100%;
  background-repeat: repeat-y;
}

.facts__label {
  position: absolute;
  top: clamp(var(--max) * -35, 10vw / var(--board) * 10 * -35, 0px);
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  background-image: url(../image/bg_facts-label.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  line-height: 1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.facts__label em {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  line-height: 1;
  -webkit-transform: translateY(-5%);
          transform: translateY(-5%);
}

.facts__title-01 {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  line-height: 1.53846154;
}

.facts__highlight-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  line-height: 1;
}
.facts__highlight-01 em {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #dc1e32;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}
.facts__highlight-01 span {
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
}

.facts__price {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.facts__title-02,
.facts__title-03 {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  line-height: 1.6;
}

.facts__percentage {
  position: relative;
  display: -ms-grid;
  display: grid;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  border-radius: 50%;
  place-items: center;
  /* conic-gradient is applied inline via JS */
}

.facts__percentage-inner {
  display: -ms-grid;
  display: grid;
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  border-radius: 50%;
  background-color: #ebf3ff;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  line-height: 1.26666667;
  place-items: center;
}
.facts__percentage-inner em {
  color: #dc1e32;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
  line-height: 1.1;
}
.facts__percentage-inner span {
  margin-bottom: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
}

.facts__chart {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 265, var(--max) * 265);
  height: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  background-image: url(../image/gragh_facts-bar.png);
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.facts__number {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 115, var(--max) * 115);
  z-index: 1;
  color: #dc1e32;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 94, var(--max) * 94);
  line-height: 1;
}

.facts__graph-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.facts__graph-bar i {
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  left: clamp(0px, 10vw / var(--board) * 10 * 1000, var(--max) * 1000);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  background-color: #dc1e32;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.facts__graph-bar .facts__graph-bar-2022 {
  left: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17);
  height: clamp(0px, 10vw / var(--board) * 10 * 140, var(--max) * 140);
}
.facts__graph-bar .facts__graph-bar-2023 {
  left: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
}
.facts__graph-bar .facts__graph-bar-2024 {
  left: clamp(0px, 10vw / var(--board) * 10 * 71, var(--max) * 71);
  height: clamp(0px, 10vw / var(--board) * 10 * 181, var(--max) * 181);
}
.facts__graph-bar .facts__graph-bar-2025 {
  left: clamp(0px, 10vw / var(--board) * 10 * 97, var(--max) * 97);
  height: clamp(0px, 10vw / var(--board) * 10 * 203, var(--max) * 203);
  background-color: #e1dcdc;
}
.facts__graph-bar .facts__graph-bar-2026 {
  left: clamp(0px, 10vw / var(--board) * 10 * 121, var(--max) * 121);
  height: clamp(0px, 10vw / var(--board) * 10 * 223, var(--max) * 223);
  background-color: #e1dcdc;
}

.facts__chart.is-show .facts__graph-bar i {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.facts__chart.is-show .facts__graph-bar i:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.facts__chart.is-show .facts__graph-bar i:nth-child(2) {
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.facts__chart.is-show .facts__graph-bar i:nth-child(3) {
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.facts__chart.is-show .facts__graph-bar i:nth-child(4) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.facts__chart.is-show .facts__graph-bar i:nth-child(5) {
  -webkit-transition-delay: 0.32s;
          transition-delay: 0.32s;
}

.facts__chart-text {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  left: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
  z-index: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 167, var(--max) * 167);
}

.facts__note {
  width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  text-align: right;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.facts__info {
  position: absolute;
  right: 0;
  bottom: clamp(var(--max) * -5, 10vw / var(--board) * 10 * -5, 0px);
  color: #fff;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.facts__question {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.facts__question::before {
  content: "";
  display: block;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  background-image: url(../image/arrow_facts.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.facts__question-title {
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  line-height: 1.6;
}
.facts__question-title span {
  display: block;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.facts__button {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  width: clamp(0px, 10vw / var(--board) * 10 * 820, var(--max) * 820);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.benefits {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
}
.benefits::before, .benefits::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1%;
  z-index: 1;
  display: block;
  width: 102%;
  height: clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233);
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233)), 50% 100%, 0 calc(100% - clamp(0px, 10vw / var(--board) * 10 * 233, var(--max) * 233)));
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.benefits::before {
  bottom: clamp(var(--max) * -2, 10vw / var(--board) * 10 * -2, 0px);
  z-index: 0;
  background-color: #1e46aa;
}

.benefits__inner {
  position: relative;
  top: clamp(0px, 10vw / var(--board) * 10 * 33, var(--max) * 33);
  z-index: 3;
}

.benefits__title {
  color: #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
}

.benefits__content {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-right: auto;
  margin-left: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  background-color: #fff0d2;
  background-image: url(../image/illust_benefits.png);
  background-position: right clamp(0px, 10vw / var(--board) * 10 * 109, var(--max) * 109) center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  background-repeat: no-repeat;
}
.benefits__content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  line-height: 2.03846154;
}
.benefits__content li em {
  font-weight: 700;
}
.benefits__content li::before {
  content: "";
  display: block;
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  width: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  height: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  background-image: url(../image/icon_list-benefits.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.how-freee {
  margin-top: clamp(var(--max) * -233, 10vw / var(--board) * 10 * -233, 0px);
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  background-color: #ebf3ff;
}

.how-freee__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.how-freee__inner::before {
  content: "";
  display: block;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
  height: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  background-image: url(../image/arrow_how-freee.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.how-freee__title {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #1e46aa;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  line-height: 1.82692308;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.how-freee__title span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, #ffd278));
  background: linear-gradient(transparent 65%, #ffd278 0%);
}

.how-freee__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 672, var(--max) * 672);
}
.how-freee__copy img {
  width: clamp(0px, 10vw / var(--board) * 10 * 536, var(--max) * 536);
}

.how-freee__copy-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.66666667;
}

.how-freee__flow {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 930, var(--max) * 930);
}
.how-freee_comment img {
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
          transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
}
.how-freee_comment img.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.how-freee_comment-sp {
  display: none;
}

.how-freee_comment-image_01 {
  top: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  left: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  width: clamp(0px, 10vw / var(--board) * 10 * 246, var(--max) * 246);
}

.how-freee_comment-image_02 {
  top: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390);
  left: clamp(0px, 10vw / var(--board) * 10 * 305, var(--max) * 305);
  width: clamp(0px, 10vw / var(--board) * 10 * 390, var(--max) * 390);
}

.how-freee_comment-image_03 {
  top: clamp(0px, 10vw / var(--board) * 10 * 275, var(--max) * 275);
  left: clamp(0px, 10vw / var(--board) * 10 * 727, var(--max) * 727);
  width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
}

.visualization {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  background-color: #ebf3ff;
}

.visualization__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
}

.visualization__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.visualization__feature:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.visualization__feature + .visualization__feature {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
}

.visualization__screenshot {
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
}

.visualization__info {
  width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
}

.visualization__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  border-bottom: 1px solid;
  color: #464343;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  line-height: 1.64285714;
}
.visualization__title::before {
  content: "";
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  height: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
  background-image: url(../image/icon_visualization.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.visualization__text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.77777778;
}

.cost-support {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 218, var(--max) * 218);
  background-color: #ebf3ff;
}

.cost-support__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
}

.cost-support__cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.cost-support__cost + .cost-support__cost {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 66, var(--max) * 66);
}

.cost-support__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
  background-color: #1e46aa;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  line-height: 1.66666667;
}
.cost-support__title img {
  margin-right: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  -webkit-transform: translateY(clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px));
          transform: translateY(clamp(var(--max) * -15, 10vw / var(--board) * 10 * -15, 0px));
}

.cost-support__comparison {
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
  width: 100%;
  border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  background-color: #fff;
}

.cost-support__comparison-text {
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.66666667;
}

.cost-support__gragh {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
}

.cost-support__support-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cost-support__support-item {
  position: relative;
}
.cost-support__support-item:nth-of-type(1) {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: 100%;
  background-image: url(../image/illust_cost-support.png);
  background-position: right center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 230, var(--max) * 230);
  background-repeat: no-repeat;
}
.cost-support__support-item:nth-of-type(1)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  background-image: url(../image/line_cost-support_01.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.cost-support__support-item:nth-of-type(2) {
  margin-bottom: clamp(var(--max) * -20, 10vw / var(--board) * 10 * -20, 0px);
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
  width: 50%;
  text-align: center;
}
.cost-support__support-item:nth-of-type(2)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  height: 100%;
  background-image: url(../image/line_cost-support_02.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.cost-support__support-item:nth-of-type(3) {
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) 0 0;
  width: 50%;
  text-align: center;
}

.cost-support__subtitle {
  color: #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
}

.cost-support__support-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
  text-align: left;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.77777778;
}

.cost-support__support-image {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
}

.cost-support__support-icon {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 304, var(--max) * 304);
}

.cost-support__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 27, var(--max) * 27);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: 100%;
}

.cost-support__badge-image {
  width: clamp(0px, 10vw / var(--board) * 10 * 256, var(--max) * 256);
  height: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}

.cost-support__comparison-note {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  padding-left: 1em;
  text-indent: -1em;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.58333333;
}
.cost-support__comparison-note + .cost-support__comparison-note {
  margin-top: 0;
}

.reliability-benefits {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
.reliability-benefits::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 286, var(--max) * 286);
  background-image: url(../image/bg_benefits-top.png);
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%) translateY(-100%);
          transform: translateX(-50%) translateY(-100%);
}

.reliability-benefits__title {
  position: relative;
  z-index: 2;
  margin-top: clamp(var(--max) * -160, 10vw / var(--board) * 10 * -160, 0px);
  color: #1e46aa;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
}
.reliability-benefits__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 690, var(--max) * 690);
  height: clamp(0px, 10vw / var(--board) * 10 * 143, var(--max) * 143);
  background-image: url(../image/bg_benefits-title.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

.reliability-benefits__inner {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  width: 100%;
}

.reliability-benefits__benefits {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.reliability-benefits__benefits::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% + clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 1082, var(--max) * 1082);
  height: clamp(0px, 10vw / var(--board) * 10 * 571, var(--max) * 571);
  background-image: url(../image/bg_benefits__role.jpg);
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

.reliability-benefits__roles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 720, var(--max) * 720);
}

.reliability-benefits__role {
  position: relative;
  padding: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  width: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
  border: 1px solid #1e46aa;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
}
.reliability-benefits__role h3 {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  min-width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  background-color: #1e46aa;
  color: #fff;
  white-space: nowrap;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  line-height: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.reliability-benefits__role p {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.77777778;
}
.reliability-benefits__role em {
  font-weight: 700;
}

.reliability-benefits__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
}

.reliability-benefits__cta-title {
  position: relative;
  color: #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
}
.reliability-benefits__cta-title em {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0%, #ffd278));
  background: linear-gradient(transparent 65%, #ffd278 0%);
}
.reliability-benefits__cta-title::before, .reliability-benefits__cta-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(var(--max) * -25, 10vw / var(--board) * 10 * -25, 0px);
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  height: clamp(0px, 10vw / var(--board) * 10 * 47, var(--max) * 47);
  background-image: url(../image/deco_benefits-cta-title.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.reliability-benefits__cta-title::after {
  right: clamp(var(--max) * -35, 10vw / var(--board) * 10 * -35, 0px);
  left: auto;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

.reliability-benefits__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.reliability-benefits__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 370, var(--max) * 370);
  height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  background-color: #fa6414;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
}
.reliability-benefits__button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  display: block;
  width: 0.5em;
  height: 0.5em;
  border: 3px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.cta-testimonial {
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  background-color: #ebf3ff;
}

.cta-testimonial__foundation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cta-testimonial__foundation-title {
  color: #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
}

.cta-testimonial__foundation-subtitle {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.cta-testimonial__foundation-text {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  text-align: center;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.77777778;
}

.cta-testimonial__services {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  width: clamp(0px, 10vw / var(--board) * 10 * 1070, var(--max) * 1070);
}

.cta-testimonial__services-link {
  position: absolute;
  display: block;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background-color: #fff;
  color: transparent !important;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cta-testimonial__services-link:nth-of-type(1) {
  top: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  left: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
  width: clamp(0px, 10vw / var(--board) * 10 * 250, var(--max) * 250);
  height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
}
.cta-testimonial__services-link:nth-of-type(2) {
  top: clamp(0px, 10vw / var(--board) * 10 * 430, var(--max) * 430);
  left: clamp(0px, 10vw / var(--board) * 10 * 440, var(--max) * 440);
  width: clamp(0px, 10vw / var(--board) * 10 * 170, var(--max) * 170);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}
.cta-testimonial__services-link:nth-of-type(3) {
  top: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
.cta-testimonial__services-link:nth-of-type(4) {
  top: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125);
  right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
.cta-testimonial__services-link:nth-of-type(5) {
  top: clamp(0px, 10vw / var(--board) * 10 * 270, var(--max) * 270);
  right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
.cta-testimonial__services-link:nth-of-type(6) {
  top: clamp(0px, 10vw / var(--board) * 10 * 412, var(--max) * 412);
  right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}
.cta-testimonial__services-link:nth-of-type(7) {
  top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  left: clamp(0px, 10vw / var(--board) * 10 * 310, var(--max) * 310);
  width: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
}

.cta-testimonial__button {
  display: block;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 820, var(--max) * 820);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.escape {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  background-color: #e9e7e7;
  background-image: url(../image/bg_escape_2.png);
  background-position: top clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380) center;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  background-repeat: no-repeat;
}

.escape__head {
  height: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  background-color: #ebf3ff;
  background-image: url(../image/bg_escape.png);
  background-position: center bottom;
  background-size: clamp(0px, 10vw / var(--board) * 10 * 2000, var(--max) * 2000);
  background-repeat: no-repeat;
}

.escape__head-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
  height: 100%;
}
.escape__head-inner::before {
  content: "";
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
  left: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  width: calc(50vw - 50% + clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1));
  height: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  background-color: #1e46aa;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.escape__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
  background-color: #1e46aa;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
}
.escape__title em {
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
}

.escape__catch {
  display: inline;
  padding-right: 0.25em;
  padding-bottom: 0.1em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(96%, transparent), color-stop(0%, #1e46aa));
  background: linear-gradient(transparent 96%, #1e46aa 0%);
  color: #1e46aa;
  letter-spacing: 0;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.95;
}

.escape__profile {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  padding: clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
  height: clamp(0px, 10vw / var(--board) * 10 * 216, var(--max) * 216);
  background-image: url(../image/bg_escape_profile.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  color: #464343;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.escape__profile-logo {
  width: clamp(0px, 10vw / var(--board) * 10 * 220, var(--max) * 220);
}

.escape__company {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.5;
}

.escape__person {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}
.escape__person em {
  margin-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
}
.escape__person::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #464343;
}

.escape__role {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.57142857;
}

.escape__inner {
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1040, var(--max) * 1040);
}

.escape__case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  -webkit-column-gap: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
     -moz-column-gap: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
          column-gap: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
}

.escape__case-item {
  width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
}
.escape__case-item:nth-child(2) {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 160, var(--max) * 160);
}
.escape__case-item:nth-child(4) {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
}

.escape__heading {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  border-left: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) solid #1e46aa;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.66666667;
}

.escape__text {
  text-align: justify;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.77777778;
}

.escape__text em {
  background-color: #ffe4ae;
  font-weight: 700;
}

.escape__banner {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  margin-right: auto;
  margin-left: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 820, var(--max) * 820);
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}
.modal.is-show {
  opacity: 1;
  pointer-events: auto;
}

.modal__inner {
  position: relative;
  cursor: default;
}

.modal__close {
  position: absolute;
  top: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
  right: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.modal__image {
  width: clamp(0px, 10vw / var(--board) * 10 * 960, var(--max) * 960);
}

.cta-testimonial__service {
  display: none;
}
.hero__heading {
  margin-left: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 500, var(--max) * 500);
  color: #000;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  line-height: 1.35526316;
}
.hero__heading span {
  display: block;
  -webkit-filter: drop-shadow(clamp(0px, 10vw / var(--board) * 10 * 3.7741, var(--max) * 3.7741) clamp(0px, 10vw / var(--board) * 10 * 1.8871, var(--max) * 1.8871) clamp(0px, 10vw / var(--board) * 10 * 3.1451, var(--max) * 3.1451) rgba(0, 0, 0, 0.4));
          filter: drop-shadow(clamp(0px, 10vw / var(--board) * 10 * 3.7741, var(--max) * 3.7741) clamp(0px, 10vw / var(--board) * 10 * 1.8871, var(--max) * 1.8871) clamp(0px, 10vw / var(--board) * 10 * 3.1451, var(--max) * 3.1451) rgba(0, 0, 0, 0.4));
}
.hero__heading span {
  -webkit-transform: translateX(-0.3em);
          transform: translateX(-0.3em);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(black), color-stop(0%, transparent));
  -webkit-mask-image: linear-gradient(to right, black 0%, transparent 0%);
          mask-image: -webkit-gradient(linear, left top, right top, from(black), color-stop(0%, transparent));
          mask-image: linear-gradient(to right, black 0%, transparent 0%);
}
.hero__heading span {
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(0%, #000));
  background-image: linear-gradient(90deg, #fff 0%, #000 0%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 769px){
  .hero__subtitle {
    display: none;
  }
  .hero__features {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    right: 0;
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  .hero__problem {
    margin-top: clamp(var(--max) * -350, 10vw / var(--board) * 10 * -350, 0px);
  }
  .pc-none {
    display: none !important;
  }
}
@media (min-width: 1520px){
  .cost-support {
    padding-bottom: 14.3421052632vw;
  }
  .reliability-benefits::before {
    height: 18.8157894737vw;
  }
}
@media (min-width: 2000px){
  .hero {
    background-size: cover;
  }
  .hero__problem {
    background-size: cover;
  }
  .escape__head {
    background-size: cover;
  }
}
@media (max-width: 768px){
  :root {
    --board: 750;
    --max: 9999px;
  }
  .diag25__result {
    overflow: hidden;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 280, var(--max) * 280);
  }
  :where(.diag25__result) .inner {
    margin-right: auto;
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .result__title {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 757, var(--max) * 757);
    background-image: url("../image/title_result_sp.svg");
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .result__title small {
    width: clamp(0px, 10vw / var(--board) * 10 * 380, var(--max) * 380);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    line-height: 1.58333333;
  }
  .result__button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    margin-left: calc(clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
    height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
    color: #fff;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .result__button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    border: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff;
    border-top: 0;
    border-left: 0;
  }
  .result__copy {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.73333333;
  }
  .result__banner {
    width: 100%;
  }
  .result__block {
    width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
    background-image: url("../image/bg_result-loop_sp.svg");
    -webkit-transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0));
            transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0));
  }
  .result__block::before {
    height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    background-image: url("../image/bg_result-schedule_sp.svg");
  }
  .result__block::after {
    height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    background-image: url("../image/bg_result-schedule_sp.svg");
  }
  .result__schedule-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 536, var(--max) * 536);
  }
  .result__schedule-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    width: clamp(0px, 10vw / var(--board) * 10 * 540, var(--max) * 540);
    background-image: url("../image/line_result_sp.svg");
  }
  .result__schedule-container:first-of-type {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__schedule-container + .result__schedule-container dl:first-child::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 95, var(--max) * 95) * -1);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .result__schedule-data dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__schedule-data dl + dl {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 135, var(--max) * 135);
  }
  .result__schedule-data dl + dl::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90) * -1);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .result__schedule-data dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 439, var(--max) * 439);
    height: clamp(0px, 10vw / var(--board) * 10 * 111, var(--max) * 111);
    background-image: url("../image/bg_result-data_sp.svg");
  }
  .result__schedule-data .is-goal {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  }
  .result__schedule-data .is-goal::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150) * -1);
  }
  .result__schedule-data .is-goal dt {
    background-image: url("../image/bg_result-data_goal_sp.svg");
  }
  .result__schedule-data .is-goal dt::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) * -1);
    width: 100%;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  }
  .result__schedule-data .is-goal dt::after {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 126, var(--max) * 126) * -1);
    right: calc(clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
    height: clamp(0px, 10vw / var(--board) * 10 * 156, var(--max) * 156);
  }
  .result__schedule-data dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: clamp(0px, 10vw / var(--board) * 10 * 450, var(--max) * 450);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__schedule-data dd li::before {
    top: calc(0.5em + clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10));
    left: -1em;
    width: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    height: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }
  .result__schedule-year {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 23.1, var(--max) * 23.1);
  }
  .result__schedule-year em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34.65, var(--max) * 34.65);
  }
  .result__schedule-date {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__schedule-date em {
    margin-right: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50.82, var(--max) * 50.82);
  }
  .result__schedule-point {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
  }
  .result__schedule-point-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .result__schedule-point-inner::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
  }
  .result__schedule-point-inner::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__schedule-point-inner p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.71428571;
  }
  .result__schedule-point-inner .result__button {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-left: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  }
  .result__schedule-point-inner .result__button br {
    display: none;
  }
  .result__note {
    margin-left: calc(clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30) * -1);
    width: calc(100% + clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30));
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .result__price {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
  }
  .result__price-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 444, var(--max) * 444);
  }
  .result__price-list dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
    background-image: url("../image/line_price_sp.svg");
  }
  .result__price-list dl:nth-last-of-type(2) {
    padding-bottom: 0;
  }
  .result__price-list dt {
    width: 100%;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .result__price-list dt small {
    margin-top: 0.5em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .result__price-list dt span {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .result__price-list dd {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .result__price-list dd em {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 442, var(--max) * 442);
    height: clamp(0px, 10vw / var(--board) * 10 * 156, var(--max) * 156);
    background-image: url("../image/bg_price_sp.png");
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  dl.result__price-total {
    width: 100%;
    height: auto;
    background-image: url("../image/bg_price-total_sp.svg");
  }
  dl.result__price-total dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  dl.result__price-total dt img {
    width: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
  }
  .result__coordinator {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 210, var(--max) * 210);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .result__coordinator::before {
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 270, var(--max) * 270);
    height: clamp(0px, 10vw / var(--board) * 10 * 200, var(--max) * 200);
  }
  .result__coordinator-title {
    width: clamp(0px, 10vw / var(--board) * 10 * 530, var(--max) * 530);
  }
  .result__coordinator-container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .result__coordinator-photo {
    width: clamp(0px, 10vw / var(--board) * 10 * 466, var(--max) * 466);
  }
  .result__coordinator-text {
    width: 100%;
  }
  .result__coordinator-text p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.46666667;
  }
  .result__coordinator-text small {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    line-height: 1.5;
  }
  .result__coordinator-cv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .result__coordinator-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
    height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    line-height: 1.3125;
  }
  .result__step {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    margin-left: calc(50% - 50vw);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    width: 100vw;
  }
  .result__step__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 650, var(--max) * 650);
  }
  .result__step-title {
    width: 100%;
  }
  .result__step-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 87, var(--max) * 87);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .result__step-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: 100%;
  }
  .result__step-box::after {
    top: auto;
    right: 50%;
    bottom: calc(clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35) * -1);
    width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 25, var(--max) * 25);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    -webkit-transform: translateY(100%) translateX(50%);
            transform: translateY(100%) translateX(50%);
  }
  .result__step-label {
    height: clamp(0px, 10vw / var(--board) * 10 * 54, var(--max) * 54);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) 0 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .result__step-illust {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
    height: 100%;
  }
  .result__step-illust img {
    width: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  }
  .result__step-subtitle {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
    width: 100%;
  }
  .result__step-subtitle small {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
  .result__step-subtitle em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .result__step-text {
    margin: 0;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
    width: 100%;
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .result__step-button-area {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .result__step-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
    height: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .is-form {
    width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
    height: clamp(0px, 10vw / var(--board) * 10 * 3210, var(--max) * 3210);
  }
  .is-form::before {
    height: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    background-image: url("../image/bg_result-schedule_sp.svg");
  }
  .is-form::after {
    z-index: 3;
    height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    background-image: url("../image/bg_result-schedule_sp.svg");
    -webkit-transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60));
            transform: translateY(clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60));
  }
  .is-form .result__schedule {
    overflow: hidden;
  }
  .is-form .result__form {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
    background-image: url("../image/bg_result-loop_sp.svg");
  }
  .is-form .result__form::after {
    display: none;
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    background-image: url("../image/bg_result-schedule_sp.svg");
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .is-form .result__form-inner {
    padding: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
    width: clamp(0px, 10vw / var(--board) * 10 * 560, var(--max) * 560);
  }
  .is-form .result__form-inner::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 226, var(--max) * 226);
    height: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
  }
  .is-form .result__form-copy {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
    line-height: 1.58823529;
  }
  .is-form .result__form-label {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
    line-height: 1.5;
  }
  .is-form .result__form-input,
  .is-form .result__form-select {
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .is-form .result__form-select-outer::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    height: clamp(0px, 10vw / var(--board) * 10 * 11, var(--max) * 11);
  }
  .is-form .result__form-button {
    width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
    height: clamp(0px, 10vw / var(--board) * 10 * 128, var(--max) * 128);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }
  .is-form .result__form-button::after {
    right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 0.5em;
    height: 0.5em;
  }
  .is-form .result__form-note {
    width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .sale-main {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  :where(.sale-main) * {
    max-width: 100%;
  }
  .sale-header {
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 0;
    padding: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125);
    -webkit-transform: none;
            transform: none;
  }
  .hero {
    height: clamp(0px, 10vw / var(--board) * 10 * 1240, var(--max) * 1240);
    background-image: url(../image/bg_hero_sp.jpg);
  }
  .hero__inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 180, var(--max) * 180);
  }
  .hero__title {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82);
  }
  .hero__subtitle {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .hero__features {
    position: relative;
    z-index: 2;
    gap: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    margin-right: auto;
    margin-left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
    -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  .hero__problem {
    position: relative;
    z-index: 0;
    margin-top: clamp(var(--max) * -340, 10vw / var(--board) * 10 * -340, 0px);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
    background-image: url(../image/bg_hero-problem_sp.png);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .hero__problem-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .hero__problem-text {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .hero__problem-text::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 45, var(--max) * 45);
    left: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    height: clamp(0px, 10vw / var(--board) * 10 * 61, var(--max) * 61);
  }
  .hero__problem-text h2 {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .hero__problem-text p {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.6;
  }
  .hero__problem-text p + p {
    margin-top: 1.5em;
  }
  .hero__problem-text em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    line-height: 1.5;
  }
  .hero__problem-graph {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .hero__problem-graph-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
    height: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  }
  .hero__problem-graph-inner::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
    height: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  }
  .hero__problem-graph-bg,
  .hero__problem-graph-bar {
    stroke-width: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }
  .hero__problem-graph-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .hero__problem-graph-yes {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .hero__problem-graph-yes em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 76, var(--max) * 76);
  }
  .hero__problem-graph-no {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }
  .facts {
    margin-top: clamp(var(--max) * -10, 10vw / var(--board) * 10 * -10, 0px);
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 158, var(--max) * 158);
    background: linear-gradient(to bottom, rgba(0, 3, 9, 0) 0%, rgb(0, 3, 9) clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30), #000309 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130)), 50% 100%, 0 calc(100% - clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130)));
  }
  .facts__title {
    margin-top: 0;
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }
  .facts__title::after {
    display: none;
  }
  .facts__grid {
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .facts__item + .facts__item::before {
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 600, var(--max) * 600);
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    background-image: url(../image/line_facts_sp.png);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .facts__label {
    top: clamp(var(--max) * -35, 10vw / var(--board) * 10 * -35, 0px);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 15, var(--max) * 15);
    width: clamp(0px, 10vw / var(--board) * 10 * 190, var(--max) * 190);
    height: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  }
  .facts__item:first-of-type .facts__label {
    top: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
  }
  .facts__label em {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
  }
  .facts__title-01 {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .facts__highlight-01 {
    position: relative;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .facts__highlight-01 em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .facts__highlight-01 span {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    right: 0;
  }
  .facts__price {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
  }
  .facts__title-02,
  .facts__title-03 {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .facts__percentage {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    width: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
    height: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
  }
  .facts__percentage-inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294);
    height: clamp(0px, 10vw / var(--board) * 10 * 294, var(--max) * 294);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .facts__percentage-inner em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  .facts__percentage-inner span {
    margin-bottom: clamp(var(--max) * -50, 10vw / var(--board) * 10 * -50, 0px);
  }
  .facts__chart {
    width: clamp(0px, 10vw / var(--board) * 10 * 475, var(--max) * 475);
    height: clamp(0px, 10vw / var(--board) * 10 * 415, var(--max) * 415);
    background-image: url(../image/gragh_facts-bar_sp.png);
  }
  .facts__number {
    right: clamp(0px, 10vw / var(--board) * 10 * 85, var(--max) * 85);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 185, var(--max) * 185);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  .facts__graph-bar i {
    bottom: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
    min-width: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  }
  .facts__graph-bar .facts__graph-bar-2022 {
    left: clamp(0px, 10vw / var(--board) * 10 * 31, var(--max) * 31);
    height: clamp(0px, 10vw / var(--board) * 10 * 224, var(--max) * 224);
  }
  .facts__graph-bar .facts__graph-bar-2023 {
    left: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    height: clamp(0px, 10vw / var(--board) * 10 * 259, var(--max) * 259);
  }
  .facts__graph-bar .facts__graph-bar-2024 {
    left: clamp(0px, 10vw / var(--board) * 10 * 115, var(--max) * 115);
    height: clamp(0px, 10vw / var(--board) * 10 * 292, var(--max) * 292);
  }
  .facts__graph-bar .facts__graph-bar-2025 {
    left: clamp(0px, 10vw / var(--board) * 10 * 157, var(--max) * 157);
    height: clamp(0px, 10vw / var(--board) * 10 * 326, var(--max) * 326);
  }
  .facts__graph-bar .facts__graph-bar-2026 {
    left: clamp(0px, 10vw / var(--board) * 10 * 198, var(--max) * 198);
    height: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);
  }
  .facts__chart-text {
    top: auto;
    right: 0;
    bottom: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    left: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 223, var(--max) * 223);
  }
  .facts__note {
    margin: auto;
    margin-top: -1em;
    margin-bottom: 1em;
    width: clamp(0px, 10vw / var(--board) * 10 * 475, var(--max) * 475);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .facts__info {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .facts__question {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .facts__question::before {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: clamp(0px, 10vw / var(--board) * 10 * 90, var(--max) * 90);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .facts__question-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 46, var(--max) * 46);
  }
  .facts__question-title span {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .facts__button {
    overflow: hidden;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .how-freee {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }
  .how-freee__inner::before {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 110, var(--max) * 110);
    height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
    background-image: url(../image/arrow_how-freee_sp.png);
  }
  .how-freee__title {
    letter-spacing: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .how-freee__copy img {
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .how-freee__copy-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .how-freee__flow {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .how-freee_comment {
    display: none;
  }
  .how-freee_comment-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: clamp(var(--max) * -16, 10vw / var(--board) * 10 * -16, 0px);
    margin-left: calc(50% - 50vw);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    max-width: none;
    width: 100vw;
  }
  .how-freee_comment-sp img {
    width: clamp(0px, 10vw / var(--board) * 10 * 680, var(--max) * 680);
  }
  .visualization__feature {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    gap: 0;
    margin: auto;
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .visualization__screenshot {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }
  .visualization__info {
    display: contents;
    width: 100%;
  }
  .visualization__title {
    gap: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: 100%;
    border-bottom: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    line-height: 1.52631579;
  }
  .visualization__title::before {
    width: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
  }
  .visualization__text {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .cost-support {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  .cost-support__inner {
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .cost-support__title {
    height: clamp(0px, 10vw / var(--board) * 10 * 116, var(--max) * 116);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) 0 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  }
  .cost-support__title img {
    width: clamp(0px, 10vw / var(--board) * 10 * 117, var(--max) * 117);
    -webkit-transform: translateY(clamp(var(--max) * -18, 10vw / var(--board) * 10 * -18, 0px));
            transform: translateY(clamp(var(--max) * -18, 10vw / var(--board) * 10 * -18, 0px));
  }
  .cost-support__comparison {
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .cost-support__comparison-text {
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .cost-support__support-item:nth-of-type(1) {
    padding-top: 0;
    background-size: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }
  .cost-support__support-item:nth-of-type(1)::after {
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    background-image: url(../image/line_cost-support_sp.png);
  }
  .cost-support__support-item:nth-of-type(2) {
    width: 100%;
  }
  .cost-support__support-item:nth-of-type(2)::after {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    background-image: url(../image/line_cost-support_sp.png);
  }
  .cost-support__support-item:nth-of-type(3) {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    width: 100%;
  }
  .cost-support__subtitle {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .cost-support__support-text {
    width: clamp(0px, 10vw / var(--board) * 10 * 282, var(--max) * 282);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .cost-support__support-image {
    width: clamp(0px, 10vw / var(--board) * 10 * 460, var(--max) * 460);
  }
  .cost-support__support-icon {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 470, var(--max) * 470);
  }
  .cost-support__badge {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0 clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }
  .cost-support__badge-image {
    width: clamp(0px, 10vw / var(--board) * 10 * 290, var(--max) * 290);
  }
  .cost-support__badge-image:nth-of-type(1) {
    width: 100%;
  }
  .cost-support__comparison-note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
  }
  .reliability-benefits {
    margin-top: 0;
  }
  .reliability-benefits::before {
    height: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    background-image: url(../image/bg_benefits-top_sp.png);
  }
  .reliability-benefits__title {
    margin-top: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .reliability-benefits__title::before {
    top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    width: clamp(0px, 10vw / var(--board) * 10 * 662, var(--max) * 662);
  }
  .reliability-benefits__inner {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }
  .reliability-benefits__benefits::before {
    display: none;
  }
  .reliability-benefits__roles {
    gap: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    width: clamp(0px, 10vw / var(--board) * 10 * 550, var(--max) * 550);
  }
  .reliability-benefits__role {
    position: relative;
    padding: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50) clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: 100%;
    border: 0;
  }
  .reliability-benefits__role::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2) solid #1e46aa;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background-color: #fff;
  }
  .reliability-benefits__role::after {
    content: "";
    position: absolute;
    z-index: -1;
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .reliability-benefits__role:nth-of-type(1) {
    z-index: 1;
  }
  .reliability-benefits__role:nth-of-type(1)::after {
    top: clamp(var(--max) * -113, 10vw / var(--board) * 10 * -113, 0px);
    left: clamp(var(--max) * -82, 10vw / var(--board) * 10 * -82, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 171, var(--max) * 171);
    height: clamp(0px, 10vw / var(--board) * 10 * 339, var(--max) * 339);
    background-image: url(../image/bg_benefits__role_01_sp.png);
  }
  .reliability-benefits__role:nth-of-type(2) {
    z-index: 2;
  }
  .reliability-benefits__role:nth-of-type(3) {
    z-index: 3;
  }
  .reliability-benefits__role:nth-of-type(3)::after {
    top: clamp(var(--max) * -141, 10vw / var(--board) * 10 * -141, 0px);
    right: clamp(var(--max) * -66, 10vw / var(--board) * 10 * -66, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 166, var(--max) * 166);
    height: clamp(0px, 10vw / var(--board) * 10 * 368, var(--max) * 368);
    background-image: url(../image/bg_benefits__role_03_sp.png);
  }
  .reliability-benefits__role:nth-of-type(4) {
    z-index: 4;
  }
  .reliability-benefits__role:nth-of-type(4)::after {
    top: clamp(var(--max) * -108, 10vw / var(--board) * 10 * -108, 0px);
    left: clamp(var(--max) * -57, 10vw / var(--board) * 10 * -57, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 91, var(--max) * 91);
    height: clamp(0px, 10vw / var(--board) * 10 * 359, var(--max) * 359);
    background-image: url(../image/bg_benefits__role_04_sp.png);
  }
  .reliability-benefits__role:nth-of-type(5) {
    z-index: 5;
  }
  .reliability-benefits__role:nth-of-type(5)::after {
    top: clamp(var(--max) * -111, 10vw / var(--board) * 10 * -111, 0px);
    right: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    height: clamp(0px, 10vw / var(--board) * 10 * 348, var(--max) * 348);
    background-image: url(../image/bg_benefits__role_05_sp.png);
  }
  .reliability-benefits__role h3 {
    min-width: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .reliability-benefits__role p {
    position: relative;
    z-index: 2;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .reliability-benefits__cta-title {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }
  .reliability-benefits__cta-title::before, .reliability-benefits__cta-title::after {
    top: auto;
    bottom: 0;
    left: clamp(var(--max) * -70, 10vw / var(--board) * 10 * -70, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
    height: clamp(0px, 10vw / var(--board) * 10 * 109, var(--max) * 109);
    -webkit-transform: none;
            transform: none;
  }
  .reliability-benefits__cta-title::after {
    right: clamp(var(--max) * -60, 10vw / var(--board) * 10 * -60, 0px);
    left: auto;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .reliability-benefits__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }
  .reliability-benefits__button {
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  }
  .reliability-benefits__button::after {
    width: 0.6em;
    height: 0.6em;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
  }
  .cta-testimonial__foundation-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  }
  .cta-testimonial__foundation-subtitle {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .cta-testimonial__foundation-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    text-align: left;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .cta-testimonial__services {
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .cta-testimonial__services-link {
    display: none;
  }
  .cta-testimonial__button {
    overflow: hidden;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .escape {
    padding-bottom: 0;
    background-image: none;
  }
  .escape__head {
    height: clamp(0px, 10vw / var(--board) * 10 * 819, var(--max) * 819);
    background-image: url(../image/bg_escape_sp.png);
    background-size: 100%;
  }
  .escape__head-inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
  }
  .escape__head-inner::before {
    display: none;
  }
  .escape__title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
    letter-spacing: 0.1em;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .escape__title em {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .escape__catch {
    position: relative;
    left: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(95%, transparent), color-stop(0%, #1e46aa));
    background: linear-gradient(transparent 95%, #1e46aa 0%);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    line-height: 1.875;
  }
  .escape__profile {
    right: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    height: clamp(0px, 10vw / var(--board) * 10 * 350, var(--max) * 350);
    background-image: url(../image/bg_escape_profile_sp.png);
  }
  .escape__profile-logo {
    width: clamp(0px, 10vw / var(--board) * 10 * 340, var(--max) * 340);
  }
  .escape__company {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    line-height: 1.38461538;
  }
  .escape__person {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .escape__person em {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 34, var(--max) * 34);
  }
  .escape__role {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
    line-height: 1.38461538;
  }
  .escape__inner {
    padding-top: clamp(0px, 10vw / var(--board) * 10 * 150, var(--max) * 150);
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130);
    background-image: url(../image/bg_escape_2_sp.png);
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .escape__case {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0;
  }
  .escape__case-item {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100) !important;
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
  }
  .escape__heading {
    padding: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    border-left-width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    line-height: 1.73684211;
    text-box: trim-both cap alphabetic;
  }
  .escape__text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .escape__banner {
    overflow: hidden;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 100, var(--max) * 100);
    width: clamp(0px, 10vw / var(--board) * 10 * 590, var(--max) * 590);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .modal__close {
    right: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }
  .cta-testimonial__service {
    display: block;
    margin: 0 auto;
    padding: clamp(0px, 10vw / var(--board) * 10 * 73, var(--max) * 73) 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 670, var(--max) * 670);
  }
  .cta-testimonial__service-title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background-color: #1e46aa;
    color: #fff;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .is-open .cta-testimonial__service-title {
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0 0;
  }
  .cta-testimonial__service-title::before {
    content: "";
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1);
    left: 50%;
    width: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    background-color: #1e46aa;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
  .cta-testimonial__service-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 63, var(--max) * 63);
    width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    background-image: url(../image/icon_cta-plus.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .is-open .cta-testimonial__service-title::after {
    background-image: url(../image/icon_cta-minus.png);
  }
  .cta-testimonial__service-inner {
    overflow: hidden;
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: 0;
    border-radius: 0 0 clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    background-color: #fff;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .is-open .cta-testimonial__service-inner {
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    height: auto;
    opacity: 1;
  }
  .cta-testimonial__service-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36) 0;
  }
  .cta-testimonial__service-item + .cta-testimonial__service-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6);
    background-image: url(../image/line_cta.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .cta-testimonial__service-logo {
    width: auto;
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .cta-testimonial__service-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .cta-testimonial__service-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    width: clamp(0px, 10vw / var(--board) * 10 * 510, var(--max) * 510);
    height: clamp(0px, 10vw / var(--board) * 10 * 103, var(--max) * 103);
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    background-color: #1e46aa;
    color: #fff;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    line-height: 1.42857143;
  }
  .cta-testimonial__service-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    display: block;
    width: 0.5em;
    height: 0.5em;
    border: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5) solid #fff;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
  }
  .cta-testimonial__service-link:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
  }
  .cta-testimonial__service-illust {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .cta-testimonial__service-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20) 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 510, var(--max) * 510);
    border-bottom: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) solid #c0ceea;
  }
  .cta-testimonial__service-box img {
    width: auto;
    height: clamp(0px, 10vw / var(--board) * 10 * 70, var(--max) * 70);
  }
  .cta-testimonial__service-box h3 {
    color: #1e46aa;
    font-weight: 700;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }
  .cta-testimonial__service-box p {
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    line-height: 1.66666667;
  }
  .hero__heading {
    margin-left: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    width: clamp(0px, 10vw / var(--board) * 10 * 700, var(--max) * 700);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82);
  }
  .sp-none {
    display: none !important;
  }
}
@media (hover: hover){
  .sale-main a:hover,
  .sale-main button:hover {
    opacity: 0.7;
  }
  .facts__button:hover {
    opacity: 0.7;
  }
  .reliability-benefits__button:hover {
    color: #fff;
    text-decoration: none;
  }
  .cta-testimonial__services-link:hover {
    opacity: 0.5 !important;
  }
  .modal__close:hover {
    opacity: 0.7;
  }
}