.kv {
  padding-top: 80px;
  background: #f5f7fa;
}

@media screen and (max-width: 767px) {
  .kv {
    padding-top: 50px;
  }
}

.kv__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .kv__inner {
    flex-direction: column;
  }
}

.kv__left {
  flex: 1;
  padding: 3.2552083333vw 0 0 5.5338541667vw;
}

@media screen and (max-width: 767px) {
  .kv__left {
    flex: unset;
    width: 100%;
    padding: 6.4vw 5.3333333333vw 0;
  }
}

@media screen and (max-width: 767px) {
  .kv__left:last-child {
    width: 100%;
    padding: 5.8666666667vw 2.6666666667vw 0;
  }
}

.kv__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.9296875vw;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 3.6458333333vw;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 767px) {
  .kv__title {
    font-size: 7.4666666667vw;
    letter-spacing: -0.01em;
    margin-bottom: 0;
  }
}

.kv__title-logo {
  width: 39.0625vw;
  margin-top: 1.4973958333vw;
}

@media screen and (max-width: 767px) {
  .kv__title-logo {
    width: 100%;
    margin-top: 4.2666666667vw;
  }
}

.kv__title .readex {
  letter-spacing: 0.05em;
}

.kv__title .text--bold {
  font-weight: 700;
}

.kv__title .text--extrabold {
  font-weight: 800;
}

.kv__baloons {
  width: 44.0755208333vw;
  display: flex;
  flex-direction: column;
  gap: 0.5208333333vw;
  margin-bottom: 1.0416666667vw;
}

@media screen and (max-width: 767px) {
  .kv__baloons {
    width: 100%;
    gap: 2.6666666667vw;
    margin-bottom: 6.4vw;
    position: relative;
    z-index: 1;
    padding: 1.0666666667vw 1.8666666667vw;
  }
}

.kv__baloon {
  width: fit-content;
  font-size: 1.0416666667vw;
  font-weight: 600;
  background: #ffffff;
  padding: 1.0416666667vw 1.5625vw;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .kv__baloon {
    font-size: 3.4vw;
    padding: 2.1333333333vw 2.1333333333vw;
    line-height: 2;
    border-radius: 8px;
  }
}

.kv__baloon:nth-child(2n) {
  margin: 0 0 0 auto;
}

.kv__baloon .text--big {
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 1.0714285714;
  color: #00abff;
  margin: 0 2px;
}

@media screen and (max-width: 767px) {
  .kv__baloon .text--big {
    font-size: 4.8vw;
    margin: 0 1px;
  }
}

.kv__warning {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.78125vw;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .kv__warning {
    font-size: 2.6666666667vw;
    line-height: 1.8;
    padding-left: 2.6666666667vw;
    margin: auto;
  }
}

.kv__right {
  width: 45.8984375vw;
  height: 38.5416666667vw;
  position: relative;
}

@media screen and (max-width: 767px) {
  .kv__right {
    width: 100%;
    height: 57.3333333333vw;
    margin-top: 6.4vw;
  }
}

.kv__tablet {
  width: 55.3385416667vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 47%;
  left: 44%;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .kv__tablet {
    width: 106.6666666667vw;
    top: 51%;
    left: 50%;
  }
}

.kv__circle {
  width: 37.890625vw;
  height: 37.890625vw;
  position: absolute;
  top: 16%;
  right: 0;
}

@media screen and (max-width: 767px) {
  .kv__circle {
    width: 78.6666666667vw;
    height: 78.6666666667vw;
    top: 70%;
    right: 0;
    transform: translateY(-50%);
  }
}

.kv__circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.adopting-companies {
  text-align: center;
  padding: clamp(100px, 5.2083333333vw, 80px) 0 clamp(100px, 9.765625vw, 150px);
  overflow: hidden;
}

.adopting-companies__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  margin-bottom: clamp(8px, 0.5208333333vw, 8px);
}

@media screen and (max-width: 767px) {
  .adopting-companies__title {
    font-size: 18px;
  }
}

.adopting-companies__subtitle {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 0.78125vw, 12px);
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .adopting-companies__subtitle {
    font-size: 10px;
  }
}

@media screen and (max-width: 767px) {
  .adopting-companies__img-wrap {
    width: 100%;
  }
}

.adopting-companies__img {
  width: clamp(620px, 56.25vw, 1000px);
  margin: auto;
}

