@charset "UTF-8";
.gradient {
  background-image: linear-gradient(135deg, rgb(246, 171, 92), rgb(240, 97, 113));
}

.orange {
  color: #EC6D7B;
}

.container {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1024px) {
  .container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}

.container_inner {
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .container_inner {
    max-width: 95.72%;
    margin-left: auto;
    margin-right: auto;
  }
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0;
  color: #262626;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

p {
  text-align: justify;
}

.br {
  display: inline-block;
}

.wrapper {
  overflow-x: hidden;
}

a {
  cursor: pointer;
}

.pc {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

.pc_1025 {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .pc_1025 {
    display: none;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.tb {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .tb {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .tb {
    display: none;
  }
}

a:hover {
  opacity: 0.7;
}

.btn_cv {
  position: relative;
  margin-top: clamp(1rem, 0.4861878453rem + 1.3701657459vw, 2.24rem);
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
  border-radius: 999px;
  width: clamp(35rem, 32.9281767956rem + 5.5248618785vw, 40rem);
  -webkit-animation: beside 2s linear infinite;
          animation: beside 2s linear infinite;
  transform-origin: center;
}
.btn_cv::after {
  content: "▶︎";
  position: absolute;
  top: 50%;
  right: clamp(2rem, 1.5856353591rem + 1.1049723757vw, 3rem);
  transform: translateY(-50%);
  font-size: 13px;
}

.btn_cv a {
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 2.4px;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: clamp(2.1rem, 1.8099447514rem + 0.773480663vw, 2.8rem);
  padding-bottom: clamp(2.1rem, 1.8099447514rem + 0.773480663vw, 2.8rem);
}

@-webkit-keyframes beside {
  0% {
    transform: translate(2px, 0px);
  }
  5% {
    transform: translate(-2px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  15% {
    transform: translate(-2px, 0px);
  }
  20% {
    transform: translate(2px, 0px);
  }
  25% {
    transform: translate(-2px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}

@keyframes beside {
  0% {
    transform: translate(2px, 0px);
  }
  5% {
    transform: translate(-2px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  15% {
    transform: translate(-2px, 0px);
  }
  20% {
    transform: translate(2px, 0px);
  }
  25% {
    transform: translate(-2px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
.btn_cv_02 {
  margin-top: 12px;
}

.btn_cv_03 {
  margin-top: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
}

.headline_h1 {
  font-size: clamp(3.2rem, 2.5370165746rem + 1.7679558011vw, 4.8rem);
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 130%;
  margin-top: clamp(0.5rem, -0.1215469613rem + 1.6574585635vw, 2rem);
  color: #262626;
}
@media only screen and (max-width: 768px) {
  .headline_h1 {
    letter-spacing: 1.6px;
    line-height: 44px;
  }
}

.fade_animate {
  opacity: 0;
  -webkit-animation-name: anime;
          animation-name: anime;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes anime {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.headline_h2 {
  line-height: 1.1076923077;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #00B674;
  letter-spacing: 2.08px;
  text-align: center;
  font-size: clamp(5.2rem, 4.7027624309rem + 1.3259668508vw, 6.4rem);
  margin-top: clamp(1rem, 0.5856353591rem + 1.1049723757vw, 2rem);
}

.headline_h2_sub {
  font-size: clamp(1.4rem, 1.3171270718rem + 0.2209944751vw, 1.6rem);
  letter-spacing: 1.68px;
  text-align: center;
  line-height: 28px;
}

.headline_h2_sub2 {
  text-align: center;
  font-size: clamp(2rem, 1.8342541436rem + 0.4419889503vw, 2.4rem);
  font-weight: 600;
  margin-top: clamp(1rem, 0.5856353591rem + 1.1049723757vw, 2rem);
}

.headline_h2_pt2 {
  font-size: clamp(4.4rem, 2.079558011rem + 6.1878453039vw, 10rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  text-align: center;
  letter-spacing: 1.75px;
  color: rgba(27, 144, 98, 0.2);
  width: 100%;
}

.headline_h2_pt2_sub {
  border-top: 2px solid rgba(27, 144, 98, 0.3);
  color: #00B674;
  font-size: clamp(1.6rem, 1.4342541436rem + 0.4419889503vw, 2rem);
  text-align: center;
  font-weight: 700;
  padding-top: clamp(1.3rem, 1.2171270718rem + 0.2209944751vw, 1.5rem);
  margin-top: -2.5641025641vw;
}
@media only screen and (min-width: 767px) {
  .headline_h2_pt2_sub {
    margin-top: -1.4641288433vw;
  }
}

.headline_h3 {
  font-size: clamp(2.2rem, 2.0342541436rem + 0.4419889503vw, 2.6rem);
  font-weight: 400;
  color: #00B674;
  letter-spacing: 0.88px;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .headline_h3 {
    font-weight: 600;
  }
}

.headline_h3_pt2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-size: clamp(2.2rem, 1.8685082873rem + 0.8839779006vw, 3rem);
  font-weight: 700;
  letter-spacing: 1.2px;
}
@media only screen and (min-width: 767px) {
  .headline_h3_pt2 {
    width: 22.4011713031vw;
  }
}
.headline_h3_pt2 img {
  width: 3px;
}

/*aboutのところのh3*/
.headline_img {
  text-align: center;
  width: 5rem;
  margin: 0 auto;
}

.headline_h3_sub {
  font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
  font-weight: 400;
  gap: 5px;
  letter-spacing: 0.64px;
  line-height: 1.40625;
}

.headline_h3_en {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
  font-weight: 400;
}

/*intro*/
.headline_h2_intro {
  font-size: clamp(2.4rem, 2.2342541436rem + 0.4419889503vw, 2.8rem);
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  line-height: 38px;
  letter-spacing: 1.12px;
}
@media only screen and (max-width: 768px) {
  .headline_h2_intro {
    line-height: 32px;
    letter-spacing: 0.96px;
  }
}

.headline_intro_sub {
  text-align: center;
  color: #ffffff;
  font-size: clamp(1.6rem, 1.4342541436rem + 0.4419889503vw, 2rem);
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.8px;
}

/*voice*/
.headline_voice_h2 {
  font-size: clamp(2.2rem, 1.8685082873rem + 0.8839779006vw, 3rem);
  font-weight: 700;
  color: #00B674;
  text-align: center;
  display: flex;
  align-items: center;
  letter-spacing: 0.88px;
  line-height: 1.3;
}
.headline_voice_h2::before, .headline_voice_h2::after {
  content: "";
  height: 2px;
  flex-grow: 1;
  background-color: #00B674;
}
.headline_voice_h2::before {
  margin-right: clamp(1rem, 0.2127071823rem + 2.0994475138vw, 2.9rem);
}
.headline_voice_h2::after {
  margin-left: clamp(1rem, 0.2127071823rem + 2.0994475138vw, 2.9rem);
}

.text_main {
  font-size: clamp(1.4rem, 1.3171270718rem + 0.2209944751vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0.56px;
  line-height: 1.75;
}
@media only screen and (max-width: 768px) {
  .text_main {
    font-weight: 500;
  }
}

.bl {
  font-weight: 700;
}

.pink {
  color: #EC6D7B;
}

.fade_animate,
.fade_animate02,
.fade_animate03 {
  opacity: 0;
}

.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUp02 {
  -webkit-animation-name: fadeUpAnime02;
          animation-name: fadeUpAnime02;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime02 {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime02 {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUp03 {
  -webkit-animation-name: fadeUpAnime03;
          animation-name: fadeUpAnime03;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime03 {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime03 {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cv_box {
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}

.cv_date {
  display: inline-block;
  margin-top: clamp(1.5rem, 0.7955801105rem + 1.8784530387vw, 3.2rem);
  background-color: #EC6D7B;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding-left: clamp(0.5rem, -0.2872928177rem + 2.0994475138vw, 2.4rem);
  padding-right: clamp(0.5rem, -0.2872928177rem + 2.0994475138vw, 2.4rem);
  padding-top: clamp(0.2rem, 0.0756906077rem + 0.3314917127vw, 0.5rem);
  padding-bottom: clamp(0.2rem, 0.0756906077rem + 0.3314917127vw, 0.5rem);
}

.cv_bg_orange {
  background-color: #EC6D7B;
}

.cv_date_b {
  font-size: 1.6rem;
  font-weight: 700;
}

.cv_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.7rem, 0.5342541436rem + 0.4419889503vw, 1.1rem);
  margin-top: clamp(0.5rem, 0.2928176796rem + 0.5524861878vw, 1rem);
}

.cv_decoL,
.cv_decoR {
  width: clamp(2.5rem, 1.975rem + 1.4vw, 3.767rem);
}

.cv_text {
  font-size: clamp(1.4rem, 1.3171270718rem + 0.2209944751vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0.64;
  line-height: 1.5;
  text-align: center;
}

.cv_text_20 {
  font-size: clamp(1.8rem, 1.7171270718rem + 0.2209944751vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.8px;
  text-align: center;
  line-height: clamp(2.8rem, 1.8883977901rem + 2.4309392265vw, 5rem);
}

.cv_orange {
  color: #EC6D7B;
}

.cv_white {
  color: #ffffff;
}

.cv_note {
  color: #ffffff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.48px;
  line-height: 18px;
  margin-top: 18px;
}
@media only screen and (max-width: 768px) {
  .cv_note {
    width: 350px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    letter-spacing: 0.3px;
  }
}
.cv_note::after {
  position: absolute;
  bottom: -28px;
  left: 5px;
  content: "";
  width: 7.1794871795vw;
  height: 7.1794871795vw;
  background-image: url("../img/icon_circle_sp_mv02.webp");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (min-width: 767px) {
  .cv_note::after {
    content: none;
  }
}
.cv_note::before {
  position: absolute;
  bottom: -84px;
  right: -15px;
  content: "";
  width: 21.5384615385vw;
  height: 21.5384615385vw;
  background-image: url("../img/icon_circle_sp_mv03.webp");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
@media only screen and (min-width: 767px) {
  .cv_note::before {
    content: none;
  }
}

.h2_pt01 {
  font-size: clamp(2.6rem, 1.6055248619rem + 2.6519337017vw, 5rem);
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.mv {
  padding-top: 17px;
  padding-left: 17px;
  padding-bottom: 31px;
  position: relative;
  z-index: 0;
  background-image: url("../img/mv_bg_01.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .mv {
    padding-bottom: 160px;
    padding-left: 0;
  }
}
.mv_logo {
  width: 158px;
  padding-left: 17px;
}
.mv_sub {
  position: relative;
  background-color: #fff;
  font-size: clamp(1.4rem, 0.6955801105rem + 1.8784530387vw, 3.1rem);
  font-weight: 900;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 34px;
  padding-right: 34px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  line-height: 130%;
}
@media only screen and (max-width: 768px) {
  .mv_sub {
    width: 254px;
    padding-left: 22px;
    padding-right: 22px;
    margin-top: 20px;
  }
}
.mv_sub span {
  color: #1F52D7;
}
.mv_sub::after {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  border: 20px solid transparent;
  border-top: 26px solid #fff;
}
@media only screen and (max-width: 768px) {
  .mv_sub::after {
    border: 10px solid transparent;
    border-top: 13px solid #fff;
  }
}
.mv_catch {
  font-size: clamp(2.5rem, 0.5939226519rem + 5.0828729282vw, 7.1rem);
  color: #ffffff;
  font-weight: 900;
  text-align: center;
  line-height: 120%;
  margin-top: clamp(2.4rem, 1.944198895rem + 1.2154696133vw, 3.5rem);
}
@media only screen and (max-width: 768px) {
  .mv_catch {
    line-height: 130%;
  }
}
.mv_catch span {
  font-size: clamp(2.8rem, 0.7281767956rem + 5.5248618785vw, 7.8rem);
  color: #CEDCFF;
}
.mv_text_img {
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(0.8rem, 0.1784530387rem + 1.6574585635vw, 2.3rem);
  width: clamp(30rem, 17.320441989rem + 33.8121546961vw, 60.6rem);
}
.mv .deco01,
.mv .deco02,
.mv .deco03,
.mv .deco04 {
  position: absolute;
  z-index: -1;
}
.mv .deco01 {
  top: 10%;
  left: 0;
  width: clamp(6.5rem, 1.4033149171rem + 13.591160221vw, 18.8rem);
}
@media only screen and (max-width: 768px) {
  .mv .deco01 {
    top: 31%;
  }
}
.mv .deco02 {
  bottom: 0;
  left: 0;
  width: clamp(10rem, -2.4309392265rem + 33.1491712707vw, 40rem);
  z-index: -1;
}
.mv .deco03 {
  top: 10%;
  right: 0;
  width: clamp(8rem, -0.1215469613rem + 21.6574585635vw, 27.6rem);
}
@media only screen and (max-width: 768px) {
  .mv .deco03 {
    top: 4%;
    z-index: -1;
  }
}
.mv .deco04 {
  bottom: 0;
  right: 0;
  width: clamp(13rem, 1.0662983425rem + 31.8232044199vw, 41.8rem);
}
@media only screen and (max-width: 768px) {
  .mv .deco04 {
    bottom: 5%;
    z-index: -1;
  }
}

/*mvアニメーション*/
.mv_catch,
.mv_sub {
  opacity: 0;
  transition: all 2s ease;
}

.show {
  opacity: 1;
  transform: translateY(0);
}

.cta_btn_area {
  margin-top: clamp(1.5rem, 0.2569060773rem + 3.3149171271vw, 4.5rem);
}
.cta_line_text {
  position: relative;
  color: #fff;
  font-size: clamp(1.6rem, 1.3513812155rem + 0.6629834254vw, 2.2rem);
  line-height: 150%;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.cta_line_text span {
  background-color: #0030AC;
  padding: 0px 4px;
}
@media only screen and (max-width: 768px) {
  .cta_line_text span {
    padding: 0 4px;
  }
}
.cta_line_text::before {
  content: "";
  position: absolute;
  top: 18%;
  left: -68px;
  background-image: url("../img/icon_left.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 42.5px;
  height: 57.5px;
}
@media only screen and (max-width: 768px) {
  .cta_line_text::before {
    width: 25.5px;
    left: -28px;
  }
}
.cta_line_text::after {
  content: "";
  position: absolute;
  top: 18%;
  right: -68px;
  background-image: url("../img/icon_right.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 42.5px;
  height: 57.5px;
}
@media only screen and (max-width: 768px) {
  .cta_line_text::after {
    right: -28px;
    width: 25.5px;
  }
}
.cta_btn {
  margin-top: clamp(1.5rem, 1.0856353591rem + 1.1049723757vw, 2.5rem);
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cta_btn a {
  background-color: #00B674;
  border-radius: 999px;
  display: flex;
  align-items: center;
  padding: 18px 96px 18px 53px;
  justify-content: center;
  gap: 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cta_btn a {
    padding: 10px 55px 10px 28px;
  }
}
.cta_btn a .muryo {
  color: #028958;
  background-color: #fff;
  border-radius: 9px;
  padding: 6px 15px;
  font-size: clamp(1.6rem, 1.2685082873rem + 0.8839779006vw, 2.4rem);
  font-weight: 600;
}
.cta_btn a .text {
  color: #ffffff;
  font-size: clamp(1.8rem, 1.3027624309rem + 1.3259668508vw, 3rem);
  font-weight: bold;
}
.cta_btn a figure {
  width: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  position: absolute;
  top: 50%;
  right: clamp(1.4rem, 0.5298342541rem + 2.320441989vw, 3.5rem);
  transform: translateY(-50%);
}

/*ctaアニメーション*/
#btn_animation .btn {
  display: flex;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

#btn_animation .btn:hover {
  text-decoration: none;
  opacity: 1;
  transform: scale(1.1);
}

#btn_animation .btn::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fbfbfb;
  -webkit-animation: btn_animation 2.5s ease-in-out infinite;
          animation: btn_animation 2.5s ease-in-out infinite;
}

@-webkit-keyframes btn_animation {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.top_cta_fukidashi_text {
  opacity: 0;
  transition: opacity 0.5s;
}

.top_cta_fukidashi_text.show {
  opacity: 1;
}

/*--------intro-------*/
.intro {
  padding-top: clamp(7.5rem, 6.4640883978rem + 2.7624309392vw, 10rem);
  padding-bottom: 50px;
  background-color: #AAC0F3;
}
@media only screen and (max-width: 768px) {
  .intro {
    padding-bottom: 210px;
  }
}
.intro_title {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: clamp(0.3rem, 0.2171270718rem + 0.2209944751vw, 0.5rem);
  align-items: center;
  justify-content: center;
}
.intro_title span {
  color: #ffffff;
  font-size: clamp(2.4rem, 2.0685082873rem + 0.8839779006vw, 3.2rem);
  font-weight: 700;
  background-image: url("../img/intro_title_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: clamp(3.5rem, 3.0856353591rem + 1.1049723757vw, 4.5rem);
  height: clamp(3.5rem, 3.0856353591rem + 1.1049723757vw, 4.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.intro_box {
  position: relative;
  background-image: url("../img/intro_bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50px;
  padding-bottom: clamp(2rem, 0.7983425414rem + 3.2044198895vw, 4.9rem);
  padding-left: clamp(1rem, -5.0082872928rem + 16.0220994475vw, 15.5rem);
  padding-right: clamp(1rem, -5.0082872928rem + 16.0220994475vw, 15.5rem);
  padding-top: clamp(4rem, 3.6270718232rem + 0.9944751381vw, 4.9rem);
}
@media only screen and (max-width: 768px) {
  .intro_box {
    border-radius: 30px;
  }
}
.intro_h2 {
  font-size: clamp(2.6rem, 2.0198895028rem + 1.546961326vw, 4rem);
  color: #0F2C73;
  font-weight: 900;
  text-align: center;
  line-height: 140%;
}
@media only screen and (max-width: 768px) {
  .intro_h2 {
    text-align: left;
    padding-left: 20px;
  }
}
.intro_list {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .intro_list {
    margin-top: 36px;
  }
}
.intro_list li {
  border-top: 1px solid #d5d5d5;
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  gap: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  line-height: 150%;
}
.intro_list li img {
  width: clamp(1.6rem, 1.1856353591rem + 1.1049723757vw, 2.6rem);
}
.intro_deco {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
}
@media only screen and (max-width: 768px) {
  .intro_deco {
    width: 120px;
    top: 20px;
  }
}
.intro_bg_bottom img {
  width: 100%;
  margin-top: -2px;
}

/*----比較----*/
.hikaku {
  background-color: #E2EAFF;
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
}
.hikaku_box {
  position: relative;
  border-radius: 15px;
  background-color: #fff;
  padding: clamp(2.5rem, 1.8784530387rem + 1.6574585635vw, 4rem);
  margin-top: -110px;
}
@media only screen and (max-width: 768px) {
  .hikaku_box {
    margin-top: -200px;
  }
}
.hikaku_box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  height: 95%;
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .hikaku_box::before {
    height: 98%;
  }
}
.hikaku_box .text {
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  line-height: 150%;
  text-align: center;
  font-weight: 400;
  margin-top: clamp(3.4rem, 2.3226519337rem + 2.8729281768vw, 6rem);
}
.hikaku_box .text span {
  color: #1F52D7;
  font-weight: bold;
}
.hikaku_box .hatena {
  position: absolute;
  width: clamp(3.5rem, 0.682320442rem + 7.5138121547vw, 10.3rem);
  top: 11%;
  left: 11%;
}
@media only screen and (max-width: 768px) {
  .hikaku_box .hatena {
    top: 3.5%;
    left: 6%;
  }
}
.hikaku_box .tenbin {
  position: absolute;
  width: clamp(6.5rem, 2.770718232rem + 9.9447513812vw, 15.5rem);
  top: 12%;
  right: 9%;
}
@media only screen and (max-width: 768px) {
  .hikaku_box .tenbin {
    top: 3%;
    right: 2%;
  }
}
.hikaku_sub {
  font-size: clamp(1.6rem, 1.2685082873rem + 0.8839779006vw, 2.4rem);
  font-weight: bold;
  text-align: center;
  position: relative;
  margin-top: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
}
.hikaku_sub::after {
  content: "";
  width: clamp(4rem, 3.1712707182rem + 2.2099447514vw, 6rem);
  height: 2px;
  background-color: #1F52D7;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .hikaku_sub::after {
    bottom: -15px;
  }
}
.hikaku_h2 {
  font-size: clamp(2rem, 1.5027624309rem + 1.3259668508vw, 3.2rem);
  font-weight: 900;
  line-height: 140%;
  text-align: center;
  margin-top: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
}
.hikaku_h2 span {
  font-size: clamp(2.4rem, 1.7370165746rem + 1.7679558011vw, 4rem);
}
.hikaku_fukidashi {
  width: clamp(28rem, 20.955801105rem + 18.7845303867vw, 45rem);
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(3.6rem, 3.0198895028rem + 1.546961326vw, 5rem);
}
.hikaku_flex {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .hikaku_flex {
    flex-direction: column;
    width: 100%;
  }
}
.hikaku_flex_item {
  background-color: #F3F7FF;
  border-radius: 10px;
  width: calc((100% - 30px) / 2);
  height: 220px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .hikaku_flex_item {
    width: 100%;
  }
}
.hikaku_flex_item .title {
  background-color: #1F52D7;
  color: #fff;
  text-align: center;
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 15px;
}
.hikaku_flex_item .contents figure {
  width: 118px;
  position: absolute;
  bottom: 0;
  left: 15%;
}
@media only screen and (max-width: 1024px) {
  .hikaku_flex_item .contents figure {
    left: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .hikaku_flex_item .contents figure {
    left: 10%;
  }
}
.hikaku_flex_item .contents figure._02 {
  width: 138px;
}
.hikaku_flex_item .contents .text {
  position: absolute;
  top: 60%;
  right: 25%;
  transform: translateY(-50%);
  margin-top: 0;
  text-align: center;
  font-size: clamp(1.9rem, 1.6099447514rem + 0.773480663vw, 2.6rem);
}
@media only screen and (max-width: 768px) {
  .hikaku_flex_item .contents .text {
    right: 15%;
  }
}
.hikaku_flex_item .contents .text span {
  font-size: clamp(3.8rem, 3.3027624309rem + 1.3259668508vw, 5rem);
}
.hikaku_flex_item .contents .text span.blue {
  color: #1F52D7;
}

.bottom_text {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-top: 45px;
  margin-bottom: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
  line-height: 150%;
}
.bottom_text .dots {
  position: relative;
  color: #1F52D7;
}
.bottom_text .dots::before {
  content: "●";
  font-size: 1rem;
  color: #16E499;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.bottom_text .dots strong {
  font-size: 34px;
}

.hikaku_bottom img {
  width: 100%;
  margin-top: -2px;
}

.kaiketu_box {
  position: relative;
}
.kaiketu_box .deco01 {
  position: absolute;
  width: 121px;
  bottom: -35%;
  right: 0;
  z-index: 2;
}

.kaiketu {
  max-width: 1047px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .kaiketu {
    margin-top: 30px;
  }
}

/*feature*/
.feature {
  position: relative;
  padding-top: 40px;
  padding-bottom: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
}
@media only screen and (max-width: 768px) {
  .feature {
    padding-left: 15px;
    padding-right: 15px;
    overflow-x: hidden;
  }
}
.feature .deco01 {
  position: absolute;
  top: -7%;
  right: 0;
  width: clamp(12.6rem, 6.1773480663rem + 17.1270718232vw, 28.1rem);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .feature .deco01 {
    top: -8%;
  }
}
.feature .deco02 {
  position: absolute;
  top: 10%;
  left: 0;
  width: clamp(6.2rem, 3.5895027624rem + 6.9613259669vw, 12.5rem);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .feature .deco02 {
    top: 3%;
  }
}
.feature .deco04 {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 125px;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .feature .deco04 {
    width: 154px;
    bottom: 14%;
    z-index: -1;
    left: -12%;
  }
}
.feature .deco03 {
  position: absolute;
  bottom: 38%;
  right: 3%;
  width: clamp(6.2rem, 3.5895027624rem + 6.9613259669vw, 12.5rem);
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .feature .deco03 {
    bottom: 51%;
    z-index: -1;
    right: -6%;
  }
}
.feature_container {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F0F4FF;
  border-radius: 10px;
  padding-top: clamp(8.6rem, 5.5337016575rem + 8.1767955801vw, 16rem);
  padding-bottom: clamp(4rem, 1.5138121547rem + 6.6298342541vw, 10rem);
  padding-left: clamp(1.5rem, -3.2651933702rem + 12.7071823204vw, 13rem);
  padding-right: clamp(1.5rem, -3.2651933702rem + 12.7071823204vw, 13rem);
}
.feature_container_inner {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.feature_h2::after {
  font-family: "Montserrat", sans-serif;
  content: "Feature";
  color: #D5E1FF;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .feature_h2::after {
    top: -28px;
  }
}
.feature_list {
  margin-top: clamp(4.7rem, 3.9955801105rem + 1.8784530387vw, 6.4rem);
  position: relative;
  z-index: 0;
}
.feature_list li {
  background-color: #fff;
  border-radius: 10px;
  padding-top: clamp(1.7rem, 1.2856353591rem + 1.1049723757vw, 2.7rem);
  padding-bottom: clamp(2.4rem, 2.0685082873rem + 0.8839779006vw, 3.2rem);
  padding-left: clamp(1.5rem, 0.2569060773rem + 3.3149171271vw, 4.5rem);
  padding-right: clamp(1.5rem, 0.2569060773rem + 3.3149171271vw, 4.5rem);
  display: flex;
  gap: clamp(2rem, 0.0524861878rem + 5.1933701657vw, 6.7rem);
}
@media only screen and (max-width: 768px) {
  .feature_list li {
    flex-direction: column;
  }
}
.feature_list li:not(:first-of-type) {
  margin-top: clamp(1.5rem, 0.0497237569rem + 3.8674033149vw, 5rem);
}
.feature_list li figure {
  max-width: 341px;
}
@media only screen and (max-width: 768px) {
  .feature_list li figure {
    margin-top: 20px;
  }
}
.feature_list_contents {
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .feature_list_contents {
    margin-top: 0;
  }
}
.feature_list_contents h3 {
  font-size: clamp(1.9rem, 1.444198895rem + 1.2154696133vw, 3rem);
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 15px;
}
.feature_list_contents h3 span {
  color: #1F52D7;
  font-size: clamp(5rem, 4.1712707182rem + 2.2099447514vw, 7rem);
  font-family: "Montserrat", sans-serif;
}
.feature_list_inside {
  margin-top: 40px;
}
.feature_list_inside li {
  position: relative;
  display: block;
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  padding: 0;
  margin-left: clamp(1.8rem, 1.5513812155rem + 0.6629834254vw, 2.4rem);
}
@media only screen and (max-width: 768px) {
  .feature_list_inside li {
    margin-left: 30px;
  }
}
.feature_list_inside li:not(:first-of-type) {
  margin-top: 15px;
}
.feature_list_inside li span {
  color: #00B674;
  font-weight: bold;
}
.feature_list_inside li::before {
  position: absolute;
  top: 2px;
  left: -25px;
  display: block;
  content: "";
  width: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  height: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  background-image: url("../img/icon_featue_check.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.feature_list .note {
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  margin-top: 10px;
}

.top_cta {
  position: relative;
  background-image: url("../img/cta_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: clamp(3rem, 1.7569060773rem + 3.3149171271vw, 6rem);
  padding-bottom: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
  overflow: hidden;
}
.top_cta_box {
  position: relative;
}
.top_cta_fukidashi {
  position: relative;
  background-color: #fff;
  border-radius: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 7px 8px 5px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(7px 8px 5px rgba(0, 0, 0, 0.25));
}
@media only screen and (max-width: 768px) {
  .top_cta_fukidashi {
    margin-bottom: 100px;
  }
}
.top_cta_fukidashi .sen {
  position: absolute;
  top: -27%;
  right: -3.5%;
  width: clamp(2.8rem, 2.3027624309rem + 1.3259668508vw, 4rem);
}
@media only screen and (max-width: 768px) {
  .top_cta_fukidashi .sen {
    top: -17%;
    right: -5.5%;
  }
}
.top_cta_fukidashi_text {
  text-align: center;
  font-size: clamp(1.8rem, 1.3856353591rem + 1.1049723757vw, 2.8rem);
  line-height: 140%;
  font-weight: bold;
}
.top_cta_fukidashi_text span {
  color: #00B674;
  font-size: clamp(2rem, 1.5027624309rem + 1.3259668508vw, 3.2rem);
}
.top_cta_fukidashi::after {
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  border-width: clamp(1.5rem, 0.9198895028rem + 1.546961326vw, 2.9rem);
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.top_cta_deco01 {
  position: absolute;
  bottom: -60px;
  left: 0;
  width: clamp(6.9rem, 0.5187845304rem + 17.0165745856vw, 22.3rem);
}
@media only screen and (max-width: 768px) {
  .top_cta_deco01 {
    bottom: auto;
    top: 30%;
    left: 0;
  }
}
.top_cta_deco02 {
  position: absolute;
  bottom: -37px;
  right: -8%;
  width: clamp(11rem, 2.2154696133rem + 23.4254143646vw, 32.2rem);
}
@media only screen and (max-width: 768px) {
  .top_cta_deco02 {
    bottom: auto;
    top: 30%;
    right: 0;
  }
}

/*support*/
.support {
  padding-top: clamp(8.6rem, 7.5640883978rem + 2.7624309392vw, 11.1rem);
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-image: url("../img/support_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.support::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}
.support_h2::after {
  content: "Support";
  color: #D5E1FF;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  .support_h2::after {
    top: -28px;
  }
}
.support_list {
  display: flex;
  gap: 45px;
  margin-top: clamp(4rem, 3.0055248619rem + 2.6519337017vw, 6.4rem);
}
@media only screen and (max-width: 768px) {
  .support_list {
    flex-direction: column;
    width: 84%;
    margin-left: auto;
    margin-right: auto;
  }
}
.support_list li {
  background-color: #F0F4FF;
  border-radius: 10px;
  box-shadow: 0 0 24px rgba(187, 201, 221, 0.5);
  width: calc((100% - 90px) / 3);
  padding-top: clamp(2.3rem, 1.844198895rem + 1.2154696133vw, 3.4rem);
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: clamp(2.4rem, 1.1569060773rem + 3.3149171271vw, 5.4rem);
  height: 380px;
}
@media only screen and (max-width: 768px) {
  .support_list li {
    width: 100%;
    height: auto;
  }
}
.support_list li figure {
  width: 70%;
  height: 62%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 959px) {
  .support_list li figure {
    height: 45%;
  }
}
.support_list li figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.support_list li figure._02 {
  width: 80%;
}
.support_list li .text {
  font-size: clamp(1.8rem, 1.7171270718rem + 0.2209944751vw, 2rem);
  line-height: 170%;
  text-align: center;
  margin-top: clamp(2.4rem, 1.6127071823rem + 2.0994475138vw, 4.3rem);
  font-weight: 500;
}
@media only screen and (max-width: 1024px) {
  .support_list li .text {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .support_list li .text {
    margin-top: 24px;
  }
}
.support_list li .text span {
  color: #1F52D7;
  font-weight: 700;
}
.support_list li .text .s {
  color: #262626;
  font-size: 15px;
}

/*flow*/
.flow {
  padding-top: clamp(8.6rem, 7.5640883978rem + 2.7624309392vw, 11.1rem);
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-image: linear-gradient(to bottom, #fff 10%, #e3eeff 100%);
}
.flow_h2::after {
  content: "Flow";
  color: #D5E1FF;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  .flow_h2::after {
    top: -28px;
  }
}
.flow_flex {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: clamp(7.5rem, 6.4640883978rem + 2.7624309392vw, 10rem);
}
@media only screen and (max-width: 768px) {
  .flow_flex {
    flex-direction: column;
    gap: 60px;
  }
}
.flow_flex li {
  position: relative;
  width: calc((100% - 120px) / 4);
}
@media only screen and (max-width: 768px) {
  .flow_flex li {
    width: 84%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .flow_flex li::after {
    content: "";
    width: 35px;
    height: 24px;
    background-image: url("../img/icon_flow_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -37px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.flow_flex li._last::after {
  content: none;
}
.flow_flex li .img {
  position: relative;
}
.flow_flex li .img::after {
  content: "";
  width: 35px;
  height: 24px;
  background-image: url("../img/icon_flow.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: calc(100% + 15px);
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .flow_flex li .img::after {
    content: none;
  }
}
.flow_flex li .img._last::after {
  content: none;
}
.flow_flex li .icon {
  font-size: 19px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  line-height: 85%;
  color: #fff;
  background-color: #00B674;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -30px;
  top: -30px;
}
.flow_flex li .num {
  font-size: 38px;
  margin-top: 10px;
}
.flow_flex li .text {
  text-align: center;
  margin-top: 15px;
  font-size: clamp(1.8rem, 1.5513812155rem + 0.6629834254vw, 2.4rem);
}
.flow_flex li .text span {
  font-size: 15px;
}

/*voice*/
.voice {
  padding-top: clamp(8.6rem, 5.5337016575rem + 8.1767955801vw, 16rem);
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-color: #E3EEFF;
}
.voice_h2::after {
  width: 100%;
  content: "Customers Voice";
  color: #fff;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  .voice_h2::after {
    top: -28px;
  }
}
.voice_contents {
  margin-top: clamp(4rem, 3.1712707182rem + 2.2099447514vw, 6rem);
  background-color: #fff;
  border-radius: 10px;
  padding-top: clamp(2rem, 1.5856353591rem + 1.1049723757vw, 3rem);
  padding-bottom: clamp(2rem, 1.5856353591rem + 1.1049723757vw, 3rem);
  padding-left: clamp(1rem, -0.2430939227rem + 3.3149171271vw, 4rem);
  padding-right: clamp(1rem, -0.2430939227rem + 3.3149171271vw, 4rem);
}
.voice_contents .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voice_contents .detail {
  display: flex;
  gap: 20px;
  align-items: center;
}
.voice_contents .detail figure {
  width: clamp(7rem, 4.4309392265rem + 6.8508287293vw, 13.2rem);
}
.voice_contents .name {
  font-size: clamp(1.6rem, 1.2685082873rem + 0.8839779006vw, 2.4rem);
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .voice_contents .name {
    margin-top: 20px;
  }
}
.voice_contents .star {
  background-color: #F6F6F6;
  border-radius: 6px;
  padding-top: clamp(1rem, 0.9171270718rem + 0.2209944751vw, 1.2rem);
  padding-bottom: clamp(1rem, 0.9171270718rem + 0.2209944751vw, 1.2rem);
  padding-left: clamp(1rem, 0.8342541436rem + 0.4419889503vw, 1.4rem);
  padding-right: clamp(1rem, 0.8342541436rem + 0.4419889503vw, 1.4rem);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.voice_contents .star_box .icon {
  display: flex;
  justify-content: space-between;
}
.voice_contents .star_box .icon span {
  color: #E4D900;
  font-size: clamp(1.8rem, 1.5513812155rem + 0.6629834254vw, 2.4rem);
}
.voice_contents .star_box .title {
  font-size: clamp(1.8rem, 1.5513812155rem + 0.6629834254vw, 2.4rem);
}
.voice_contents .star .value {
  color: #00BF7A;
  font-size: clamp(4.2rem, 3.7856353591rem + 1.1049723757vw, 5.2rem);
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}
.voice_contents .bottom {
  margin-top: clamp(2.4rem, 2.1513812155rem + 0.6629834254vw, 3rem);
}
.voice_contents .bottom .title {
  font-size: clamp(1.7rem, 1.5756906077rem + 0.3314917127vw, 2rem);
  font-weight: bold;
  color: #1F52D7;
  line-height: 160%;
}
.voice_contents .bottom .text {
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  line-height: 160%;
}

/*belief*/
.belief {
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-color: #E3EEFF;
}
@media only screen and (max-width: 1024px) {
  .belief {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .belief {
    padding-left: 0;
    padding-right: 0;
  }
}
.belief .feature_container._belief {
  position: relative;
  padding-top: clamp(4rem, 1.8867403315rem + 5.635359116vw, 9.1rem);
  background-image: url("../img/belief_bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .belief .feature_container._belief {
    width: 90%;
    overflow-x: hidden;
    padding-top: 42px;
    background-position: top;
  }
}
.belief .feature_container._belief::after {
  content: "";
  background-image: url("../img/belief_deco.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 898px;
  height: 198px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .belief .feature_container._belief::after {
    width: 120%;
    height: 98px;
  }
}
.belief_h2::after {
  width: 100%;
  content: "Our Belief";
  color: #fff;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
  opacity: 0.6;
}
@media only screen and (max-width: 768px) {
  .belief_h2::after {
    top: -28px;
  }
}
.belief_title {
  font-size: clamp(2rem, 1.5856353591rem + 1.1049723757vw, 3rem);
  color: #1F52D7;
  font-weight: bold;
  text-align: center;
  margin-top: clamp(4.7rem, 3.2497237569rem + 3.8674033149vw, 8.2rem);
  line-height: 140%;
}
.belief_item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(3rem, 1.7569060773rem + 3.3149171271vw, 6rem);
  margin-top: clamp(3rem, 2.1712707182rem + 2.2099447514vw, 5rem);
}
@media only screen and (max-width: 768px) {
  .belief_item {
    flex-direction: column;
  }
}
.belief_item .text {
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  line-height: 160%;
}
@media only screen and (max-width: 768px) {
  .belief_item .text {
    text-align: center;
  }
}
.belief_item figure {
  width: 370px;
}
@media only screen and (max-width: 768px) {
  .belief_item figure {
    width: 325px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*faq*/
.faq {
  padding-top: clamp(4rem, 1.0580110497rem + 7.8453038674vw, 11.1rem);
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-color: #E3EEFF;
}
.faq_h2::after {
  width: 100%;
  content: "FAQ";
  color: #fff;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  .faq_h2::after {
    top: -28px;
  }
}

.faq__toggleIcon {
  transition: transform 0.3s ease-in-out;
}

.faq__toggleIcon {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .faq__toggleIcon {
    right: 10px;
    width: 15px;
    height: 15px;
  }
}

.faq__toggleIcon::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100%;
  background-color: #1F52D7;
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: center center;
  transform: translateX(-50%) rotate(0deg);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.faq__toggleIcon::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #1F52D7;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.is-open .faq__toggleIcon::before {
  content: none;
}

.faq__answer.answer {
  display: none;
  padding: 10px 40px;
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .faq__answer.answer {
    padding-right: 40px;
    padding-left: 13px;
  }
}

.faq_area {
  margin-top: clamp(4rem, 3.1712707182rem + 2.2099447514vw, 6rem);
}

.faq_box:not(:first-of-type) {
  margin-top: clamp(2rem, 1.5856353591rem + 1.1049723757vw, 3rem);
}

.faq_title {
  font-size: clamp(1.5rem, 1.1270718232rem + 0.9944751381vw, 2.4rem);
  font-weight: 700;
  line-height: 1.75;
  position: relative;
  align-items: center;
  padding-bottom: 1rem;
  display: flex;
  padding-top: clamp(1.8rem, 1.7171270718rem + 0.2209944751vw, 2rem);
  padding-bottom: clamp(1.8rem, 1.7171270718rem + 0.2209944751vw, 2rem);
  padding-left: 40px;
  padding-right: 75px;
  letter-spacing: 0.56px;
  background-color: #fff;
  color: #1F52D7;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .faq_title {
    padding-right: 40px;
    padding-left: 13px;
  }
}

.faq_title.is-open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.faq_title::before {
  content: "Q";
  margin-right: 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: clamp(1.2rem, 0.7027624309rem + 1.3259668508vw, 2.4rem);
  color: #ffffff;
  margin-right: clamp(1rem, 0.5856353591rem + 1.1049723757vw, 2rem);
  background-color: #1F52D7;
  width: clamp(2.3rem, 1.1812154696rem + 2.9834254144vw, 5rem);
  height: clamp(2.3rem, 1.1812154696rem + 2.9834254144vw, 5rem);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.answer {
  padding: 2rem;
  display: flex;
}

.answer p {
  font-size: clamp(1.4rem, 1.1513812155rem + 0.6629834254vw, 2rem);
  font-weight: 400;
  position: relative;
  letter-spacing: 0.56px;
  width: 90%;
  line-height: 1.7142857143;
}

.answer_inner {
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #C1C1C1;
}

.answer_inner::before {
  content: "A";
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.5rem, 1.1270718232rem + 0.9944751381vw, 2.4rem);
  color: #1F52D7;
  font-weight: 700;
  margin-right: clamp(1rem, 0.5856353591rem + 1.1049723757vw, 2rem);
  line-height: 1;
  width: clamp(2.3rem, 1.1812154696rem + 2.9834254144vw, 5rem);
  height: clamp(2.3rem, 1.1812154696rem + 2.9834254144vw, 5rem);
  border-radius: 50%;
  border: 1px solid #1F52D7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faqWrap .hidden_box:not(:first-child) {
  margin-top: 4rem;
}

.hidden_box {
  padding: 0;
  cursor: pointer;
}

.hidden_box input {
  display: none;
}

.hidden_box label {
  position: relative;
  display: block;
  cursor: pointer;
}

.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.4s;
}

.hidden_box.open .hidden_show {
  height: auto;
  padding: 0 0 0.5rem;
  opacity: 1;
  overflow: visible;
  transition: 0.4s;
}

.faq__question.faq_title p {
  width: 100%;
}

.worry {
  padding-top: clamp(9.2rem, 4.7248618785rem + 11.9337016575vw, 20rem);
  margin-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
}
@media only screen and (max-width: 1024px) {
  .worry {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 768px) {
  .worry {
    padding-left: 0;
    padding-right: 0;
  }
}
.worry_container {
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .worry_container {
    width: 95%;
  }
}
.worry_title {
  background-image: linear-gradient(to bottom, #1549D2, #0B266C);
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  font-size: clamp(2.2rem, 1.2055248619rem + 2.6519337017vw, 4.6rem);
  font-weight: bold;
  text-align: center;
  width: clamp(31.5rem, 12.6878453039rem + 50.1657458564vw, 76.9rem);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .worry_title {
    top: -2%;
  }
}
.worry_title span {
  color: #CEDCFF;
}
.worry_title figure {
  position: absolute;
  top: -34%;
  right: 18%;
  width: 100px;
}
@media only screen and (max-width: 1024px) {
  .worry_title figure {
    width: 83px;
  }
}
@media only screen and (max-width: 768px) {
  .worry_title figure {
    top: -28%;
    right: 9%;
    width: 63px;
  }
}

.worry_top {
  background-color: #f0f0f0;
  /* グレー */
  position: relative;
  padding: 83px 20px;
  text-align: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
          clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .worry_top {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
            clip-path: polygon(0 0, 100% 0, 100% 88%, 50% 100%, 0 88%);
  }
}
.worry_top figure {
  margin-top: 12px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .worry_top figure {
    width: 100%;
  }
}
.worry_top .catch {
  font-size: clamp(2.6rem, 2.0198895028rem + 1.546961326vw, 4rem);
  font-weight: 900;
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .worry_top .catch {
    margin-top: 50px;
  }
}
.worry_top .catch::after {
  content: "";
  width: 105%;
  height: 20px;
  background-color: #B5FFE4;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}

.worry_bottom {
  background-color: #F0F4FF;
  padding: 50px 20px;
  margin-top: -150px;
}
.worry_bottom .contents {
  margin-top: clamp(10.8rem, 9.2668508287rem + 4.0883977901vw, 14.5rem);
}
.worry_bottom .item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(1rem, -0.6574585635rem + 4.4198895028vw, 5rem);
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item._02 {
    flex-direction: column;
    align-items: flex-end;
  }
}
.worry_bottom .item figure {
  width: 292px;
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item figure {
    width: 131px;
  }
}
.worry_bottom .item figure._02 {
  width: 383px;
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item figure._02 {
    width: 176px;
  }
}
.worry_bottom .item .detail dt {
  font-size: clamp(1.6rem, 1.2685082873rem + 0.8839779006vw, 2.4rem);
  font-weight: bold;
  background-color: #fff;
  width: 480px;
  border-radius: 999px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: clamp(4.4rem, 3.4055248619rem + 2.6519337017vw, 6.8rem);
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item .detail dt {
    width: 100%;
  }
}
.worry_bottom .item .detail dt::before {
  content: "";
  width: clamp(3.4rem, 2.8198895028rem + 1.546961326vw, 4.8rem);
  height: clamp(3.4rem, 2.8198895028rem + 1.546961326vw, 4.8rem);
  background-image: url("../img/icon_check03.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.worry_bottom .item .detail dd {
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  line-height: 160%;
  margin-top: 20px;
  padding-left: 1em;
}
@media only screen and (max-width: 768px) {
  .worry_bottom .item .detail dd {
    padding-left: 0;
  }
}
.worry_bottom .bottom_img {
  margin-top: clamp(5rem, 3.7569060773rem + 3.3149171271vw, 8rem);
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

/*ft*/
.ft {
  background-color: #313131;
  padding-top: clamp(3rem, 1.7569060773rem + 3.3149171271vw, 6rem);
  padding-bottom: clamp(1.2rem, 1.0342541436rem + 0.4419889503vw, 1.6rem);
  padding-left: clamp(3rem, -1.5580110497rem + 12.1546961326vw, 14rem);
  padding-right: clamp(3rem, -1.5580110497rem + 12.1546961326vw, 14rem);
}
@media only screen and (max-width: 768px) {
  .ft {
    padding-bottom: 100px;
  }
}
.ft_nav {
  color: #fff;
  font-size: clamp(1.6rem, 1.4342541436rem + 0.4419889503vw, 2rem);
}
@media only screen and (max-width: 768px) {
  .ft_nav {
    margin-top: 15px;
  }
}
.ft_flex {
  display: flex;
  align-items: center;
  gap: 53px;
  margin-top: 22px;
}
@media only screen and (max-width: 768px) {
  .ft_flex {
    display: contents;
  }
}
.ft .copy {
  color: #fff;
  font-size: clamp(1.2rem, 1.0756906077rem + 0.3314917127vw, 1.5rem);
  text-align: center;
  margin-top: 60px;
}
@media only screen and (max-width: 768px) {
  .ft .copy {
    margin-top: 80px;
  }
}

.scroll-area {
  position: fixed;
  right: 40px;
  bottom: 40px;
  opacity: 0;
  z-index: 999;
}
@media only screen and (max-width: 1024px) {
  .scroll-area {
    right: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .scroll-area {
    right: 10px;
    bottom: 100px;
  }
}
.scroll-area.show {
  opacity: 1;
}

.scroll-top {
  background-color: #1F52D7;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: block;
  padding-top: 54px;
  font-size: 22px;
  transition: all 0.3s;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .scroll-top {
    width: 60px;
    height: 60px;
    display: block;
    padding-top: 26px;
    font-size: 16px;
  }
}
.scroll-top::before {
  content: "";
  border-width: 7px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fff;
  width: 0;
  height: 0;
  border-top: 0;
  display: block;
  position: absolute;
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .scroll-top::before {
    top: 13px;
  }
}
.scroll-top:hover {
  transform: scale(1.1);
  opacity: 1;
}

.scroll-line {
  background-color: #00B674;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 18px;
  transition: all 0.3s;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px;
  line-height: 1.5;
}
.scroll-line span {
  font-size: 120%;
  display: block;
}
.scroll-line:hover {
  transform: translateY(-5px);
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .scroll-line {
    display: none;
  }
}

#fixedLine {
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
#fixedLine.show {
  opacity: 1;
}

.fixed-line {
  background-color: #00B674;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.3);
}
.fixed-line span {
  background-color: #fff;
  border-radius: 5px;
  color: #028958;
  margin-right: 10px;
  padding: 2px 15px;
}

/*privacy*/
.privacy header {
  background-color: #1F52D7;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.privacy header .top_logo {
  width: 150px;
}
.privacy header p {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.privacy_area {
  padding-top: clamp(8.6rem, 5.5337016575rem + 8.1767955801vw, 16rem);
  padding-bottom: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  background-color: #E3EEFF;
}
.privacy_area_h2::after {
  width: 100%;
  content: "Privacy";
  color: #fff;
  position: absolute;
  top: -53px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(4rem, 2.8397790055rem + 3.0939226519vw, 6.8rem);
  z-index: -1;
  font-family: "Montserrat", sans-serif;
}
@media only screen and (max-width: 768px) {
  .privacy_area_h2::after {
    top: -28px;
  }
}
.privacy_area .text_privacy {
  margin-top: clamp(4.5rem, 2.2209944751rem + 6.0773480663vw, 10rem);
  font-size: clamp(1.4rem, 1.2342541436rem + 0.4419889503vw, 1.8rem);
  line-height: 1.7;
}
.privacy_area .text_privacy span {
  font-size: 120%;
  font-weight: bold;
}

.low_h2 {
  font-size: clamp(3.2rem, 2.5370165746rem + 1.7679558011vw, 4.8rem);
}

.low_intor {
  text-align: center;
  font-size: clamp(1.5rem, 1.2928176796rem + 0.5524861878vw, 2rem);
  margin-bottom: 20px;
  line-height: 1.7em;
}

.low_contents {
  padding-top: clamp(5rem, 2.9281767956rem + 5.5248618785vw, 10rem);
  padding-bottom: 150px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .low_contents {
    padding-bottom: 200px;
  }
}
.low_contents tr {
  border-bottom: 1px solid #E9FAF3;
}
@media only screen and (max-width: 768px) {
  .low_contents tr {
    display: flex;
    flex-direction: column;
  }
}

.low_th {
  background-color: #97e7c6;
  font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
  padding-top: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-bottom: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-right: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-left: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .low_th {
    width: 100%;
  }
}

.low_td {
  background-color: #ffffff;
  font-size: clamp(1.6rem, 1.5171270718rem + 0.2209944751vw, 1.8rem);
  padding-top: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-bottom: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-right: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  padding-left: clamp(1rem, 0.7928176796rem + 0.5524861878vw, 1.5rem);
  line-height: 1.6em;
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .low_td {
    width: 100%;
  }
}
.low_td a {
  text-decoration: underline;
}

.low_table {
  width: 100%;
}
/*# sourceMappingURL=style.css.map */