@charset "UTF-8";
/**

$footer

**/
html {
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
  color: #333;
}

img, video {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.9;
}

.inner {
  max-width: 1080px;
  margin-inline: auto;
}
@media screen and (max-width: 1100px) {
  .inner {
    padding: 0 clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  }
}

.pc-a {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .pc-a {
    display: none !important;
  }
}

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

strong {
  font-weight: 400;
}

@font-face {
  font-family: "GLOBIS Serif PF";
  src: url("../font/GLOBISSerifPF-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.sec {
  padding-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  padding-bottom: clamp(62.1px, -2.1621621622px + 8.3783783784vw, 90px);
}
@media screen and (max-width: 767px) {
  .sec {
    padding-top: clamp(50px, 2.1683673469px + 12.7551020408vw, 100px);
    padding-bottom: clamp(45px, 1.9515306122px + 11.4795918367vw, 90px);
  }
}

.ls-1 {
  letter-spacing: -0.1em;
}

@media screen and (max-width: 767px) {
  .ls-4--sp {
    letter-spacing: -0.4em;
  }
}

@media screen and (max-width: 767px) {
  .ls-5--sp {
    letter-spacing: -0.05em;
  }
}

@media screen and (max-width: 767px) {
  .ls-7--sp {
    letter-spacing: -0.07em;
  }
}

/**

見出し

**/
.heading-lv2 {
  text-align: center;
}
.heading-lv2__ttl {
  position: relative;
  z-index: 1;
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .heading-lv2__ttl {
    font-size: clamp(22px, 0.9540816327px + 5.612244898vw, 44px);
  }
}
.heading-lv2__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: clamp(217.35px, -7.5675675676px + 29.3243243243vw, 315px);
  height: clamp(101.43px, -3.5315315315px + 13.6846846847vw, 147px);
  background: url("../img/heading-bg.png") center/contain no-repeat;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .heading-lv2__ttl::before {
    width: clamp(157.5px, 6.8303571429px + 40.1785714286vw, 315px);
    height: clamp(73.5px, 3.1875px + 18.75vw, 147px);
    top: 23%;
    left: 53%;
  }
}
.heading-lv2__ttl span {
  color: #1847C7;
}
@media screen and (max-width: 767px) {
  .heading-lv2__ttl span {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
  }
}
.heading-lv2__txt {
  font-size: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  font-weight: 500;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  color: #000;
}
@media screen and (max-width: 767px) {
  .heading-lv2__txt {
    font-size: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}

/**

CTA

**/
.cta {
  background-image: url(../img/cta-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: clamp(46.92px, -1.6336336336px + 6.3303303303vw, 68px);
  padding-bottom: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
}
@media screen and (max-width: 767px) {
  .cta {
    background-image: url(../img/cta-bg-sp.webp);
    padding-top: clamp(34px, 1.4744897959px + 8.6734693878vw, 68px);
    padding-bottom: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.cta._footer {
  background-image: url(../img/cta-footer-bg.webp);
}
.cta .btn {
  width: clamp(276px, -9.6096096096px + 37.2372372372vw, 400px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .cta .btn {
    width: clamp(319px, 13.8341836735px + 81.3775510204vw, 638px);
  }
}
.cta__pra {
  color: #fff;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-top: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .cta__pra {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.cta._footer {
  padding-bottom: clamp(48.3px, -1.6816816817px + 6.5165165165vw, 70px);
}
@media screen and (max-width: 767px) {
  .cta._footer {
    padding-bottom: clamp(35px, 1.5178571429px + 8.9285714286vw, 70px);
  }
}
.cta._footer h2 {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .cta._footer h2 {
    font-size: clamp(22px, 0.9540816327px + 5.612244898vw, 44px);
  }
}
.cta._footer p {
  font-size: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  margin-top: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  margin-bottom: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
@media screen and (max-width: 767px) {
  .cta._footer p {
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
    margin-top: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
    margin-bottom: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}

/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd,
ul {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/**

fv

**/
.header {
  background: #fff;
  padding-top: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px);
  padding-bottom: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px);
}
@media screen and (max-width: 767px) {
  .header {
    padding-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    padding-bottom: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
  }
}

.header__logo {
  width: clamp(310.5px, -10.8108108108px + 41.8918918919vw, 450px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .header__logo {
    width: clamp(225px, 9.7576530612px + 57.3979591837vw, 450px);
  }
}

.fv {
  background-image: url(../img/fv-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .fv {
    background-image: none;
  }
}
.fv__wrap {
  padding-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  padding-bottom: clamp(55.2px, -1.9219219219px + 7.4474474474vw, 80px);
}
@media screen and (max-width: 767px) {
  .fv__wrap {
    padding: 0;
  }
}
.fv__img {
  width: clamp(416.07px, -14.4864864865px + 56.1351351351vw, 603px);
}
@media screen and (max-width: 767px) {
  .fv__img {
    display: none;
  }
}
.fv__img-copy {
  width: clamp(335.34px, -11.6756756757px + 45.2432432432vw, 486px);
  margin-inline: auto;
}
.fv__img-3pt {
  width: 73%;
  margin-inline: auto;
  margin-top: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
.fv__img-txt {
  width: clamp(335.34px, -11.6756756757px + 45.2432432432vw, 486px);
  margin-inline: auto;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
.fv__cta {
  width: clamp(416.07px, -14.4864864865px + 56.1351351351vw, 603px);
}
@media screen and (max-width: 767px) {
  .fv__cta {
    width: 100%;
    position: absolute;
    bottom: 3%;
    left: 0%;
  }
}
.fv__cta .btn {
  width: clamp(276px, -9.6096096096px + 37.2372372372vw, 400px);
  margin-inline: auto;
  margin-top: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
@media screen and (max-width: 767px) {
  .fv__cta .btn {
    width: clamp(320px, 13.8775510204px + 81.6326530612vw, 640px);
    margin-top: 0;
  }
}
.fv .inner {
  padding: 0 !important;
}
.fv__bg-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .fv__bg-sp {
    display: block;
  }
}

/**

よくあるお悩み

**/
.concern {
  overflow: hidden;
  background-color: #f3f5fc;
}
.concern__content {
  background: #F2F5FB;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(103.5px, -3.6036036036px + 13.963963964vw, 150px);
  padding-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .concern__content {
    display: block;
    margin-top: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    padding-top: 0;
  }
}
.concern__content::after {
  content: "";
  position: absolute;
  bottom: calc(0% + clamp(55.2px, -1.9219219219px + 7.4474474474vw, 80px));
  left: 50%;
  z-index: -1;
  width: clamp(589.26px, -20.5165165165px + 79.5015015015vw, 854px);
  height: clamp(182.16px, -6.3423423423px + 24.5765765766vw, 264px);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #FFFFFF), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  .concern__content::after {
    width: clamp(360px, 15.612244898px + 91.8367346939vw, 720px);
    height: clamp(117.5px, 5.0956632653px + 29.9744897959vw, 235px);
    bottom: calc(0% - clamp(30px, 1.3010204082px + 7.6530612245vw, 60px));
  }
}
.concern__item {
  text-align: center;
  height: clamp(269.1px, -9.3693693694px + 36.3063063063vw, 390px);
  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: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .concern__item {
    height: auto;
  }
  .concern__item + .concern__item {
    margin-top: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
  }
}
.concern__image {
  width: clamp(138px, -4.8048048048px + 18.6186186186vw, 200px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .concern__image {
    width: clamp(177.5px, 7.6977040816px + 45.2806122449vw, 355px);
  }
}
.concern__item-title {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  color: #1847C7;
  margin-top: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
}
@media screen and (max-width: 767px) {
  .concern__item-title {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    margin-top: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
  }
}
.concern__description {
  width: 100%;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  margin-top: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  padding: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px) clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  background-color: #E6EBF5;
}
@media screen and (max-width: 767px) {
  .concern__description {
    font-size: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    margin-top: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
    padding: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px) clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
    border-radius: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.concern__lead {
  position: relative;
  z-index: 3;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-top: clamp(45.54px, -1.5855855856px + 6.1441441441vw, 66px);
}
@media screen and (max-width: 767px) {
  .concern__lead {
    font-size: clamp(19px, 0.8239795918px + 4.8469387755vw, 38px);
    margin-top: clamp(35px, 1.5178571429px + 8.9285714286vw, 70px);
  }
}
.concern__lead strong {
  color: #00997D;
  font-weight: 700;
}
.concern__check {
  position: relative;
  z-index: 1;
  background: #444;
  width: clamp(524.4px, -18.2582582583px + 70.7507507508vw, 760px);
  margin-top: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  margin-inline: auto;
  padding-top: clamp(18.63px, -0.6486486486px + 2.5135135135vw, 27px);
  padding-bottom: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  background-color: #454545;
}
@media screen and (max-width: 767px) {
  .concern__check {
    width: 100%;
    margin-top: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    padding-top: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
    padding-bottom: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    border-radius: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.concern__list {
  padding-left: clamp(96.6px, -3.3633633634px + 13.033033033vw, 140px);
}
@media screen and (max-width: 767px) {
  .concern__list {
    padding-left: clamp(90px, 3.9030612245px + 22.9591836735vw, 180px);
  }
}
.concern__list-item {
  font-size: clamp(14.49px, -0.5045045045px + 1.954954955vw, 21px);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767px) {
  .concern__list-item {
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
  }
}
.concern__list-item::before {
  content: "";
  display: block;
  width: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  height: clamp(23.46px, -0.8168168168px + 3.1651651652vw, 34px);
  background-image: url(../img/check01.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: calc(0% - clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px));
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
@media screen and (max-width: 767px) {
  .concern__list-item::before {
    width: clamp(18.63px, -0.6486486486px + 2.5135135135vw, 27px);
    height: clamp(17px, 0.737244898px + 4.3367346939vw, 34px);
    top: clamp(0px, 0px + 0vw, 0px);
    left: calc(0% - clamp(10px, 0.4336734694px + 2.5510204082vw, 20px));
    -webkit-transform: translate(-100%, 0%);
        -ms-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);
  }
}
.concern__list-item span {
  padding-bottom: clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px);
  border-bottom: clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px) solid #fff;
}
.concern__list-item + li {
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .concern__list-item + li {
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}

/**

そのお悩み解決できます

**/
.solution {
  padding-top: 0 !important;
}
.solution__head {
  position: relative;
  padding: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px) 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0B88DB), to(#1847C7));
  background: linear-gradient(180deg, #0B88DB 0%, #1847C7 100%);
}
@media screen and (max-width: 767px) {
  .solution__head {
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px) 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 136, 219, 0.85)), to(rgba(24, 71, 199, 0.85)));
    background: linear-gradient(180deg, rgba(11, 136, 219, 0.85) 0%, rgba(24, 71, 199, 0.85) 100%);
  }
}
.solution__head::after {
  content: "";
  position: absolute;
  bottom: calc(0% + 1px);
  left: 50%;
  width: clamp(59.34px, -2.0660660661px + 8.006006006vw, 86px);
  height: clamp(19.32px, -0.6726726727px + 2.6066066066vw, 28px);
  background-color: #1847C7;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  .solution__head::after {
    bottom: calc(0% + 0px);
    width: clamp(45px, 1.9515306122px + 11.4795918367vw, 90px);
    height: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    background-color: rgba(24, 71, 199, 0.85);
  }
}
.solution__label {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(19.32px, -0.6726726727px + 2.6066066066vw, 28px);
  font-weight: 700;
  color: #1847C7;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px) clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .solution__label {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    padding: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px) clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.solution__ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  font-weight: 900;
  letter-spacing: 0.09em;
  color: #fff;
  text-align: center;
  margin-top: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
}
@media screen and (max-width: 767px) {
  .solution__ttl {
    font-size: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
    margin-top: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
  }
}
.solution__ttl strong {
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .solution__ttl strong {
    font-size: clamp(23px, 0.9974489796px + 5.8673469388vw, 46px);
    letter-spacing: 0.09em;
  }
}
.solution__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(49.68px, -1.7297297297px + 6.7027027027vw, 72px);
  margin-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
}
@media screen and (max-width: 767px) {
  .solution__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
    margin-top: clamp(40px, 1.7346938776px + 10.2040816327vw, 80px);
  }
}
.solution__image {
  width: clamp(208.38px, -7.2552552553px + 28.1141141141vw, 302px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .solution__image {
    width: clamp(258px, 11.1887755102px + 65.8163265306vw, 516px);
  }
}
@media screen and (max-width: 767px) {
  .solution__body {
    width: 100%;
  }
}
.solution__heading {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  color: #1847C7;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .solution__heading {
    font-size: clamp(21.5px, 0.9323979592px + 5.4846938776vw, 43px);
    text-align: center;
  }
}
.solution__heading strong {
  font-weight: 700;
  background: #EAF1FF;
}
.solution__txt {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 2;
  color: #000;
  margin-top: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
}
@media screen and (max-width: 767px) {
  .solution__txt {
    font-size: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    text-align: center;
    margin-top: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    line-height: 1.6;
  }
}

/**

学べるカリキュラム一覧

**/
.curriculum {
  background-color: #f5f6fc;
}
@media screen and (max-width: 767px) {
  .curriculum .heading-lv2__ttl::before {
    top: 45%;
  }
}
.curriculum__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px) clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  margin-top: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
}
@media screen and (max-width: 767px) {
  .curriculum__list {
    grid-template-columns: 1fr;
    width: clamp(295px, 12.7933673469px + 75.2551020408vw, 590px);
    margin-inline: auto;
    gap: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    margin-top: clamp(32px, 1.387755102px + 8.1632653061vw, 64px);
  }
}
.curriculum__item {
  --curriculum-color: #1847C7;
  overflow: hidden;
  border: clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px) solid var(--curriculum-color);
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .curriculum__item {
    height: auto;
    border-width: 2px;
    border-radius: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.curriculum__item--person {
  --curriculum-color: #2F5CA0;
}
.curriculum__item--thinking {
  --curriculum-color: #B42B68;
}
.curriculum__item--strategy {
  --curriculum-color: #FF9A00;
}
.curriculum__item--finance {
  --curriculum-color: #008B62;
}
.curriculum__item--digital {
  --curriculum-color: #594382;
}
.curriculum__item.is-open .curriculum__item-body {
  height: clamp(381.57px, -13.2852852853px + 51.4804804805vw, 553px);
}
@media screen and (max-width: 767px) {
  .curriculum__item.is-open .curriculum__item-body {
    height: auto;
  }
}
.curriculum__item.is-open .curriculum__toggle-icon::after {
  opacity: 0;
}
.curriculum__item.is-open .curriculum__detail-inner {
  height: auto;
  padding-top: clamp(4.83px, -0.1681681682px + 0.6516516517vw, 7px);
}
@media screen and (max-width: 767px) {
  .curriculum__item.is-open .curriculum__detail-inner {
    padding-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    margin-top: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
  }
}
.curriculum__item-head {
  height: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  padding: clamp(3.45px, -0.1201201201px + 0.4654654655vw, 5px) clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
  background-color: var(--curriculum-color);
}
@media screen and (max-width: 767px) {
  .curriculum__item-head {
    height: clamp(40px, 1.7346938776px + 10.2040816327vw, 80px);
    gap: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    padding: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px) 0;
  }
}
.curriculum__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.curriculum__item--person .curriculum__icon {
  width: clamp(37.95px, -1.3213213213px + 5.1201201201vw, 55px);
}
@media screen and (max-width: 767px) {
  .curriculum__item--person .curriculum__icon {
    width: clamp(27.5px, 1.1926020408px + 7.0153061224vw, 55px);
  }
}
.curriculum__item--thinking .curriculum__icon {
  width: clamp(26.91px, -0.9369369369px + 3.6306306306vw, 39px);
}
@media screen and (max-width: 767px) {
  .curriculum__item--thinking .curriculum__icon {
    width: clamp(19.5px, 0.8456632653px + 4.9744897959vw, 39px);
  }
}
.curriculum__item--strategy .curriculum__icon {
  width: clamp(25.53px, -0.8888888889px + 3.4444444444vw, 37px);
}
@media screen and (max-width: 767px) {
  .curriculum__item--strategy .curriculum__icon {
    width: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
  }
}
.curriculum__item--finance .curriculum__icon {
  width: clamp(28.98px, -1.009009009px + 3.9099099099vw, 42px);
}
@media screen and (max-width: 767px) {
  .curriculum__item--finance .curriculum__icon {
    width: clamp(21px, 0.9107142857px + 5.3571428571vw, 42px);
  }
}
.curriculum__item--digital .curriculum__icon {
  width: clamp(32.43px, -1.1291291291px + 4.3753753754vw, 47px);
}
@media screen and (max-width: 767px) {
  .curriculum__item--digital .curriculum__icon {
    width: clamp(23.5px, 1.0191326531px + 5.9948979592vw, 47px);
  }
}
.curriculum__item-ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .curriculum__item-ttl {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
  }
}
.curriculum__item-body {
  height: clamp(198.03px, -6.8948948949px + 26.7177177177vw, 287px);
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px) clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px) clamp(23.46px, -0.8168168168px + 3.1651651652vw, 34px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .curriculum__item-body {
    height: auto;
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px) clamp(21.5px, 0.9323979592px + 5.4846938776vw, 43px) clamp(22px, 0.9540816327px + 5.612244898vw, 44px);
  }
}
.curriculum__subject {
  display: grid;
  gap: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .curriculum__subject {
    gap: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
    width: 100%;
  }
}
.curriculum__subject-item {
  width: clamp(195.96px, -6.8228228228px + 26.4384384384vw, 284px);
  font-size: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  padding: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  background-color: var(--curriculum-color);
}
@media screen and (max-width: 767px) {
  .curriculum__subject-item {
    width: 100%;
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    padding: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px) 0;
  }
}
.curriculum__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  opacity: 1;
  overflow: hidden;
  font-weight: 700;
  line-height: 1.5;
  color: var(--curriculum-color);
  margin-inline: auto;
  padding: 0;
  margin-top: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  border: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .curriculum__toggle {
    gap: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
@media (hover: hover) {
  .curriculum__toggle:hover {
    opacity: 0.7;
  }
}
.curriculum__toggle-icon {
  position: relative;
  display: block;
  width: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px);
  aspect-ratio: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--curriculum-color);
}
@media screen and (max-width: 767px) {
  .curriculum__toggle-icon {
    width: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
  }
}
.curriculum__toggle-icon::before, .curriculum__toggle-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  height: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px);
  border-radius: 2px;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .curriculum__toggle-icon::before, .curriculum__toggle-icon::after {
    width: clamp(7.5px, 0.325255102px + 1.9132653061vw, 15px);
    height: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
  }
}
.curriculum__toggle-icon::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.curriculum__toggle-txt {
  display: block;
  font-size: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .curriculum__toggle-txt {
    font-size: clamp(16px, 0.693877551px + 4.0816326531vw, 32px);
  }
}
.curriculum__detail {
  display: grid;
}
@media screen and (max-width: 767px) {
  .curriculum__detail {
    width: 100%;
  }
}
.curriculum__detail-inner {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.curriculum__recommend {
  position: relative;
  padding: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px) clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px) clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  border: clamp(0.69px, -0.024024024px + 0.0930930931vw, 1px) solid #555;
  height: clamp(172.5px, -6.006006006px + 23.2732732733vw, 250px);
}
@media screen and (max-width: 767px) {
  .curriculum__recommend {
    padding: clamp(22.5px, 0.9757653061px + 5.7397959184vw, 45px) clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px) clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
    border-width: clamp(0.5px, 0.0216836735px + 0.1275510204vw, 1px);
    height: auto;
  }
}
.curriculum__recommend-ttl {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: var(--curriculum-color);
  white-space: nowrap;
  padding-inline: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .curriculum__recommend-ttl {
    font-size: clamp(16px, 0.693877551px + 4.0816326531vw, 32px);
    padding-inline: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
  }
}
.curriculum__recommend-list {
  display: grid;
  gap: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
}
@media screen and (max-width: 767px) {
  .curriculum__recommend-list {
    gap: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
  }
}
.curriculum__recommend-item {
  position: relative;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.55;
  padding-left: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
@media screen and (max-width: 767px) {
  .curriculum__recommend-item {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    padding-left: clamp(19px, 0.8239795918px + 4.8469387755vw, 38px);
  }
}
.curriculum__recommend-item::before {
  content: "";
  position: absolute;
  top: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px);
  left: 0;
  width: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px);
  height: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .curriculum__recommend-item::before {
    width: clamp(11px, 0.4770408163px + 2.806122449vw, 22px);
    height: clamp(11px, 0.4770408163px + 2.806122449vw, 22px);
  }
}
.curriculum__item--person .curriculum__recommend-item::before {
  background-image: url(../img/check-blue.webp);
}
.curriculum__item--thinking .curriculum__recommend-item::before {
  background-image: url(../img/check-pink.webp);
}
.curriculum__item--strategy .curriculum__recommend-item::before {
  background-image: url(../img/check-orange.webp);
}
.curriculum__item--finance .curriculum__recommend-item::before {
  background-image: url(../img/check-green.webp);
}
.curriculum__item--digital .curriculum__recommend-item::before {
  background-image: url(../img/check-purple.webp);
}
.curriculum__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.07em;
  color: #fff;
  width: clamp(455.4px, -15.8558558559px + 61.4414414414vw, 660px);
  margin-top: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  margin-inline: auto;
  padding: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
  border: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) solid #698AE6;
  border-radius: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .curriculum__link {
    font-size: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    width: clamp(320px, 13.8775510204px + 81.6326530612vw, 640px);
    height: clamp(59px, 2.5586734694px + 15.0510204082vw, 118px);
    margin-top: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    border-width: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
    border-radius: clamp(36px, 1.5612244898px + 9.1836734694vw, 72px);
  }
}