@media screen and (max-width: 767px) {
  .adopting-companies__img {
    display: flex;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .adopting-companies img {
    animation: slideLeft 20s linear infinite;
    padding-left: 20px;
  }

  @keyframes slideLeft {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }
}

.about {
  background: #ffffff;
  padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 10.8072916667vw, 166px);
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

@media screen and (max-width: 767px) {
  .about {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.about__title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  margin: 0 auto clamp(40px, 4.1666666667vw, 64px);
  position: relative;
  z-index: 1;
  width: clamp(1px, 39.0625vw, 600px);
}

@media screen and (max-width: 767px) {
  .about__title {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .about__title {
    width: 355px;
  }
}

.about__title .readex {
  width: clamp(1px, 29.5572916667vw, 454px);
}

@media screen and (max-width: 767px) {
  .about__title .readex {
    width: 186px;
  }
}

.about__text {
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  position: relative;
  z-index: 1;
  margin-inline: auto;
  margin-bottom: clamp(40px, 5.2083333333vw, 80px);
}

@media screen and (max-width: 767px) {
  .about__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .about__text {
    width: 335px;
    text-align: left;
    line-height: 2;
  }
}

.about .vision {
  width: clamp(1px, 60.9375vw, 936px);
  background: #f5f7fa;
  margin-inline: auto;
  border-radius: clamp(24px, 1.953125vw, 30px);
  padding: clamp(1px, 4.1666666667vw, 64px) clamp(1px, 9.6354166667vw, 148px) clamp(1px, 5.2083333333vw, 80px) clamp(1px, 9.6354166667vw, 148px);
}

@media screen and (max-width: 767px) {
  .about .vision {
    width: 89.3333333333vw;
    padding: 40px 15px;
  }
}

.about .vision__title {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1px, 1.6927083333vw, 26px);
  text-align: center;
  font-weight: 700;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .about .vision__title {
    font-size: 16px;
  }
}

.about .vision__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #00abff;
  line-height: 1.3571428571;
  margin-bottom: clamp(16px, 2.6041666667vw, 40px);
}

@media screen and (max-width: 767px) {
  .about .vision__subtitle {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .about .vision__subtitle {
    line-height: 1.7777777778;
  }
}

.about .vision__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  line-height: 1.7777777778;
}

@media screen and (max-width: 767px) {
  .about .vision__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .about .vision__text {
    line-height: 2;
  }
}

.features {
  padding-top: clamp(80px, 7.8125vw, 120px);
  margin-bottom: clamp(113px, 12.109375vw, 186px);
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background: #f5f7fa;
}

@media screen and (max-width: 767px) {
  .features {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.features__title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  margin: 0 auto clamp(40px, 4.1666666667vw, 64px);
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .features__title {
    font-size: 28px;
  }
}

.features__inner {
  width: clamp(1px, 86.9791666667vw, 1336px);
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
  padding: 50px 0;
  margin: 0 auto clamp(30px, 2.6041666667vw, 40px);
}

@media screen and (max-width: 767px) {
  .features__inner {
    width: 355px;
  }
}

.features__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  font-weight: 700;
  line-height: 1.58;
  margin-bottom: clamp(24px, 2.6041666667vw, 40px);
}

@media screen and (max-width: 767px) {
  .features__text {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .features__text {
    text-align: center;
  }
}

.features__img {
  width: clamp(335px, 61.1979166667vw, 940px);
}

.features__wrap {
  display: flex;
  justify-content: center;
  gap: clamp(30px, 2.6041666667vw, 40px);
}

@media screen and (max-width: 767px) {
  .features__wrap {
    flex-direction: column;
    align-items: center;
  }
}

.features__left,
.features__right {
  width: clamp(355px, 42.1875vw, 648px);
  background: #ffffff;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
  padding: 50px clamp(1px, 5.2083333333vw, 80px) 50px;
}

@media screen and (max-width: 767px) {

  .features__left,
  .features__right {
    padding: 50px 10px;
  }
}

.features__left-title,
.features__right-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  font-weight: 700;
  margin-bottom: clamp(20px, 1.953125vw, 30px);
}

@media screen and (max-width: 767px) {

  .features__left-title,
  .features__right-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {

  .features__left-title,
  .features__right-title {
    text-align: center;
  }
}

.features__left-text,
.features__right-text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  text-align: left;
}

@media screen and (max-width: 767px) {

  .features__left-text,
  .features__right-text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {

  .features__left-text,
  .features__right-text {
    line-height: 2;
  }
}

.features__warning {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 0.78125vw, 12px);
  text-align: left;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .features__warning {
    font-size: 12px;
  }
}

.can-do {
  width: 100%;
  padding-top: clamp(80px, 7.8125vw, 120px);
  margin: auto;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background: #e9eef4;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .can-do {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.can-do__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  margin-bottom: clamp(40px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .can-do__title {
    font-size: 28px;
  }
}

