@charset "UTF-8";
/* voice.scss • v0.0.1 */
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/*==========================================================================

   mixin

===========================================================================*/
/*==========================================================================

   keyframes

===========================================================================*/
/* section
-----------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.section {
  font-family: "Nanum Myeongjo", "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  margin-top: clamp(20px, 3.2552083333vw, 50px);
}

/*--------------------------------------------------------------------------
  sec-intro
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-intro {
  padding-top: clamp(100px, 11.71875vw, 180px);
}
@media only screen and (max-width: 767px) {
  .sec-intro {
    padding-top: 80px;
  }
}
.sec-intro__body {
  max-width: 1112px;
  width: 100%;
  margin-inline: auto;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  .sec-intro__body {
    max-width: none;
  }
}
.sec-intro__hdg {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(30px, 2.6041666667vw, 40px);
  font-weight: 500;
  text-align: center;
  letter-spacing: 4px;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .sec-intro__hdg {
    background: -webkit-gradient(linear, left top, right top, color-stop(3%, #F67367), color-stop(99.97%, #38B4C0));
    background: linear-gradient(90deg, #F67367 3%, #38B4C0 99.97%);
    background-size: 100% 100%;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .sec-intro__hdg {
    font-size: 27px;
    text-align: left;
  }
}
.sec-intro__copy {
  margin-top: clamp(30px, 3.2552083333vw, 50px);
}
.sec-intro__txt {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(16px, 1.3020833333vw, 20px);
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .sec-intro__txt {
    font-size: 18px;
    line-height: 1.8;
  }
}
.sec-intro__txt:nth-child(n+2) {
  margin-top: 1.5em;
}
@media only screen and (max-width: 767px) {
  .sec-intro__txt:nth-child(n+2) {
    margin-top: 1.5em;
  }
}
.sec-intro__navlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  width: 100%;
  margin: clamp(80px, 7.1614583333vw, 110px) auto 0;
  padding: 0 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  row-gap: clamp(0px, 1.5625vw, 24px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .sec-intro__navlist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
  }
}
.sec-intro__nav {
  width: 23.57%;
  border-radius: 10px;
  background: var(--white, #FFF);
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .sec-intro__nav {
    width: 100%;
  }
}
.sec-intro__nav a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mode-pc .sec-intro__nav a:hover {
  opacity: 0.7;
}
.sec-intro__nav-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px 3px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-intro__nav-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: inherit;
    padding: 14px 10px 14px 14px;
  }
}
.sec-intro__nav-hdg {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(101, 179, 227, 0.3)), color-stop(99.64%, rgba(145, 126, 177, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(101, 179, 227, 0.3) 0%, rgba(145, 126, 177, 0.3) 99.64%), #FFF;
  text-box: trim-both cap alphabetic;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(13px, 1.0416666667vw, 16px);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .sec-intro__nav-hdg {
    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: 100px;
    height: 40px;
    padding: 0;
    font-size: 14px;
    line-height: 1.1;
  }
}
.sec-intro__nav-txt {
  text-box: trim-both cap alphabetic;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(13px, 1.171875vw, 18px);
  line-height: 150%;
  letter-spacing: 1.8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-intro__nav-txt {
    width: calc(100% - 110px);
    margin-left: auto;
    font-size: 15px;
    letter-spacing: 1.5px;
    text-align: left;
  }
}
.sec-intro__nav-arrow {
  width: 100%;
  margin-top: auto;
  padding-block: 3px;
  border-radius: 0 0 10px 10px;
  background: -webkit-gradient(linear, left top, right top, from(#65B3E3), color-stop(99.64%, #917EB1));
  background: linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%);
  text-align: center;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sec-intro__nav-arrow {
    padding-block: 2px;
  }
}
.sec-intro__nav-arrow img {
  -webkit-transform: rotate(90deg) translateX(2px);
          transform: rotate(90deg) translateX(2px);
}
.sec-intro__nav--future .sec-intro__nav-hdg {
  background: linear-gradient(86deg, rgba(113, 171, 132, 0.3) -33.95%, rgba(101, 179, 227, 0.3) 122.28%), #FFF;
}
.sec-intro__nav--future .sec-intro__nav-arrow {
  background: linear-gradient(86deg, #71AB84 -33.95%, #65B3E3 122.28%);
}
.sec-intro__nav--access .sec-intro__nav-hdg {
  background: -webkit-gradient(linear, left top, right top, from(rgba(248, 128, 126, 0.3)), to(rgba(101, 179, 227, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(248, 128, 126, 0.3) 0%, rgba(101, 179, 227, 0.3) 100%), #FFF;
}
.sec-intro__nav--access .sec-intro__nav-arrow {
  background: -webkit-gradient(linear, left top, right top, from(#F8807E), to(#65B3E3));
  background: linear-gradient(90deg, #F8807E 0%, #65B3E3 100%);
}
.sec-intro__nav--public .sec-intro__nav-hdg {
  background: -webkit-gradient(linear, left top, right top, from(rgba(57, 115, 151, 0.3)), to(rgba(114, 191, 239, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(57, 115, 151, 0.3) 0%, rgba(114, 191, 239, 0.3) 100%), #FFF;
}
.sec-intro__nav--public .sec-intro__nav-arrow {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
}
.sec-intro__nav--education .sec-intro__nav-hdg {
  background: linear-gradient(289deg, rgba(170, 147, 207, 0.3) 25.6%, rgba(255, 209, 110, 0.3) 100%), #FFF;
}
.sec-intro__nav--education .sec-intro__nav-arrow {
  background: linear-gradient(289deg, #AA93CF 25.6%, #FFD16E 100%);
}
.sec-intro__nav--value .sec-intro__nav-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, rgba(130, 195, 137, 0.3)), color-stop(99.93%, rgba(145, 126, 177, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(130, 195, 137, 0.3) 0.07%, rgba(145, 126, 177, 0.3) 99.93%), #FFF;
}
.sec-intro__nav--value .sec-intro__nav-arrow {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, #82C389), color-stop(99.93%, #917EB1));
  background: linear-gradient(90deg, #82C389 0.07%, #917EB1 99.93%);
}
.sec-intro__nav--equipment .sec-intro__nav-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, rgba(94, 187, 196, 0.3)), color-stop(99.93%, rgba(232, 140, 121, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(94, 187, 196, 0.3) 0.07%, rgba(232, 140, 121, 0.3) 99.93%), #FFF;
}
.sec-intro__nav--equipment .sec-intro__nav-arrow {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, #5EBBC4), color-stop(99.93%, #E88C79));
  background: linear-gradient(90deg, #5EBBC4 0.07%, #E88C79 99.93%);
}
.sec-intro__nav--reasons .sec-intro__nav-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, rgba(140, 166, 218, 0.3)), color-stop(99.93%, rgba(251, 197, 121, 0.3))), #FFF;
  background: linear-gradient(90deg, rgba(140, 166, 218, 0.3) 0.07%, rgba(251, 197, 121, 0.3) 99.93%), #FFF;
}
.sec-intro__nav--reasons .sec-intro__nav-arrow {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, #8CA6DA), color-stop(99.93%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 0.07%, #FBC579 99.93%);
}

/*--------------------------------------------------------------------------
  sec-content
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
.sec-content {
  position: relative;
  padding-top: clamp(100px, 11.71875vw, 180px);
}
.sec-content__number {
  position: absolute;
  top: clamp(20px, 3.90625vw, 60px);
  left: -20px;
  padding-right: 70px;
  font-family: "Nanum Myeongjo", serif;
  font-size: clamp(200px, 16.9270833333vw, 260px);
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: -23.4px;
  opacity: 0.5;
  background: var(--color-grade-access, linear-gradient(89deg, #8D78A1 -0.08%, #65B3E3 99.19%));
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .sec-content__number {
    top: 40px;
    left: -10px;
    padding-right: 40px;
    font-size: 136px;
    letter-spacing: -12px;
  }
}
.sec-content__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  aspect-ratio: 1536/800;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .sec-content__header {
    display: block;
    aspect-ratio: 375/600;
  }
}
.sec-content__mv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.sec-content__mv img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-content__mv figcaption {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: right;
  font-size: 11px;
  letter-spacing: 0.55px;
}
@media only screen and (max-width: 767px) {
  .sec-content__mv figcaption {
    right: auto;
    left: 10px;
  }
}
.sec-content__mv figcaption.c-white {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .sec-content__hdg {
    position: absolute;
    bottom: 50%;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sec-content__hdg .frame {
    display: inline-block;
    background: #fff;
    padding: 10px;
    margin-right: auto;
  }
  .sec-content__hdg .frame--01 {
    padding-bottom: 0;
  }
}
.sec-content__hdg .txt {
  color: var(--color-white, #FFF);
  text-box: trim-both cap alphabetic;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
  font-family: "Nanum Myeongjo", "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(80px, 7.8125vw, 120px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 8.4px;
}
@media only screen and (max-width: 767px) {
  .sec-content__hdg .txt {
    font-size: 40px;
    background: var(--color-grade-on, linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2.8px;
  }
}
.sec-content__edited {
  margin-top: clamp(20px, 2.6041666667vw, 40px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #FFF;
}
@media only screen and (max-width: 767px) {
  .sec-content__edited {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    padding: 10px 12px;
  }
}
.sec-content__edited span {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(30px, 2.6041666667vw, 40px);
  font-weight: 500;
  letter-spacing: 2.8px;
  background: -webkit-gradient(linear, left top, right top, from(#65B3E3), color-stop(99.64%, #917EB1));
  background: linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sec-content__edited span {
    font-size: 26px;
    letter-spacing: 2.6px;
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2.2px;
  }
}
.sec-content__body {
  max-width: 1240px;
  width: 100%;
  margin-inline: auto;
  padding: clamp(50px, 7.1614583333vw, 110px) 20px;
}
@media only screen and (max-width: 767px) {
  .sec-content__body {
    padding: 60px 17px;
    overflow: hidden;
  }
}
.sec-content__valuebody {
  padding: clamp(50px, 7.1614583333vw, 110px) 20px;
  background: linear-gradient(67deg, rgba(185, 240, 191, 0.4) -0.04%, rgba(176, 157, 206, 0.4) 80.7%), #FFF;
}
@media only screen and (max-width: 767px) {
  .sec-content__valuebody {
    padding: 60px 17px;
  }
}
.sec-content__qanda {
  text-align: center;
}
.sec-content__qanda-hdg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 12px 20px;
  background: var(--color-grade-on, linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%));
  color: var(--color-white, #FFF);
  text-box: trim-both cap alphabetic;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(20px, 1.5625vw, 24px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.68px;
}
@media only screen and (max-width: 767px) {
  .sec-content__qanda-hdg {
    font-size: 18px;
  }
}
.sec-content__qanda-txt {
  margin-top: clamp(20px, 1.953125vw, 30px);
  text-box: trim-both cap alphabetic;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(24px, 2.2135416667vw, 34px);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 3.4px;
}
@media only screen and (max-width: 767px) {
  .sec-content__qanda-txt {
    margin-top: 24px;
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.sec-content__qanda-txt--question {
  position: relative;
  margin-bottom: clamp(30px, 3.125vw, 48px);
  padding: 40px 20px;
  border-radius: 80px;
  background: #FFF;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767px) {
  .sec-content__qanda-txt--question {
    padding: 30px 20px;
    border-radius: 50px;
  }
}
.sec-content__qanda-txt--question::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  width: 20px;
  height: 20px;
  background: #fff;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  -webkit-transform: rotate(45deg) translateX(-15px);
          transform: rotate(45deg) translateX(-15px);
}
.sec-content__qanda-txt--question::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  width: 38px;
  height: 20px;
  background: #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sec-content__best3 {
  margin: clamp(80px, 7.1614583333vw, 110px) auto 0;
  padding: 0 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3 {
    padding: 0;
  }
}
.sec-content__best3-hdg {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: last baseline;
      -ms-flex-align: last baseline;
          align-items: last baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  letter-spacing: 3.5px;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 2.4px;
  }
}
.sec-content__best3-hdg._ja-only {
  padding: 15px 0 30px;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg._ja-only {
    padding: 10px 0 30px;
  }
}
.sec-content__best3-hdg .ja {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(30px, 2.2786458333vw, 35px);
  font-weight: 400;
  text-box: trim-both cap alphabetic;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg .ja {
    font-size: 24px;
  }
}
.sec-content__best3-hdg .en {
  background: var(--color-grade-on, linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Nanum Myeongjo", "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(28px, 2.1484375vw, 33px);
  font-weight: 700;
  letter-spacing: 3.3px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg .en {
    margin-top: 15px;
    font-size: 26px;
  }
}
.sec-content__best3-hdg .em {
  font-size: clamp(48px, 3.8411458333vw, 59px);
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg .em {
    font-size: 26px;
  }
}
.sec-content__best3-hdg::before, .sec-content__best3-hdg::after {
  content: "";
  position: absolute;
  top: -10%;
  width: 36px;
  height: 76px;
  background: url("../img/voice/obj_leaf_location.svg") no-repeat 0 0/contain;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg::before, .sec-content__best3-hdg::after {
    top: -20%;
  }
}
.sec-content__best3-hdg::before {
  left: -56px;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg::before {
    left: -36px;
  }
}
.sec-content__best3-hdg::after {
  right: -56px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-hdg::after {
    right: -36px;
  }
}
.sec-content__best3-body {
  position: relative;
  max-width: 1000px;
  width: 100%;
  margin: clamp(40px, 4.5572916667vw, 70px) auto clamp(40px, 3.90625vw, 60px);
  padding: clamp(40px, 5.2083333333vw, 80px);
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-body {
    padding: 40px 20px;
    margin: 50px auto 40px;
  }
}
.sec-content__best3-obj {
  position: absolute;
}
.sec-content__best3-obj img {
  width: 100%;
  height: auto;
}
.sec-content__best3-obj--right {
  width: 112px;
  top: -46px;
  right: -40px;
}
.sec-content__best3-obj--left {
  width: 100px;
  left: -64px;
  bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-obj--left {
    bottom: -60px;
    left: -54px;
  }
}
.sec-content__best3-graph img {
  width: 100%;
  height: auto;
}
.sec-content__best3-graph figcaption {
  margin-top: 5px;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 14px;
  text-align: right;
}
.sec-content__best3-caption {
  max-width: 1000px;
  width: 100%;
  margin: 2em auto 0;
  font-size: 18px;
  letter-spacing: 0.8px;
  text-box: trim-both cap alphabetic;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .sec-content__best3-caption {
    letter-spacing: 0.75px;
    line-height: 1.8;
    font-size: 15px;
  }
}
.sec-content__voice {
  padding: clamp(30px, 7.1614583333vw, 110px) 30px;
  background: linear-gradient(124deg, rgba(138, 136, 186, 0.3) 11.36%, rgba(111, 167, 216, 0.3) 97.47%), #FFF;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice {
    padding: 50px 17px 60px;
  }
}
.sec-content__voice-hdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 28px;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-hdg {
    gap: 10px;
  }
}
.sec-content__voice-hdg .en {
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(50px, 4.4270833333vw, 68px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 3.4px;
  background: var(--color-grade-on, linear-gradient(90deg, #65B3E3 0%, #917EB1 99.64%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-hdg .en {
    font-size: 45px;
    font-weight: 400;
  }
}
.sec-content__voice-hdg .ja {
  text-box: trim-both cap alphabetic;
  font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: clamp(16px, 1.171875vw, 18px);
  line-height: 1.5;
  letter-spacing: 0.9px;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-hdg .ja {
    font-size: 13px;
    letter-spacing: 0.65px;
  }
}
.sec-content__voice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: clamp(30px, 2.6041666667vw, 40px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1300px;
  width: 100%;
  margin: clamp(40px, 4.5572916667vw, 70px) auto 0;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
.sec-content__voice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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: 48.4%;
  background: #FFF;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item {
    width: auto;
  }
}
.sec-content__voice-item:nth-child(even) {
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item:nth-child(even) {
    margin-left: 0;
  }
}
.sec-content__voice-item--nobg {
  background: transparent;
}
.sec-content__voice-item .txt {
  position: relative;
  display: block;
  width: 100%;
  padding: clamp(20px, 2.2786458333vw, 35px) clamp(20px, 2.6041666667vw, 40px);
  background: #FFF;
  border-radius: 5px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item .txt {
    padding: 15px 22px 15px 15px;
  }
}
.sec-content__voice-item .txt::before {
  content: "";
  position: absolute;
  right: -15.294px;
  top: -7.732px;
  width: 50px;
  height: 41px;
  background: url("../img/voice/obj_ribbon_location.svg") no-repeat 0 0/contain;
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item .txt::before {
    width: 43px;
    height: 36px;
  }
}
.sec-content__voice-item .txt img {
  max-width: 100%;
  height: auto;
}
.sec-content__voice-item .txt--small {
  padding: clamp(20px, 1.953125vw, 30px) clamp(20px, 2.6041666667vw, 40px);
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item .txt--small {
    padding: 15px;
  }
}
.sec-content__voice-item .txt--gap {
  margin-top: clamp(0px, 1.3020833333vw, 20px);
}
@media only screen and (max-width: 767px) {
  .sec-content__voice-item .txt--gap {
    margin-top: 20px;
  }
}
.sec-content--reverse .sec-content__number {
  left: inherit;
  right: 0px;
}
.sec-content--future .sec-content__number {
  background: linear-gradient(86deg, #71AB84 -33.95%, #65B3E3 122.28%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--future .sec-content__hdg .txt {
    background: linear-gradient(86deg, #71AB84 -33.95%, #65B3E3 122.28%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--future .sec-content__edited span {
  background: -webkit-gradient(linear, left top, right top, from(#71AB84), color-stop(99.64%, #65B3E3));
  background: linear-gradient(90deg, #71AB84 0%, #65B3E3 99.64%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--future .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--future .sec-content__qanda-hdg {
  background: linear-gradient(86deg, #71AB84 -33.95%, #65B3E3 122.28%);
}
.sec-content--future .sec-content__best3-hdg::before, .sec-content--future .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_future.svg") no-repeat 0 0/contain;
}
.sec-content--future .sec-content__best3-hdg .en {
  background: -webkit-gradient(linear, left top, right top, from(#71AB84), color-stop(99.64%, #65B3E3));
  background: linear-gradient(90deg, #71AB84 0%, #65B3E3 99.64%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--future .sec-content__voice {
  background: linear-gradient(86deg, rgba(113, 171, 132, 0.3) -33.95%, rgba(101, 179, 227, 0.3) 122.28%), #FFF;
}
.sec-content--future .sec-content__voice-hdg .en {
  background: linear-gradient(86deg, #71AB84 -33.95%, #65B3E3 122.28%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--future .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_future.svg") no-repeat 0 0/contain;
}
.sec-content--access .sec-content__number {
  background: var(--color-grade-groumet, linear-gradient(90deg, #CF3937 0%, #65B3E3 100%));
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--access .sec-content__hdg .txt {
    background: var(--color-grade-groumet, linear-gradient(90deg, #CF3937 0%, #65B3E3 100%));
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--access .sec-content__edited span {
  background: var(--color-grade-groumet, linear-gradient(90deg, #CF3937 0%, #65B3E3 100%));
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--access .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--access .sec-content__qanda-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(-44.84%, #CF3937), color-stop(93.23%, #65B3E3));
  background: linear-gradient(90deg, #CF3937 -44.84%, #65B3E3 93.23%);
}
.sec-content--access .sec-content__best3-hdg::before, .sec-content--access .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_access.svg") no-repeat 0 0/contain;
}
.sec-content--access .sec-content__best3-hdg .en {
  background: var(--color-grade-groumet, linear-gradient(90deg, #CF3937 0%, #65B3E3 100%));
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--access .sec-content__voice {
  background: linear-gradient(89deg, rgba(141, 120, 161, 0.3) -0.08%, rgba(101, 179, 227, 0.3) 99.19%), #FFF;
}
.sec-content--access .sec-content__voice-hdg .en {
  background: var(--color-grade-groumet, linear-gradient(90deg, #CF3937 0%, #65B3E3 100%));
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--access .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_access.svg") no-repeat 0 0/contain;
}
.sec-content--public .sec-content__number {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--public .sec-content__hdg .txt {
    background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
    background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--public .sec-content__edited span {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--public .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--public .sec-content__qanda-hdg {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
}
.sec-content--public .sec-content__best3-hdg::before, .sec-content--public .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_public.svg") no-repeat 0 0/contain;
}
.sec-content--public .sec-content__best3-hdg .en {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--public .sec-content__voice {
  background: linear-gradient(42deg, rgba(52, 135, 186, 0.4) 7.36%, rgba(211, 238, 255, 0.4) 71.82%), #FFF;
}
.sec-content--public .sec-content__voice-hdg .en {
  background: -webkit-gradient(linear, left top, right top, from(#397397), to(#72BFEF));
  background: linear-gradient(90deg, #397397 0%, #72BFEF 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--public .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_public.svg") no-repeat 0 0/contain;
}
.sec-content--education .sec-content__number {
  background: linear-gradient(226deg, #FFC957 10.62%, #917EB1 68.02%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--education .sec-content__hdg .txt {
    background: linear-gradient(226deg, #FFC957 10.62%, #917EB1 68.02%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--education .sec-content__edited span {
  background: linear-gradient(226deg, #FFC957 10.62%, #917EB1 68.02%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--education .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--education .sec-content__qanda-hdg {
  background: linear-gradient(254deg, #FFC957 -6.03%, #917EB1 62.47%);
}
.sec-content--education .sec-content__best3-hdg::before, .sec-content--education .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_education.svg") no-repeat 0 0/contain;
}
.sec-content--education .sec-content__best3-hdg .en {
  background: linear-gradient(226deg, #FFC957 10.62%, #917EB1 68.02%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--education .sec-content__voice {
  background: linear-gradient(226deg, rgba(255, 224, 159, 0.3) 10.62%, rgba(145, 126, 177, 0.3) 68.02%), #FFF;
}
.sec-content--education .sec-content__voice-hdg .en {
  background: linear-gradient(226deg, #FFC957 10.62%, #917EB1 68.02%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--education .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_education.svg") no-repeat 0 0/contain;
}
.sec-content--value .sec-content__number {
  background: -webkit-gradient(linear, left top, right top, from(#82C389), to(#917EB1));
  background: linear-gradient(90deg, #82C389 0%, #917EB1 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--value .sec-content__hdg .txt {
    background: -webkit-gradient(linear, left top, right top, from(#82C389), to(#917EB1));
    background: linear-gradient(90deg, #82C389 0%, #917EB1 100%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--value .sec-content__edited span {
  background: -webkit-gradient(linear, left top, right top, from(#82C389), to(#917EB1));
  background: linear-gradient(90deg, #82C389 0%, #917EB1 100%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--value .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--value .sec-content__qanda-hdg {
  background: -webkit-gradient(linear, left top, right top, from(#82C389), to(#917EB1));
  background: linear-gradient(90deg, #82C389 0%, #917EB1 100%);
}
.sec-content--value .sec-content__qanda-txt--question {
  max-width: 1200px;
  margin-bottom: 0;
  margin-inline: auto;
}
.sec-content--value .sec-content__voice {
  background: transparent;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .sec-content--value .sec-content__voice {
    padding-inline: 0;
  }
}
.sec-content--value .sec-content__voice-hdg .en {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.07%, #82C389), color-stop(99.93%, #917EB1));
  background: linear-gradient(90deg, #82C389 0.07%, #917EB1 99.93%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--value .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_value.svg") no-repeat 0 0/contain;
}
.sec-content--equipment .sec-content__number {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
  background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--equipment .sec-content__hdg .txt {
    background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
    background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--equipment .sec-content__edited span {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
  background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--equipment .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
  }
}
.sec-content--equipment .sec-content__qanda-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
  background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
}
.sec-content--equipment .sec-content__best3-hdg::before, .sec-content--equipment .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_equipment.svg") no-repeat 0 0/contain;
}
.sec-content--equipment .sec-content__best3-hdg .en {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
  background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--equipment .sec-content__voice {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, rgba(240, 185, 173, 0.4)), color-stop(99.97%, rgba(108, 215, 226, 0.4))), #FFF;
  background: linear-gradient(90deg, rgba(240, 185, 173, 0.4) 3%, rgba(108, 215, 226, 0.4) 99.97%), #FFF;
}
.sec-content--equipment .sec-content__voice-hdg .en {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #E88C79), color-stop(99.97%, #5EBBC4));
  background: linear-gradient(90deg, #E88C79 3%, #5EBBC4 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--equipment .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_equipment.svg") no-repeat 0 0/contain;
}
.sec-content--reasons {
  margin-bottom: 180px;
}
@media only screen and (max-width: 767px) {
  .sec-content--reasons {
    margin-bottom: 130px;
  }
}
.sec-content--reasons .sec-content__number {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--reasons .sec-content__hdg .txt {
    font-size: 38px;
    background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
    background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: 0.38px;
  }
}
.sec-content--reasons .sec-content__edited span {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
@media only screen and (max-width: 767px) {
  .sec-content--reasons .sec-content__edited span {
    background: #242424;
    background-clip: text;
    -webkit-background-clip: text;
    font-size: 24px;
    letter-spacing: 2.4px;
  }
}
.sec-content--reasons .sec-content__qanda-hdg {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
}
.sec-content--reasons .sec-content__best3-hdg::before, .sec-content--reasons .sec-content__best3-hdg::after {
  background: url("../img/voice/obj_leaf_reasons.svg") no-repeat 0 0/contain;
}
@media only screen and (max-width: 767px) {
  .sec-content--reasons .sec-content__best3-hdg .ja {
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.sec-content--reasons .sec-content__best3-hdg .en {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--reasons .sec-content__voice {
  background: linear-gradient(53deg, rgba(179, 197, 234, 0.3) 35.63%, rgba(255, 216, 162, 0.3) 73.34%), #FFF;
}
.sec-content--reasons .sec-content__voice-hdg .en {
  background: -webkit-gradient(linear, left top, right top, color-stop(3%, #8CA6DA), color-stop(99.97%, #FBC579));
  background: linear-gradient(90deg, #8CA6DA 3%, #FBC579 99.97%);
  background-clip: text;
  -webkit-background-clip: text;
}
.sec-content--reasons .sec-content__voice-item .txt::before {
  background: url("../img/voice/obj_ribbon_reasons.svg") no-repeat 0 0/contain;
}

/*--------------------------------------------------------------------------
   custom animation
---------------------------------------------------------------------------*/
/* use
-----------------------------------------------------------------*/
/* section
-----------------------------------------------------------------*/
/*# sourceMappingURL=voice.css.map */