/**

活用の具体例

**/
.case__inner {
  max-width: 1244px;
  margin-inline: auto;
}
.case__wrap {
  margin-top: clamp(55.2px, -1.9219219219px + 7.4474474474vw, 80px);
}
@media screen and (max-width: 767px) {
  .case__wrap {
    margin-top: clamp(27.5px, 1.1926020408px + 7.0153061224vw, 55px);
  }
}
.case__row {
  display: grid;
  grid-template-columns: clamp(113.16px, -3.9399399399px + 15.2672672673vw, 164px) 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(19.32px, -0.6726726727px + 2.6066066066vw, 28px);
  padding: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px) 0;
  padding-left: clamp(23.46px, -0.8168168168px + 3.1651651652vw, 34px);
  padding-right: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
}
@media screen and (max-width: 767px) {
  .case__row {
    grid-template-columns: clamp(29px, 1.2576530612px + 7.3979591837vw, 58px) 1fr;
    gap: clamp(2.5px, 0.1084183673px + 0.637755102vw, 5px);
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.case__row + div {
  margin-top: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .case__row + div {
    margin-top: clamp(0px, 0px + 0vw, 0px);
  }
}
.case__row--problem {
  padding-top: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  background: #EFEDED;
}
@media screen and (max-width: 767px) {
  .case__row--problem {
    padding-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.case__row--course {
  background: #E8F0FA;
}
.case__row--effect {
  background: #FFE7D3;
}
.case__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: clamp(113.16px, -3.9399399399px + 15.2672672673vw, 164px);
  height: clamp(93.15px, -3.2432432432px + 12.5675675676vw, 135px);
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  line-height: 1.4;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .case__head {
    width: clamp(29px, 1.2576530612px + 7.3979591837vw, 58px);
    height: 100%;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
  }
}
.case__row--problem .case__head {
  background: #747474;
}
.case__row--course .case__head {
  background: #1847C7;
}
.case__row--effect .case__head {
  background: #FF981A;
}
.case__content {
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .case__content {
    gap: clamp(3px, 0.1301020408px + 0.7653061224vw, 6px);
  }
}
.case__cell {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px) clamp(0px, 0px + 0vw, 0px) clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .case__cell {
    padding: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px) clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.case__txt {
  color: #000;
  font-size: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .case__txt {
    font-size: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    text-align: left;
  }
}
.case__image {
  width: clamp(89.7px, -3.1231231231px + 12.1021021021vw, 130px);
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .case__image {
    width: clamp(65px, 2.818877551px + 16.5816326531vw, 130px);
    margin-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.case__image::after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 50%;
  z-index: 2;
  width: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
  height: clamp(51.06px, -1.7777777778px + 6.8888888889vw, 74px);
  background: url("../img/case-arrow01.webp") center/contain no-repeat;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  .case__image::after {
    width: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    height: clamp(50px, 2.1683673469px + 12.7551020408vw, 100px);
  }
}
.case__course {
  background-color: #fff;
  height: clamp(93.15px, -3.2432432432px + 12.5675675676vw, 135px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  border: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .case__course {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    gap: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    padding: clamp(11px, 0.4770408163px + 2.806122449vw, 22px) 0;
  }
}
.case__course::after {
  content: "";
  position: absolute;
  bottom: calc(0% - 2px);
  left: 50%;
  z-index: 2;
  width: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
  height: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  background: url("../img/case-arrow.webp") center/contain no-repeat;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  .case__course::after {
    width: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    height: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.case__course:nth-child(1) {
  border-color: #B42B68;
}
.case__course:nth-child(1) .case__course-txt {
  color: #B42B68;
}
.case__course:nth-child(2) {
  border-color: #DE8600;
}
.case__course:nth-child(2) .case__course-txt {
  color: #DE8600;
}
.case__course:nth-child(3) {
  border-color: #2F5CA0;
}
.case__course:nth-child(3) .case__course-txt {
  color: #2F5CA0;
}
.case__course:nth-child(4) {
  border-color: #594382;
}
.case__course:nth-child(4) .case__course-txt {
  color: #594382;
}
.case__course-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.case__course:nth-child(1) .case__course-icon {
  width: clamp(26.91px, -0.9369369369px + 3.6306306306vw, 39px);
}
@media screen and (max-width: 767px) {
  .case__course:nth-child(1) .case__course-icon {
    width: clamp(24px, 1.0408163265px + 6.1224489796vw, 48px);
  }
}
.case__course:nth-child(2) .case__course-icon {
  width: clamp(25.53px, -0.8888888889px + 3.4444444444vw, 37px);
}
@media screen and (max-width: 767px) {
  .case__course:nth-child(2) .case__course-icon {
    width: clamp(28px, 1.2142857143px + 7.1428571429vw, 56px);
  }
}
.case__course:nth-child(3) .case__course-icon {
  width: clamp(33.81px, -1.1771771772px + 4.5615615616vw, 49px);
}
@media screen and (max-width: 767px) {
  .case__course:nth-child(3) .case__course-icon {
    width: clamp(28px, 1.2142857143px + 7.1428571429vw, 56px);
  }
}
.case__course:nth-child(4) .case__course-icon {
  width: clamp(35.19px, -1.2252252252px + 4.7477477477vw, 51px);
}
@media screen and (max-width: 767px) {
  .case__course:nth-child(4) .case__course-icon {
    width: clamp(28px, 1.2142857143px + 7.1428571429vw, 56px);
  }
}
.case__course-txt {
  font-size: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .case__course-txt {
    font-size: clamp(10.5px, 0.4553571429px + 2.6785714286vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  .case__course-txt ._small {
    font-size: clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
  }
}
.case__effect {
  height: clamp(93.15px, -3.2432432432px + 12.5675675676vw, 135px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .case__effect {
    height: auto;
    font-size: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    min-height: clamp(116.5px, 5.0522959184px + 29.7193877551vw, 233px);
    text-align: left;
    padding: 0 clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.case__effect span {
  color: #FF981A;
}
.case__arrow {
  position: relative;
  width: clamp(88.32px, -3.0750750751px + 11.9159159159vw, 128px);
  height: clamp(82.8px, -2.8828828829px + 11.1711711712vw, 120px);
  margin-inline: auto;
  margin-top: -0.5%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .case__arrow {
    width: clamp(64px, 2.7755102041px + 16.3265306122vw, 128px);
    height: clamp(75px, 3.2525510204px + 19.1326530612vw, 150px);
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.case__arrow span {
  display: block;
  width: clamp(88.32px, -3.0750750751px + 11.9159159159vw, 128px);
  height: clamp(43.47px, -1.5135135135px + 5.8648648649vw, 63px);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .case__arrow span {
    width: clamp(64px, 2.7755102041px + 16.3265306122vw, 128px);
    height: clamp(31.5px, 1.3660714286px + 8.0357142857vw, 63px);
  }
}
.case__arrow span:nth-child(1) {
  top: calc(50% + clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px));
  background-color: #1847C7;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .case__arrow span:nth-child(1) {
    top: calc(50% + clamp(15px, 0.6505102041px + 3.8265306122vw, 30px));
  }
}
.case__arrow span:nth-child(2) {
  top: 50%;
  background-color: #607ED0;
  z-index: 2;
}
.case__arrow span:nth-child(3) {
  top: calc(50% - clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px));
  background-color: #A2B7F0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .case__arrow span:nth-child(3) {
    top: calc(50% - clamp(15px, 0.6505102041px + 3.8265306122vw, 30px));
  }
}
.case__subttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .case__subttl {
    font-size: clamp(22px, 0.9540816327px + 5.612244898vw, 44px);
    margin-top: 0;
  }
}
.case__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(24.84px, -0.8648648649px + 3.3513513514vw, 36px);
  width: 80%;
  margin-top: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .case__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    width: clamp(345px, 14.9617346939px + 88.0102040816vw, 690px);
    margin-top: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
  }
}
.case__bottom-image {
  width: clamp(335.34px, -11.6756756757px + 45.2432432432vw, 486px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .case__bottom-image {
    width: 100%;
  }
}
.case__bottom-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.case__bottom-ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  font-weight: 600;
  line-height: 1.6;
  color: #1847C7;
}
@media screen and (max-width: 767px) {
  .case__bottom-ttl {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
  }
}
.case__bottom-txt {
  width: clamp(369.84px, -12.8768768769px + 49.8978978979vw, 536px);
  font-family: "Noto Sans", "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.9;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .case__bottom-txt {
    width: 100%;
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    margin-top: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
  }
}

/**

導入された企業様の声

**/
.voice {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
.voice::before, .voice::after {
  content: "";
  position: absolute;
  z-index: 0;
  background: center/contain no-repeat;
}
.voice::before {
  top: 0;
  left: 0;
  width: clamp(545.1px, -18.978978979px + 73.5435435435vw, 790px);
  height: clamp(316.02px, -11.003003003px + 42.6366366366vw, 458px);
  background-image: url("../img/voice-bg01.webp");
  background-position: left top;
}
@media screen and (max-width: 767px) {
  .voice::before {
    background-image: url("../img/voice-bg01-sp.webp");
    width: clamp(204px, 8.8469387755px + 52.0408163265vw, 408px);
    height: clamp(108.5px, 4.7053571429px + 27.6785714286vw, 217px);
  }
}
.voice::after {
  right: 0;
  bottom: 0;
  width: clamp(1293.75px, -45.045045045px + 174.5495495495vw, 1875px);
  height: clamp(530.61px, -18.4744744745px + 71.5885885886vw, 769px);
  background-image: url("../img/voice-bg02.webp");
  background-position: right bottom;
}
@media screen and (max-width: 767px) {
  .voice::after {
    background-image: url("../img/voice-bg02-sp.webp");
    width: clamp(222px, 9.6275510204px + 56.6326530612vw, 444px);
    height: clamp(117.5px, 5.0956632653px + 29.9744897959vw, 235px);
  }
}
.voice .inner {
  position: relative;
  z-index: 1;
}
.voice__tab {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  width: clamp(603.06px, -20.996996997px + 81.3633633634vw, 874px);
  margin-top: clamp(55.2px, -1.9219219219px + 7.4474474474vw, 80px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .voice__tab {
    gap: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    width: 100%;
    margin-top: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.voice__tab-btn {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  line-height: 1.5;
  color: #1847C7;
  text-align: center;
  padding: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px) 0;
  border: 2px solid #1847C7;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .voice__tab-btn {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
    padding: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px) 0;
  }
}
.voice__tab-btn.is-active {
  color: #fff;
  background-color: #1847C7;
}
@media (hover: hover) {
  .voice__tab-btn:hover {
    color: #fff;
    background-color: #1847C7;
  }
}
.voice__panel {
  display: none;
  margin-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
}
@media screen and (max-width: 767px) {
  .voice__panel {
    margin-top: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.voice__panel.is-active {
  display: block;
}
.voice__list {
  display: grid;
  gap: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  width: clamp(706.56px, -24.6006006006px + 95.3273273273vw, 1024px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .voice__list {
    gap: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    width: 100%;
  }
}
.voice__item {
  overflow: hidden;
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .voice__item {
    border-radius: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.voice__head {
  display: grid;
  grid-template-columns: clamp(395.37px, -13.7657657658px + 53.3423423423vw, 573px) 1fr;
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .voice__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.voice__company {
  padding: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
}
@media screen and (max-width: 767px) {
  .voice__company {
    padding: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
  }
}
.voice__company-name {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .voice__company-name {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
  }
}
.voice__company-txt {
  font-size: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  font-weight: 500;
  line-height: 1.7;
  color: #fff;
  margin-top: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .voice__company-txt {
    font-size: clamp(10.5px, 0.4553571429px + 2.6785714286vw, 21px);
    margin-top: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.voice__company-info {
  margin-top: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
}
@media screen and (max-width: 767px) {
  .voice__company-info {
    margin-top: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
  }
}
@media screen and (max-width: 767px) {
  .voice__panel[data-panel=hr] .voice__company-info {
    width: clamp(294px, 12.75px + 75vw, 588px);
  }
}
.voice__company-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(4.83px, -0.1681681682px + 0.6516516517vw, 7px);
  font-size: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.5;
  color: #1847C7;
  padding: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px) clamp(4.83px, -0.1681681682px + 0.6516516517vw, 7px);
  background-color: #E6EBF5;
  border-radius: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px);
}
@media screen and (max-width: 767px) {
  .voice__company-row {
    line-height: 1;
    gap: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
    font-size: clamp(11px, 0.4770408163px + 2.806122449vw, 22px);
    padding: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px);
    border-radius: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
  }
}
.voice__company-row + div {
  margin-top: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .voice__company-row + div {
    margin-top: 0;
  }
}
.voice__company-row dt {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .voice__company-row dt {
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .voice__company-row dd {
    line-height: 1.2;
  }
}
.voice__company-note {
  color: #fff;
  font-size: clamp(8.97px, -0.3123123123px + 1.2102102102vw, 13px);
  margin-top: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
}
@media screen and (max-width: 767px) {
  .voice__company-note {
    font-size: clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
  }
}
.voice__image {
  height: 100%;
}
.voice__image picture,
.voice__image img {
  height: 100%;
}
.voice__image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.voice__detail {
  background-color: #f3f5f8;
}
.voice__detail-inner {
  display: none;
}
.voice__detail-list {
  padding: 0 clamp(27.6px, -0.960960961px + 3.7237237237vw, 40px);
}
@media screen and (max-width: 767px) {
  .voice__detail-list {
    padding: 0 clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.voice__detail-row {
  display: grid;
  grid-template-columns: clamp(88.32px, -3.0750750751px + 11.9159159159vw, 128px) 1fr;
  padding: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px) 0;
  border-top: 1px solid #E5E7EB;
}
@media screen and (max-width: 767px) {
  .voice__detail-row {
    grid-template-columns: clamp(48px, 2.0816326531px + 12.2448979592vw, 96px) 1fr;
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px) 0;
  }
}
.voice__detail-row:first-child {
  border-top: 0;
}
.voice__detail-ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  font-weight: 700;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .voice__detail-ttl {
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
  }
}
.voice__check-list--result {
  color: #FF7500;
}
.voice__check-item {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.7;
  padding-left: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .voice__check-item {
    padding-left: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
  }
}
.voice__check-item::before {
  content: "";
  display: block;
  width: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  height: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  background-image: url(../img/voice-check-blue.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: clamp(3.45px, -0.1201201201px + 0.4654654655vw, 5px);
  left: 0%;
}
@media screen and (max-width: 767px) {
  .voice__check-item::before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    top: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px);
    width: clamp(19px, 0.8239795918px + 4.8469387755vw, 38px);
    height: clamp(19px, 0.8239795918px + 4.8469387755vw, 38px);
  }
}
.voice__check-list--result .voice__check-item::before {
  background-image: url(../img/voice-check-orange.webp);
}
.voice__check-item + li {
  margin-top: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
}
@media screen and (max-width: 767px) {
  .voice__check-item + li {
    margin-top: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.voice__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  width: 100%;
  padding: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  border: 0;
  background-color: #333;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .voice__toggle {
    gap: clamp(0px, 0px + 0vw, 0px);
    padding: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px);
  }
}
@media (hover: hover) {
  .voice__toggle:hover {
    opacity: 0.8;
  }
}
.voice__toggle.is-open .voice__toggle-arrow {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.voice__toggle-txt {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  min-width: 75px;
}
@media screen and (max-width: 767px) {
  .voice__toggle-txt {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    min-width: 70px;
  }
}
.voice__toggle-arrow {
  position: relative;
  display: block;
  width: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  height: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .voice__toggle-arrow {
    width: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    height: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.voice__toggle-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  height: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translate(-50%, -70%) rotate(45deg);
      -ms-transform: translate(-50%, -70%) rotate(45deg);
          transform: translate(-50%, -70%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .voice__toggle-arrow::before {
    width: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    height: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}
.voice__toggle.is-open .voice__toggle-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**

選ばれる理由

**/
.reason {
  background-color: #E6EBF5;
}
.reason__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px) clamp(25.53px, -0.8888888889px + 3.4444444444vw, 37px);
  width: clamp(745.2px, -25.9459459459px + 100.5405405405vw, 1080px);
  margin-top: clamp(55.2px, -1.9219219219px + 7.4474474474vw, 80px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .reason__list {
    grid-template-columns: 1fr;
    gap: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    width: 100%;
    margin-top: clamp(27px, 1.1709183673px + 6.887755102vw, 54px);
  }
}
.reason__item {
  overflow: hidden;
  border-radius: clamp(8.28px, -0.2882882883px + 1.1171171171vw, 12px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .reason__item {
    border-radius: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px);
  }
}
.reason__image {
  width: 100%;
}
.reason__body {
  padding: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
}
@media screen and (max-width: 767px) {
  .reason__body {
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    padding-bottom: clamp(22.5px, 0.9757653061px + 5.7397959184vw, 45px);
  }
}
.reason__ttl {
  position: relative;
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  line-height: 1.5;
  color: #1847C7;
  padding-left: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
}
@media screen and (max-width: 767px) {
  .reason__ttl {
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
    padding-left: clamp(13px, 0.5637755102px + 3.3163265306vw, 26px);
  }
}
.reason__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  height: 100%;
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .reason__ttl::before {
    width: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.reason__txt {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.9;
  margin-top: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
}
@media screen and (max-width: 767px) {
  .reason__txt {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    margin-top: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.reason__bottom {
  text-align: center;
  margin-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
}
@media screen and (max-width: 767px) {
  .reason__bottom {
    margin-top: clamp(27.5px, 1.1926020408px + 7.0153061224vw, 55px);
  }
}
.reason__bottom-lead {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .reason__bottom-lead {
    font-size: clamp(14.5px, 0.6288265306px + 3.6989795918vw, 29px);
  }
}
@media screen and (max-width: 767px) {
  .reason__bottom-lead--pc {
    display: none;
  }
}
.reason__bottom-lead--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .reason__bottom-lead--sp {
    display: block;
  }
}
.reason__bottom-txt {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
  font-weight: 700;
  line-height: 1.5;
  color: #1847C7;
  margin-top: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
}
@media screen and (max-width: 767px) {
  .reason__bottom-txt {
    font-size: clamp(21.5px, 0.9323979592px + 5.4846938776vw, 43px);
    margin-top: clamp(7.5px, 0.325255102px + 1.9132653061vw, 15px);
    line-height: 1.8;
  }
}
.reason__bottom-txt span {
  color: #fff;
  padding: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px);
  background-color: #FF7500;
}
@media screen and (max-width: 767px) {
  .reason__bottom-txt span {
    padding: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px) 0;
  }
}

/**

なぜ自社の内製研修だけでは解決しにくいのか

**/
.training {
  background-color: #fff;
}
.training__problem {
  position: relative;
  padding: clamp(38.64px, -1.3453453453px + 5.2132132132vw, 56px);
  border-radius: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  background-color: #E6EBF5;
  margin-top: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
}
@media screen and (max-width: 767px) {
  .training__problem {
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    border-radius: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    margin-top: clamp(27px, 1.1709183673px + 6.887755102vw, 54px);
  }
}
.training__problem::after {
  content: "";
  position: absolute;
  bottom: calc(0% + 1px);
  left: 50%;
  width: clamp(77.28px, -2.6906906907px + 10.4264264264vw, 112px);
  height: clamp(33.12px, -1.1531531532px + 4.4684684685vw, 48px);
  background-color: #E6EBF5;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 767px) {
  .training__problem::after {
    width: clamp(56px, 2.4285714286px + 14.2857142857vw, 112px);
    height: clamp(24px, 1.0408163265px + 6.1224489796vw, 48px);
  }
}
.training__list {
  display: grid;
}
.training__item {
  padding: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px) 0;
  border-top: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  .training__item {
    padding: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px) 0;
  }
}
.training__item:first-child {
  padding-top: 0;
  border-top: 0;
}
.training__item:last-child {
  padding-bottom: 0;
}
.training__item-ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(18.63px, -0.6486486486px + 2.5135135135vw, 27px);
  font-weight: 700;
  line-height: 1.5;
  color: #1847C7;
  padding-left: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .training__item-ttl {
    font-size: clamp(19px, 0.8239795918px + 4.8469387755vw, 38px);
    padding-left: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.training__item-ttl::before {
  content: "";
  display: block;
  width: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  height: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  background-image: url(../img/training-check.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
@media screen and (max-width: 767px) {
  .training__item-ttl::before {
    width: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    height: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    top: clamp(2.5px, 0.1084183673px + 0.637755102vw, 5px);
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.training__item-txt {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.8;
  margin-top: clamp(4.83px, -0.1681681682px + 0.6516516517vw, 7px);
  padding-left: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
}
@media screen and (max-width: 767px) {
  .training__item-txt {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    margin-top: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    padding-left: clamp(30px, 1.3010204082px + 7.6530612245vw, 60px);
  }
}
.training__item-txt strong {
  font-weight: 900;
}
.training__solution {
  position: relative;
  text-align: center;
  margin-top: clamp(104.88px, -3.6516516517px + 14.1501501502vw, 152px);
  padding-top: clamp(73.83px, -2.5705705706px + 9.960960961vw, 107px);
  padding-bottom: clamp(22.77px, -0.7927927928px + 3.0720720721vw, 33px);
  border-radius: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .training__solution {
    margin-top: clamp(115px, 4.987244898px + 29.3367346939vw, 230px);
    padding: 0;
    padding-top: clamp(83px, 3.5994897959px + 21.1734693878vw, 166px);
    padding-bottom: clamp(16.5px, 0.7155612245px + 4.2091836735vw, 33px);
    border-radius: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
  }
}
.training__image {
  position: absolute;
  top: 0%;
  left: 50%;
  width: clamp(133.86px, -4.6606606607px + 18.0600600601vw, 194px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .training__image {
    width: clamp(146.5px, 6.3533163265px + 37.3724489796vw, 293px);
  }
}
.training__solution-ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
  font-weight: 900;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .training__solution-ttl {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
    line-height: 1.7;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);
  }
}
.training__solution-ttl span {
  display: inline-block;
  color: #00997D;
  font-weight: 700;
  padding: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .training__solution-ttl span {
    padding: 0;
    line-height: 1.5;
    letter-spacing: -0.06em;
  }
}
.training__solution-ttl b {
  font-weight: 500;
}
.training__solution-txt {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .training__solution-txt {
    font-size: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
    margin-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.training__message {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(18.63px, -0.6486486486px + 2.5135135135vw, 27px);
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  margin-top: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .training__message {
    font-size: clamp(17.5px, 0.7589285714px + 4.4642857143vw, 35px);
    margin-top: clamp(27.5px, 1.1926020408px + 7.0153061224vw, 55px);
    white-space: none;
  }
}
.training__message strong {
  font-weight: 600;
  font-size: clamp(22.08px, -0.7687687688px + 2.978978979vw, 32px);
}
@media screen and (max-width: 767px) {
  .training__message strong {
    font-size: clamp(24px, 1.0408163265px + 6.1224489796vw, 48px);
  }
}
.training__message span {
  color: #1847C7;
  font-weight: 700;
}
.training__message span._bg {
  background-color: #EAF1FF;
}

/**

料金

**/
.price {
  background: url("../img/price-bg.jpg") center/cover no-repeat;
}
.price__box {
  width: clamp(410.55px, -14.2942942943px + 55.3903903904vw, 595px);
  border: 1px solid #1847C7;
  margin-top: clamp(48.3px, -1.6816816817px + 6.5165165165vw, 70px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .price__box {
    width: 100%;
    margin-top: clamp(35px, 1.5178571429px + 8.9285714286vw, 70px);
  }
}
.price__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(40.02px, -1.3933933934px + 5.3993993994vw, 58px);
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1;
  color: #fff;
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .price__label {
    height: clamp(37px, 1.6045918367px + 9.4387755102vw, 74px);
    font-size: clamp(18.5px, 0.8022959184px + 4.7193877551vw, 37px);
  }
}
.price__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  padding: clamp(19.32px, -0.6726726727px + 2.6066066066vw, 28px) 0;
  color: #1847C7;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .price__value {
    padding: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px) 0;
    padding-bottom: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
  }
}
.price__num {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(37.95px, -1.3213213213px + 5.1201201201vw, 55px);
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .price__num {
    font-size: clamp(43px, 1.8647959184px + 10.9693877551vw, 86px);
  }
}
.price__tax {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  font-weight: 700;
  line-height: 1;
  margin-left: clamp(3.45px, -0.1201201201px + 0.4654654655vw, 5px);
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 767px) {
  .price__tax {
    font-size: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
    margin-left: clamp(3.5px, 0.1517857143px + 0.8928571429vw, 7px);
    line-height: 0;
    display: inline-block;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
  }
}
.price__unit {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(20.01px, -0.6966966967px + 2.6996996997vw, 29px);
  font-weight: 600;
  line-height: 1;
  margin-left: clamp(3.45px, -0.1201201201px + 0.4654654655vw, 5px);
}
@media screen and (max-width: 767px) {
  .price__unit {
    font-size: clamp(22.5px, 0.9757653061px + 5.7397959184vw, 45px);
    margin-left: clamp(2.5px, 0.1084183673px + 0.637755102vw, 5px);
    line-height: 0;
  }
}

/**

お申込みから受講までの流れ

**/
.flow {
  background-color: #E6EBF5;
}
.flow__list {
  position: relative;
  width: clamp(529.92px, -18.4504504505px + 71.4954954955vw, 768px);
  margin-top: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .flow__list {
    width: 100%;
    margin-top: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
  }
}
.flow__list::before {
  content: "";
  position: absolute;
  top: 0%;
  bottom: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
  left: clamp(28.98px, -1.009009009px + 3.9099099099vw, 42px);
  width: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px);
  background-color: #C6D2E9;
}
@media screen and (max-width: 767px) {
  .flow__list::before {
    bottom: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    left: clamp(21px, 0.9107142857px + 5.3571428571vw, 42px);
    width: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
  }
}
.flow__item {
  position: relative;
  display: grid;
  grid-template-columns: clamp(53.82px, -1.8738738739px + 7.2612612613vw, 78px) 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: clamp(16.56px, -0.5765765766px + 2.2342342342vw, 24px);
}
@media screen and (max-width: 767px) {
  .flow__item {
    grid-template-columns: clamp(39px, 1.6913265306px + 9.9489795918vw, 78px) 1fr;
    gap: clamp(12px, 0.5204081633px + 3.0612244898vw, 24px);
  }
}
.flow__item + li {
  margin-top: clamp(44.16px, -1.5375375375px + 5.957957958vw, 64px);
}
@media screen and (max-width: 767px) {
  .flow__item + li {
    margin-top: clamp(32px, 1.387755102px + 8.1632653061vw, 64px);
  }
}
.flow__step {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(32.43px, -1.1291291291px + 4.3753753754vw, 47px);
  font-size: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  background-color: #1847C7;
}
@media screen and (max-width: 767px) {
  .flow__step {
    height: clamp(23.5px, 1.0191326531px + 5.9948979592vw, 47px);
    font-size: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
    border-radius: clamp(4px, 0.1734693878px + 1.0204081633vw, 8px);
  }
}
.flow__body {
  padding-top: clamp(4.14px, -0.1441441441px + 0.5585585586vw, 6px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .flow__body {
    padding-top: clamp(3px, 0.1301020408px + 0.7653061224vw, 6px);
  }
}
.flow__body._img01::after {
  content: "";
  display: block;
  width: clamp(124.89px, -4.3483483483px + 16.8498498498vw, 181px);
  height: clamp(138px, -4.8048048048px + 18.6186186186vw, 200px);
  background-image: url(../img/flow-img01.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  bottom: 43%;
  right: -15%;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
@media screen and (max-width: 767px) {
  .flow__body._img01::after {
    width: clamp(90.5px, 3.924744898px + 23.0867346939vw, 181px);
    height: clamp(100px, 4.3367346939px + 25.5102040816vw, 200px);
    bottom: 60%;
    right: 2%;
  }
}
.flow__body._img02::after {
  content: "";
  display: block;
  width: clamp(135.24px, -4.7087087087px + 18.2462462462vw, 196px);
  height: clamp(124.2px, -4.3243243243px + 16.7567567568vw, 180px);
  background-image: url(../img/flow-img02.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 51%;
  right: -17%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  .flow__body._img02::after {
    width: clamp(87.5px, 3.7946428571px + 22.3214285714vw, 175px);
    height: clamp(90px, 3.9030612245px + 22.9591836735vw, 180px);
    top: 71%;
    right: 3%;
  }
}
.flow__ttl {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px);
  font-weight: 700;
  line-height: 1.6;
  color: #1847C7;
}
@media screen and (max-width: 767px) {
  .flow__ttl {
    font-size: clamp(16px, 0.693877551px + 4.0816326531vw, 32px);
  }
}
.flow__txt {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.8;
  margin-top: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
}
@media screen and (max-width: 767px) {
  .flow__txt {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    margin-top: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.flow__txt._bold {
  font-weight: 700;
}
.flow__txt a {
  font-weight: 700;
  color: #1847C7;
  text-decoration: underline;
  text-underline-offset: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px);
}
@media screen and (max-width: 767px) {
  .flow__txt a {
    text-underline-offset: clamp(1.5px, 0.0650510204px + 0.3826530612vw, 3px);
  }
}
.flow__note {
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  color: #4B5563;
  font-weight: 500;
  line-height: 1.7;
  margin-top: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
}
@media screen and (max-width: 767px) {
  .flow__note {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    margin-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.flow__accordion {
  margin-top: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
}
@media screen and (max-width: 767px) {
  .flow__accordion {
    margin-top: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.flow__accordion-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  width: 100%;
  padding: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px) clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  border: 0;
  border-radius: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  background-color: #1847C7;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .flow__accordion-toggle {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
    padding: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px) clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
    border-radius: clamp(2px, 0.0867346939px + 0.5102040816vw, 4px);
  }
}
.flow__accordion-toggle.is-open .flow__accordion-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.flow__accordion-toggle.is-open .flow__accordion-icon::after {
  opacity: 0;
}
.flow__accordion-icon {
  position: relative;
  display: block;
  width: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  aspect-ratio: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .flow__accordion-icon {
    width: clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
  }
}
.flow__accordion-icon::before, .flow__accordion-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  height: clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px);
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .flow__accordion-icon::before, .flow__accordion-icon::after {
    width: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    height: clamp(1px, 0.0433673469px + 0.2551020408vw, 2px);
  }
}
.flow__accordion-icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.flow__accordion-content {
  display: none;
}
.flow__accordion-inner {
  padding: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .flow__accordion-inner {
    padding: clamp(8.5px, 0.368622449px + 2.1683673469vw, 17px);
  }
}
.flow__requirement-item {
  position: relative;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .flow__requirement-item {
    font-size: clamp(12.5px, 0.5420918367px + 3.1887755102vw, 25px);
  }
}

/**

よくあるご質問

**/
.faq {
  background-color: #F6F8FC;
}
.faq__list {
  width: clamp(643.77px, -22.4144144144px + 86.8558558559vw, 933px);
  margin-top: clamp(48.3px, -1.6816816817px + 6.5165165165vw, 70px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .faq__list {
    width: 100%;
    margin-top: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
  }
}
.faq__item {
  background-color: #fff;
  padding: 0 clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
  -webkit-box-shadow: 0 clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px) clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px) rgba(0, 0, 0, 0.08);
          box-shadow: 0 clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px) clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px) rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 767px) {
  .faq__item {
    padding: 0 clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
    -webkit-box-shadow: 0 clamp(4px, 0.1734693878px + 1.0204081633vw, 8px) clamp(7.5px, 0.325255102px + 1.9132653061vw, 15px) rgba(0, 0, 0, 0.08);
            box-shadow: 0 clamp(4px, 0.1734693878px + 1.0204081633vw, 8px) clamp(7.5px, 0.325255102px + 1.9132653061vw, 15px) rgba(0, 0, 0, 0.08);
  }
}
.faq__item.is-open .faq__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq__item + div {
  margin-top: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
@media screen and (max-width: 767px) {
  .faq__item + div {
    margin-top: clamp(15px, 0.6505102041px + 3.8265306122vw, 30px);
  }
}
.faq__question {
  padding-block: 0;
  padding-inline: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
  width: 100%;
  padding: clamp(29.67px, -1.033033033px + 4.003003003vw, 43px) 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .faq__question {
    gap: clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
    padding: clamp(18px, 0.7806122449px + 4.5918367347vw, 36px) clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
@media (hover: hover) {
  .faq__question:hover .faq__question-txt {
    opacity: 0.7;
  }
  .faq__question:hover .faq__arrow {
    opacity: 0.7;
  }
}
.faq__question-txt {
  font-family: "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(17.25px, -0.6006006006px + 2.3273273273vw, 25px);
  font-weight: 600;
  line-height: 1.6;
  color: #1847C7;
  text-align: left;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  padding-left: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq__question-txt {
    font-size: clamp(16px, 0.693877551px + 4.0816326531vw, 32px);
    padding-left: clamp(40px, 1.7346938776px + 10.2040816327vw, 80px);
    line-height: 1.4;
  }
}
.faq__question-txt::before {
  content: "Q.";
  display: block;
  font-family: "Lora", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(27.6px, -0.960960961px + 3.7237237237vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: #1847C7;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .faq__question-txt::before {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
  }
}
.faq__arrow {
  position: relative;
  display: block;
  width: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  height: clamp(13.8px, -0.4804804805px + 1.8618618619vw, 20px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .faq__arrow {
    width: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
    height: clamp(10px, 0.4336734694px + 2.5510204082vw, 20px);
  }
}
.faq__arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  height: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  border-right: 2px solid #8F8F8F;
  border-bottom: 2px solid #8F8F8F;
  -webkit-transform: translate(-50%, -70%) rotate(45deg);
      -ms-transform: translate(-50%, -70%) rotate(45deg);
          transform: translate(-50%, -70%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .faq__arrow::before {
    width: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    height: clamp(7px, 0.3035714286px + 1.7857142857vw, 14px);
    border-right-width: 1px;
    border-bottom-width: 1px;
  }
}
.faq__answer {
  display: none;
}
.faq__answer-inner {
  padding-top: clamp(15.18px, -0.5285285285px + 2.048048048vw, 22px);
  padding-right: clamp(37.26px, -1.2972972973px + 5.027027027vw, 54px);
  padding-bottom: clamp(34.5px, -1.2012012012px + 4.6546546547vw, 50px);
  border-top: clamp(0.69px, -0.024024024px + 0.0930930931vw, 1px) dotted #C4C7CC;
}
@media screen and (max-width: 767px) {
  .faq__answer-inner {
    padding: 0 clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    padding-top: clamp(16px, 0.693877551px + 4.0816326531vw, 32px);
    padding-bottom: clamp(25px, 1.0841836735px + 6.3775510204vw, 50px);
    border-top-width: clamp(0.5px, 0.0216836735px + 0.1275510204vw, 1px);
  }
}
.faq__answer-body {
  padding-top: clamp(1.38px, -0.048048048px + 0.1861861862vw, 2px);
}
@media screen and (max-width: 767px) {
  .faq__answer-body {
    padding-top: 0;
  }
}
.faq__answer-txt {
  font-family: "Noto Sans", "Noto Serif JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(11.04px, -0.3843843844px + 1.4894894895vw, 16px);
  font-weight: 500;
  line-height: 2;
  padding-left: clamp(41.4px, -1.4414414414px + 5.5855855856vw, 60px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq__answer-txt {
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
    line-height: 1.6;
  }
}
.faq__answer-txt::before {
  content: "A.";
  display: block;
  font-family: "Lora", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: clamp(27.6px, -0.960960961px + 3.7237237237vw, 40px);
  font-weight: 600;
  line-height: 1;
  color: #1847C7;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .faq__answer-txt::before {
    font-size: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px);
  }
}
.faq__answer-txt a {
  color: #1847C7;
  text-decoration: underline;
  text-underline-offset: clamp(2.07px, -0.0720720721px + 0.2792792793vw, 3px);
}
@media screen and (max-width: 767px) {
  .faq__answer-txt a {
    text-underline-offset: clamp(1.5px, 0.0650510204px + 0.3826530612vw, 3px);
  }
}

/**

フッター

**/
.footer {
  padding: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px) 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: clamp(20px, 0.8673469388px + 5.1020408163vw, 40px) 0;
  }
}
.footer__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .footer__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.footer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(12.42px, -0.4324324324px + 1.6756756757vw, 18px);
}
@media screen and (max-width: 767px) {
  .footer__info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(9px, 0.3903061224px + 2.2959183673vw, 18px);
  }
}
.footer__logo {
  display: block;
  width: clamp(124.2px, -4.3243243243px + 16.7567567568vw, 180px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .footer__logo {
    width: clamp(84px, 3.6428571429px + 21.4285714286vw, 168px);
    margin-top: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
  }
}
.footer__copyright {
  font-size: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media screen and (max-width: 767px) {
  .footer__copyright {
    font-size: clamp(8px, 0.3469387755px + 2.0408163265vw, 16px);
  }
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20.7px, -0.7207207207px + 2.7927927928vw, 30px);
}
@media screen and (max-width: 767px) {
  .footer__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(13.5px, 0.5854591837px + 3.443877551vw, 27px);
  }
}
.footer__link {
  position: relative;
  display: inline-block;
  font-size: clamp(9.66px, -0.3363363363px + 1.3033033033vw, 14px);
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  padding-left: clamp(8.97px, -0.3123123123px + 1.2102102102vw, 13px);
}
@media screen and (max-width: 767px) {
  .footer__link {
    font-size: clamp(14px, 0.6071428571px + 3.5714285714vw, 28px);
    padding-left: clamp(6.5px, 0.2818877551px + 1.6581632653vw, 13px);
  }
}
.footer__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-top: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) solid transparent;
  border-bottom: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) solid transparent;
  border-left: clamp(4.14px, -0.1441441441px + 0.5585585586vw, 6px) solid #333;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .footer__link::before {
    display: none;
  }
}
@media (hover: hover) {
  .footer__link:hover {
    text-decoration: underline;
  }
}

/*====================================================================================================
*
*   swiper
*
====================================================================================================*/
.feedback__flow-slider-wrap {
  position: relative;
  width: clamp(647.22px, -22.5345345345px + 87.3213213213vw, 938px);
  margin-inline: auto;
  margin-top: clamp(23.46px, -0.8168168168px + 3.1651651652vw, 34px);
}
@media screen and (max-width: 767px) {
  .feedback__flow-slider-wrap {
    width: 100%;
    margin-top: clamp(31.5px, 1.3660714286px + 8.0357142857vw, 63px);
  }
}

.swiper {
  width: clamp(647.22px, -22.5345345345px + 87.3213213213vw, 938px);
  margin-inline: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .swiper {
    width: 100%;
  }
}

.swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.swiper-slide {
  height: auto;
}

.feedback__swiper-next,
.feedback__swiper-prev {
  display: block;
  width: clamp(46.23px, -1.6096096096px + 6.2372372372vw, 67px);
  height: clamp(46.23px, -1.6096096096px + 6.2372372372vw, 67px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  z-index: 10;
  top: 50% !important;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .feedback__swiper-next,
  .feedback__swiper-prev {
    width: clamp(33.5px, 1.4528061224px + 8.5459183673vw, 67px);
    height: clamp(33.5px, 1.4528061224px + 8.5459183673vw, 67px);
  }
}

.feedback__swiper-next {
  background-image: url(../img/next.svg);
  left: 100%;
  left: calc(100% + clamp(40.02px, -1.3933933934px + 5.3993993994vw, 58px));
}
@media screen and (max-width: 767px) {
  .feedback__swiper-next {
    left: calc(100% - clamp(20px, 0.8673469388px + 5.1020408163vw, 40px));
  }
}

.feedback__swiper-prev {
  background-image: url(../img/prev.svg);
  right: 100%;
  right: calc(100% + clamp(40.02px, -1.3933933934px + 5.3993993994vw, 58px));
}
@media screen and (max-width: 767px) {
  .feedback__swiper-prev {
    right: calc(100% - clamp(20px, 0.8673469388px + 5.1020408163vw, 40px));
  }
}

/*====================================================================================================
*
*   inview
*
====================================================================================================*/
.js-fadeIn {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.js-fadeIn.is-inview {
  opacity: 1;
}

.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
.horizontal1 {
  -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
}

.horizontal2 {
  -webkit-animation: horizontal2 2s ease-in-out infinite alternate;
}

@-webkit-keyframes horizontal1 {
  0% {
    -webkit-transform: translateX(calc(-50% - 5px));
  }
  100% {
    -webkit-transform: translateX(-50%);
  }
}
@-webkit-keyframes horizontal2 {
  0% {
    -webkit-transform: translateX(calc(-50% + 3px));
  }
  100% {
    -webkit-transform: translateX(-50%);
  }
}
.vertical {
  -webkit-animation: vertical 1s ease-in-out infinite alternate;
}

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}
.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(6.9px, -0.2402402402px + 0.9309309309vw, 10px);
  padding: clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px) clamp(5.52px, -0.1921921922px + 0.7447447447vw, 8px);
  position: relative;
  background: #FF7800;
  border: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) solid rgba(240, 185, 118, 0.6);
  border-radius: clamp(49.68px, -1.7297297297px + 6.7027027027vw, 72px);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
  .btn {
    gap: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px);
    height: clamp(68px, 2.9489795918px + 17.3469387755vw, 136px);
    padding: clamp(5px, 0.2168367347px + 1.2755102041vw, 10px) clamp(9px, 0.3903061224px + 2.2959183673vw, 18px) clamp(5px, 0.2168367347px + 1.2755102041vw, 10px);
    border: clamp(3px, 0.1301020408px + 0.7653061224vw, 6px) solid rgba(240, 185, 118, 0.6);
    border-radius: clamp(36px, 1.5612244898px + 9.1836734694vw, 72px);
  }
}
@media (hover: hover) {
  .btn:hover {
    background: #FFAA5F;
    border: clamp(2.76px, -0.0960960961px + 0.3723723724vw, 4px) solid rgba(255, 242, 226, 0.6);
  }
}
.btn__badge {
  color: #FF7800;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.06em;
  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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: clamp(43.47px, -1.5135135135px + 5.8648648649vw, 63px);
  height: clamp(43.47px, -1.5135135135px + 5.8648648649vw, 63px);
  background: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .btn__badge {
    width: clamp(50px, 2.1683673469px + 12.7551020408vw, 100px);
    height: clamp(50px, 2.1683673469px + 12.7551020408vw, 100px);
  }
}
.btn__badge._free {
  font-size: clamp(14.49px, -0.5045045045px + 1.954954955vw, 21px);
}
@media screen and (max-width: 767px) {
  .btn__badge._free {
    font-size: clamp(17px, 0.737244898px + 4.3367346939vw, 34px);
  }
}
.btn__badge._con {
  font-size: clamp(10.35px, -0.3603603604px + 1.3963963964vw, 15px);
}
@media screen and (max-width: 767px) {
  .btn__badge._con {
    font-size: clamp(11.5px, 0.4987244898px + 2.9336734694vw, 23px);
  }
}
.btn__content {
  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;
}
.btn__sub {
  color: #fff;
  font-size: clamp(11.73px, -0.4084084084px + 1.5825825826vw, 17px);
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .btn__sub {
    font-size: clamp(13.5px, 0.5854591837px + 3.443877551vw, 27px);
  }
}
.btn__sub strong {
  font-size: clamp(18.63px, -0.6486486486px + 2.5135135135vw, 27px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .btn__sub strong {
    font-size: clamp(21.5px, 0.9323979592px + 5.4846938776vw, 43px);
  }
}
.btn__title {
  color: #fff;
  font-size: clamp(17.94px, -0.6246246246px + 2.4204204204vw, 26px);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-top: clamp(4.14px, -0.1441441441px + 0.5585585586vw, 6px);
}
@media screen and (max-width: 767px) {
  .btn__title {
    font-size: clamp(21px, 0.9107142857px + 5.3571428571vw, 42px);
    margin-top: clamp(6px, 0.2602040816px + 1.5306122449vw, 12px);
  }
}/*# sourceMappingURL=style.css.map */