.can-do__title .readex {
  font-family: "Readex Pro", sans-serif;
  font-size: clamp(1px, 2.8645833333vw, 44px);
}

@media screen and (max-width: 767px) {
  .can-do__title .readex {
    font-size: 30px;
  }
}

.can-do__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.171875vw, 18px);
  margin-bottom: clamp(40px, 5.2083333333vw, 80px);
}

@media screen and (max-width: 767px) {
  .can-do__text {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .can-do__text {
    width: 89.3333333333vw;
    margin-inline: auto;
    text-align: left;
    line-height: 2;
  }
}

.can-do__img {
  width: clamp(355px, 85.9375vw, 1320px);
  margin-inline: auto;
  margin-bottom: clamp(40px, 7.8125vw, 120px);
}

.can-do__slider {
  width: clamp(1px, 82.9427083333vw, 1274px);
  margin-inline: auto;
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 767px) {
  .can-do__slider {
    width: 100%;
  }
}

.can-do__slider::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100px;
  background: #f5f7fa;
}

@media screen and (max-width: 767px) {
  .can-do .slick-list {
    width: 92vw;
    overflow: visible;
    margin: auto;
  }
}

.can-do__slide {
  width: clamp(1px, 27.2135416667vw, 418px);
  padding: 0 5px;
}

.can-do__slide-video {
  margin-bottom: clamp(8px, 0.6510416667vw, 10px);
}

.can-do__slide-desc {
  display: flex;
  gap: 10px;
}

.can-do__slide-desc .icon {
  width: 32px;
}

.can-do .slick-prev,
.can-do .slick-next {
  top: 40%;
  width: 0;
  height: 0;
  background: transparent;
  position: absolute;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  color: transparent;
  z-index: 2;
}

.can-do .slick-prev {
  border-right: 15px solid #00abff;
  left: -2%;
}

@media screen and (max-width: 767px) {
  .can-do .slick-prev {
    left: 3%;
  }
}

.can-do .slick-next {
  border-left: 15px solid #00abff;
  right: -2%;
}

@media screen and (max-width: 767px) {
  .can-do .slick-next {
    right: 3%;
  }
}

.security {
  background: #f5f7fa;
  border-radius: 40px;
  padding: clamp(120px, 11.71875vw, 180px) 0 clamp(113px, 12.109375vw, 186px);
}

@media screen and (max-width: 767px) {
  .security {
    border-radius: 20px;
  }
}

.security__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  text-align: center;
  margin-bottom: clamp(40px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .security__title {
    font-size: 28px;
  }
}

.security__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.5625vw, 24px);
  line-height: 1.58;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .security__subtitle {
    font-size: 20px;
  }
}

.security__text {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .security__text {
    text-align: left;
    line-height: 2;
    padding: 0 20px;
  }
}

.security__inner {
  margin: auto;
  display: flex;
  justify-content: center;
  gap: clamp(20px, 2.6041666667vw, 40px);
  margin-bottom: clamp(1px, 3.2552083333vw, 50px);
}

@media screen and (max-width: 767px) {
  .security__inner {
    width: fit-content;
    flex-direction: column;
    margin-bottom: 24px;
  }
}

.security .security-single {
  width: clamp(355px, 42.1875vw, 648px);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  background: #ffffff;
  padding: clamp(32px, 3.2552083333vw, 50px) 0 clamp(32px, 2.6041666667vw, 40px);
}

.security .security-single__img {
  width: clamp(63px, 7.2265625vw, 111px);
  margin-bottom: clamp(24px, 2.0833333333vw, 32px);
}

.security .security-single__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  line-height: 1.3571428571;
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(20px, 2.0833333333vw, 32px);
}

