@charset "UTF-8";
/* ----------------------------------------
セクション共通スタイル
---------------------------------------- */
@media screen and (min-width: 1024px) {
  .lp-section {
    padding-inline: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-section .common__section__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__title {
    display: flex;
    align-items: center;
    gap: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__title {
    font-size: calc(clamp(0px, 7.4666666667vw, 76.384px) * 1);
    margin-bottom: calc(clamp(0px, 6.4vw, 65.472px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__title:has(.common__section__title__tag) {
    line-height: 120%;
  }
}
.lp-section .common__section__title__tag {
  display: inline-block;
  line-height: 1;
  border: 1px solid #1A1A1A;
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__title__tag {
    font-size: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
    padding: calc(clamp(0px, 0.46875vw, 9px) * 1) calc(clamp(0px, 0.8854166667vw, 17px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__title__tag {
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
    padding: calc(clamp(0px, 1.3333333333vw, 13.64px) * 1) calc(clamp(0px, 2.4vw, 24.552px) * 1);
  }
}
.lp-section .common__section__column__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__column__title {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__column__title {
    font-size: calc(clamp(0px, 4.8vw, 49.104px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__column__text {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__column__text {
    margin-top: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__column__note {
    margin-top: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__column__note {
    margin-top: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
.lp-section .common__section__column__note li {
  line-height: 150%;
  color: #999999;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__column__note li {
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__column__note li {
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__banner {
    margin-top: calc(clamp(0px, 6.4vw, 65.472px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__banner a {
    background-color: #ADDDB7;
    margin-top: calc(clamp(0px, 2.5vw, 48px) * 1);
    width: calc(clamp(0px, 83.3333333333vw, 1600px) * 1);
    margin-inline: auto;
    padding-block: calc(clamp(0px, 2.2916666667vw, 44px) * 1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(clamp(0px, 3.125vw, 60px) * 1);
    border-radius: calc(clamp(0px, 0.625vw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__banner a {
    display: block;
    background-color: #1A1A1A;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    padding-block: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__banner__text {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__banner__button {
    background-color: #1A1A1A;
    color: #fff;
    text-align: center;
    line-height: 1;
    width: calc(clamp(0px, 11.71875vw, 225px) * 1);
    padding-block: calc(clamp(0px, 0.78125vw, 15px) * 1);
    font-size: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
    transition: opacity 0.3s ease;
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__banner__button {
    display: none;
  }
}
.lp-section .common__section__banner__button:hover {
  opacity: 0.8;
}
.lp-section .common__section__slide__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-section .common__section__slide__title {
    margin-top: calc(clamp(0px, 2.5vw, 48px) * 1);
    margin-bottom: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section .common__section__slide__title {
    margin-block: calc(clamp(0px, 6.4vw, 65.472px) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 60.016px) * 1);
  }
}

@media screen and (min-width: 1024px) {
  .lp-section-slide {
    max-width: calc(clamp(0px, 22.1875vw, 426px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-section-slide .common__section__slide__text {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-section-slide .common__section__slide__text {
    margin-top: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}