@media screen and (max-width: 767px) {
  .security .security-single__title {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .security .security-single__title {
    line-height: 1.7777777778;
  }
}

.security .security-single__text {
  width: clamp(1px, 31.7708333333vw, 488px);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
}

@media screen and (max-width: 767px) {
  .security .security-single__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .security .security-single__text {
    width: 335px;
    line-height: 2;
  }
}

.security .security-single:last-child {
  padding: clamp(32px, 2.6041666667vw, 40px) 0;
}

.security .security-single:last-child .security-single__img {
  width: clamp(110px, 11.9791666667vw, 184px);
}

.security .security-footer {
  width: clamp(335px, 86.9791666667vw, 1336px);
  display: flex;
  justify-content: center;
  gap: clamp(24px, 2.4739583333vw, 38px);
  margin: auto;
}

@media screen and (max-width: 767px) {
  .security .security-footer {
    flex-direction: column;
  }
}

.security .security-footer .security-footer-single {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: clamp(1px, 1.5625vw, 24px);
  background: #ffffff;
  padding: clamp(32px, 2.0833333333vw, 32px) clamp(10px, 2.6041666667vw, 40px);
  border-radius: clamp(10px, 1.3020833333vw, 20px);
}

@media screen and (max-width: 767px) {
  .security .security-footer .security-footer-single {
    gap: 24px;
    justify-content: space-between;
  }
}

.security .security-footer .security-footer-single__img {
  width: clamp(54px, 3.5807291667vw, 55px);
}

.security .security-footer .security-footer-single__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
}

@media screen and (max-width: 767px) {
  .security .security-footer .security-footer-single__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .security .security-footer .security-footer-single__text {
    width: 100%;
    flex: unset;
    line-height: 2;
  }
}

.security .security-footer .security-footer-single:first-child .security-footer-single__img {
  width: clamp(41px, 2.7994791667vw, 43px);
}

.pricing {
  background: #00abff;
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding: clamp(1px, 7.8125vw, 120px) 0 clamp(1px, 12.109375vw, 186px);
}

@media screen and (max-width: 767px) {
  .pricing {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

@media screen and (max-width: 767px) {
  .pricing {
    padding: 80px 0 113px;
  }
}

.pricing::before {
  content: "";
  position: absolute;
  bottom: 5%;
  right: 1.953125vw;
  width: clamp(127px, 22.2005208333vw, 341px);
  height: clamp(112px, 19.53125vw, 300px);
  background: url("https://cdn.blog.st-hatena.com/files/6801883189115496517/6802340630905233743") no-repeat center/contain;
  border-radius: 40px;
}

@media screen and (max-width: 767px) {
  .pricing::before {
    bottom: 3%;
  }
}

.pricing__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  line-height: 1.5;
  text-align: center;
  margin-bottom: clamp(30px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .pricing__title {
    font-size: 28px;
  }
}

.pricing__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.5625vw, 24px);
  color: #ffffff;
  line-height: 1.58;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .pricing__subtitle {
    font-size: 20px;
  }
}

.pricing__text {
  width: fit-content;
  color: #ffffff;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .pricing__text {
    width: 335px;
    text-align: left;
    line-height: 2;
  }
}

.pricing__btn {
  width: 270px;
  height: 60px;
  background: #4b4b5a;
  font-size: 14px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  box-shadow: 0 4px #ffffff;
  transition: all ease 0.1s;
  margin-top: 50px;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .pricing__btn {
    margin: 50px auto 0;
  }
}

.pricing__btn:hover,
.pricing__btn:active {
  box-shadow: 0 0px #4b4b5a;
  margin-bottom: -5px;
  margin-top: 55px;
}

.voice {
  width: 100%;
  padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 12.109375vw, 186px);
  margin: auto;
  text-align: center;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  background: #ffffff;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .voice {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.voice__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  line-height: 1.5;
  margin-bottom: clamp(60px, 5.078125vw, 78px);
}

@media screen and (max-width: 767px) {
  .voice__title {
    font-size: 28px;
  }
}

.voice__slider {
  width: 100%;
  margin-inline: auto;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.voice .slick-list {
  width: clamp(1px, 93.0989583333vw, 1430px);
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .voice .slick-list {
    width: 92vw;
    margin: auto;
  }
}

.voice .slick-track {
  display: flex;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .voice .slick-track {
    gap: 10px;
  }
}

.voice__slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-starts;
  height: clamp(300px, 24.7395833333vw, 380px);
  background: #f5f7fa;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
  padding: clamp(1px, 2.6041666667vw, 40px) clamp(1px, 2.0833333333vw, 32px);
  text-align: left;
  position: relative;
}

@media screen and (max-width: 767px) {
  .voice__slide {
    padding: 32px 24px 28px;
  }
}

.voice__slide::before {
  content: "";
  width: clamp(27px, 2.2135416667vw, 34px);
  height: clamp(25px, 2.0833333333vw, 32px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  background: url("https://cdn.blog.st-hatena.com/files/6801883189115496517/6802340630905233397") no-repeat center/contain;
}

.voice__slide-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #00abff;
  line-height: 1.3571428571;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .voice__slide-title {
    font-size: 18px;
  }
}

.voice__slide-text {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  line-height: 1.875;
  margin-bottom: clamp(8px, 1.953125vw, 30px);
}

@media screen and (max-width: 767px) {
  .voice__slide-text {
    font-size: 14px;
  }
}

.voice__slide-desc {
  display: flex;
  align-items: center;
  gap: 24px;
}

.voice__slide-desc .logo {
  width: clamp(56px, 5.2083333333vw, 80px);
}

.voice__slide-desc .name {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .voice__slide-desc .name {
    font-size: 14px;
  }
}

.voice .slick-prev,
.voice .slick-next {
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  background: transparent;
  position: absolute;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  color: transparent;
  z-index: 2;
}

.voice .slick-prev {
  border-right: 15px solid #00abff;
  left: -2%;
}

@media screen and (max-width: 767px) {
  .voice .slick-prev {
    left: 3%;
  }
}

.voice .slick-next {
  border-left: 15px solid #00abff;
  right: -2%;
}

@media screen and (max-width: 767px) {
  .voice .slick-next {
    right: 3%;
  }
}

.events {
  position: relative;
  background: #f5f7fa;
  padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 12.109375vw, 186px);
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

@media screen and (max-width: 767px) {
  .events {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.events__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  line-height: 1.5;
  text-align: center;
  margin-bottom: clamp(40px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .events__title {
    font-size: 28px;
  }
}

.events__inner {
  width: clamp(1px, 86.9791666667vw, 1336px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .events__inner {
    width: 100%;
    padding: 0 10px;
  }
}

.events .events-single__container {
  width: 100%;
  display: flex;
  gap: clamp(10px, 2.6041666667vw, 40px);
  border-bottom: 1px solid #4b4b5a;
  padding: clamp(1px, 2.9947916667vw, 46px) clamp(1px, 1.953125vw, 30px);
}

@media screen and (max-width: 767px) {
  .events .events-single__container {
    flex-direction: column;
    padding: 16px 10px;
  }
}

.events .events-single__container:first-child {
  border-top: 1px solid #4b4b5a;
}

.events .date {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1px, 1.5625vw, 24px);
  font-weight: 700;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .events .date {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .events .date {
    margin-bottom: 8px;
  }
}

.events .events-single {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .events .events-single {
    border-radius: 10px;
  }
}

.events .events-single__header,
.events .events-single__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
}

@media screen and (max-width: 767px) {

  .events .events-single__header,
  .events .events-single__content {
    height: auto;
  }
}

.events .events-single__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .events .events-single__header {
    gap: 10px;
  }
}

.events .events-single__content {
  height: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
  padding: clamp(1px, 1.5625vw, 24px) clamp(1px, 5.859375vw, 90px) 0 0;
}

@media screen and (max-width: 767px) {
  .events .events-single__content {
    padding: 16px 0 0 0;
  }
}

.events .events-single .plus {
  width: clamp(16px, 1.5625vw, 24px);
  height: clamp(3px, 0.2604166667vw, 4px);
  position: relative;
  background: #4b4b5a;
}

.events .events-single .plus::before {
  content: "";
  width: clamp(16px, 1.5625vw, 24px);
  height: clamp(3px, 0.2604166667vw, 4px);
  background: #4b4b5a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all ease 0.2s;
}

.events .events-single__header.is-active .plus::before {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.events .events-single .title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #00abff;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .events .events-single .title {
    font-size: 18px;
  }
}

.events .events-single .space {
  width: 200px;
}

.events .events-single .content p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .events .events-single .content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .events .events-single .content p {
    line-height: 2;
  }
}

.events .events-single .content .date-place {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: clamp(1px, 1.5625vw, 24px);
}

@media screen and (max-width: 767px) {
  .events .events-single .content .date-place {
    display: none;
  }
}

.events .events-single .content .date-place .date,
.events .events-single .content .date-place .place {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  color: #00abff;
  font-weight: 600;
}

@media screen and (max-width: 767px) {

  .events .events-single .content .date-place .date,
  .events .events-single .content .date-place .place {
    font-size: 14px;
  }
}

.faqs {
  position: relative;
  background: #ffffff;
  padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 12.109375vw, 186px);
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

@media screen and (max-width: 767px) {
  .faqs {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.faqs__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  line-height: 1.5;
  text-align: center;
  margin-bottom: clamp(40px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .faqs__title {
    font-size: 28px;
  }
}

.faqs__inner {
  width: clamp(1px, 59.8958333333vw, 920px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 2.0833333333vw, 32px);
  margin: auto;
}

@media screen and (max-width: 767px) {
  .faqs__inner {
    width: 100%;
    padding: 0 10px;
  }
}

.faqs .faqs-single {
  width: 100%;
  border-radius: 20px;
  background: #f8f8f8;
}

@media screen and (max-width: 767px) {
  .faqs .faqs-single {
    border-radius: 10px;
  }
}

.faqs .faqs-single__header,
.faqs .faqs-single__content {
  width: 100%;
  height: clamp(1px, 5.4036458333vw, 83px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(10px, 2.6041666667vw, 40px) 0;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
}

@media screen and (max-width: 767px) {

  .faqs .faqs-single__header,
  .faqs .faqs-single__content {
    height: auto;
    padding: 16px 10px;
  }
}

.faqs .faqs-single__wrap {
  display: flex;
  flex: 1;
}

.faqs .faqs-single__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .faqs .faqs-single__header {
    gap: 10px;
  }
}

.faqs .faqs-single__content {
  height: auto;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0 clamp(10px, 2.6041666667vw, 40px) 20px;
  display: none;
}

.faqs .faqs-single .plus {
  width: clamp(16px, 1.5625vw, 24px);
  height: clamp(3px, 0.2604166667vw, 4px);
  position: relative;
  background: #4b4b5a;
}

.faqs .faqs-single .plus::before {
  content: "";
  width: clamp(16px, 1.5625vw, 24px);
  height: clamp(3px, 0.2604166667vw, 4px);
  background: #4b4b5a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all ease 0.2s;
}

.faqs .faqs-single__header.is-active .plus::before {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.faqs .faqs-single .q,
.faqs .faqs-single .a {
  font-family: "Readex Pro", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #4b4b5a;
  font-size: clamp(18px, 1.8229166667vw, 28px);
  font-weight: 600;
  margin-right: clamp(10px, 1.3020833333vw, 20px);
}

@media screen and (max-width: 767px) {

  .faqs .faqs-single .q,
  .faqs .faqs-single .a {
    font-size: 20px;
  }
}

.faqs .faqs-single .question,
.faqs .faqs-single .answer {
  flex: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 700;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {

  .faqs .faqs-single .question,
  .faqs .faqs-single .answer {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .faqs .faqs-single .answer {
    padding-right: 40px;
  }
}

.flow {
  background: #e9eef4;
  padding: clamp(80px, 7.8125vw, 120px) 0 clamp(113px, 12.109375vw, 186px);
  position: relative;
  z-index: 2;
  margin-top: -66px;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}

@media screen and (max-width: 767px) {
  .flow {
    margin-top: -33px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}

.flow__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 4.1666666667vw, 64px);
  line-height: 1.5;
  text-align: center;
  margin-bottom: clamp(40px, 4.1666666667vw, 64px);
}

@media screen and (max-width: 767px) {
  .flow__title {
    font-size: 28px;
  }
}

.flow__wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto clamp(50px, 5.2083333333vw, 80px);
}

@media screen and (max-width: 767px) {
  .flow__wrap {
    display: block;
    width: 100%;
  }
}

.flow__inner {
  width: clamp(987px, 86.9140625vw, 1335px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .flow__inner {
    width: 100%;
    flex-wrap: wrap;
    gap: 60px 0;
  }
}

.flow .flow-single-wrap {
  position: relative;
}

@media screen and (max-width: 767px) {
  .flow .flow-single-wrap {
    width: 50%;
    display: flex;
    justify-content: flex-end;
  }
}

.flow .flow-single-wrap::before {
  content: "1";
  position: absolute;
  top: 7%;
  left: 0;
  transform: translateX(-50%);
  width: clamp(50px, 4.6875vw, 72px);
  height: clamp(50px, 4.6875vw, 72px);
  border-radius: 50%;
  background: #00abff;
  font-family: "Readex Pro", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #ffffff;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .flow .flow-single-wrap::before {
    font-size: 19px;
  }
}

@media screen and (max-width: 767px) {
  .flow .flow-single-wrap::before {
    top: 0;
    left: 0;
    transform: unset;
  }
}

.flow .flow-single-wrap:nth-child(2)::before {
  content: "2";
}

.flow .flow-single-wrap:nth-child(3)::before {
  content: "3";
}

@media screen and (min-width: 768px) {
  .flow .flow-single-wrap:nth-child(3)::before {
    top: 5%;
  }
}

.flow .flow-single-wrap:last-child::before {
  content: "4";
}

.flow .flow-single {
  width: clamp(144px, 18.6848958333vw, 287px);
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.flow .flow-single__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  margin-top: clamp(14px, 2.9296875vw, 45px);
}

@media screen and (max-width: 767px) {
  .flow .flow-single__subtitle {
    font-size: 14px;
  }
}

.flow .flow-single__img {
  width: clamp(70px, 6.25vw, 96px);
}

.flow .flow-single__title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .flow .flow-single__title {
    font-size: 18px;
  }
}

.flow .flow-single__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: clamp(10px, 1.3020833333vw, 20px);
}

.flow .flow-single__list li {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  line-height: 1.5;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .flow .flow-single__list li {
    font-size: 10px;
  }
}

.flow__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  color: #00abff;
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(30px, 2.0833333333vw, 32px);
}

@media screen and (max-width: 767px) {
  .flow__subtitle {
    font-size: 18px;
  }
}

.flow__img {
  width: clamp(300px, 20.5078125vw, 315px);
  margin: 0 auto clamp(42px, 3.90625vw, 60px);
}

.flow__inner-2 {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-bottom: clamp(50px, 5.2083333333vw, 80px);
}

@media screen and (max-width: 767px) {
  .flow__inner-2 {
    flex-direction: column;
    align-items: center;
  }
}

.flow__inner-2 .flow-single-2 {
  width: clamp(335px, 29.296875vw, 450px);
  background: #fff;
  border-radius: clamp(10px, 1.3020833333vw, 20px);
  text-align: center;
  padding: clamp(33px, 3.2552083333vw, 50px) clamp(17px, 2.6041666667vw, 40px) clamp(32px, 2.6041666667vw, 40px);
  position: relative;
}

.flow__inner-2 .flow-single-2__title {
  font-family: "Readex Pro", sans-serif;
  font-size: clamp(1px, 1.8229166667vw, 28px);
  letter-spacing: 0.03em;
  color: #00abff;
  text-transform: capitalize;
  position: absolute;
  top: -4%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .flow__inner-2 .flow-single-2__title {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .flow__inner-2 .flow-single-2__title {
    top: 0;
    left: 0;
    transform: translateY(-50%);
  }
}

.flow__inner-2 .flow-single-2__title .text--big {
  font-size: clamp(26px, 3.6458333333vw, 56px);
}

.flow__inner-2 .flow-single-2__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  margin-bottom: clamp(8px, 0.6510416667vw, 10px);
}

@media screen and (max-width: 767px) {
  .flow__inner-2 .flow-single-2__subtitle {
    font-size: 14px;
  }
}

.flow__inner-2 .flow-single-2__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 0.78125vw, 12px);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .flow__inner-2 .flow-single-2__text {
    font-size: 10px;
  }
}

.flow__text {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1px, 1.0416666667vw, 16px);
  font-weight: 600;
  text-align: center;
  line-height: 1.875;
}

@media screen and (max-width: 767px) {
  .flow__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .flow__text {
    line-height: 2;
    text-align: left;
    padding: 0 10px;
  }
}