@charset "UTF-8";
.lp-page {
  width: 100%;
  max-width: 500px;
  /* 初期状態 */
  /* 表示時 */
}
.lp-page__item {
  width: 100%;
}
.lp-page__catch {
  position: relative;
}
.lp-page__catch_1, .lp-page__catch_2 {
  position: absolute;
}
.lp-page__catch_1 {
  width: clamp(0px, 50vw, 250px);
  bottom: clamp(0px, 7.9166666667vw, 40px);
  left: clamp(0px, 12.5vw, 62px);
}
.lp-page__catch_2 {
  width: clamp(0px, 18.75vw, 95px);
  top: clamp(0px, 8.3333333333vw, 40px);
  right: clamp(0px, 9.5833333333vw, 50px);
}
.lp-page__worries {
  position: relative;
}
.lp-page__worries-text_1, .lp-page__worries-text_2, .lp-page__worries_1, .lp-page__worries_2, .lp-page__worries_3, .lp-page__worries_4, .lp-page__worries_5, .lp-page__worries_6 {
  position: absolute;
  width: clamp(0px, 22.0833333333vw, 110px);
}
.lp-page__worries-text_1 {
  width: clamp(0px, 79.1666666667vw, 395px);
  top: clamp(0px, 8.3333333333vw, 40px);
  left: 0;
}
.lp-page__worries-text_2 {
  width: clamp(0px, 65.8333333333vw, 330px);
  top: clamp(0px, 21.6666666667vw, 108px);
  left: 0;
}
.lp-page__worries_1 {
  bottom: clamp(0px, 9.1666666667vw, 45px);
  left: clamp(0px, 16.6666666667vw, 83px);
}
.lp-page__worries_2 {
  bottom: clamp(0px, 36.6666666667vw, 183px);
  left: clamp(0px, 4.1666666667vw, 20px);
}
.lp-page__worries_3 {
  bottom: clamp(0px, 64.1666666667vw, 320px);
  left: clamp(0px, 16.6666666667vw, 83px);
}
.lp-page__worries_4 {
  bottom: clamp(0px, 64.1666666667vw, 320px);
  right: clamp(0px, 16.6666666667vw, 83px);
}
.lp-page__worries_5 {
  bottom: clamp(0px, 36.6666666667vw, 183px);
  right: clamp(0px, 4.1666666667vw, 20px);
}
.lp-page__worries_6 {
  bottom: clamp(0px, 9.1666666667vw, 45px);
  right: clamp(0px, 16.6666666667vw, 83px);
}
.lp-page__video {
  padding: clamp(20px, 5.8333333333vw, 30px);
}
.lp-page__video video {
  width: 100%;
}
.lp-page__point1, .lp-page__point2, .lp-page__point3 {
  position: relative;
}
.lp-page__point1_1, .lp-page__point1_2, .lp-page__point1_3, .lp-page__point2_1, .lp-page__point2_2, .lp-page__point2_3, .lp-page__point3_1, .lp-page__point3_2, .lp-page__point3_3 {
  position: absolute;
}
.lp-page__point1_bg {
  z-index: 5;
  position: absolute;
  width: 100%;
  top: clamp(0px, 13.0833333333vw, 65px);
  left: 0;
}
.lp-page__point1_1 {
  width: clamp(0px, 25.8333333333vw, 130px);
  top: clamp(0px, 20vw, 100px);
  left: clamp(0px, 37.0833333333vw, 185px);
}
.lp-page__point1_2 {
  width: clamp(0px, 69.1666666667vw, 345px);
  top: clamp(0px, 28.3333333333vw, 144px);
  left: clamp(0px, 15.4166666667vw, 77px);
}
.lp-page__point1_3 {
  width: clamp(0px, 60vw, 300px);
  top: clamp(0px, 36.6666666667vw, 185px);
  left: clamp(0px, 20vw, 100px);
}
.lp-page__point1_arrow1, .lp-page__point1_arrow2, .lp-page__point1_arrow3, .lp-page__point1_arrow4, .lp-page__point1_arrow5, .lp-page__point1_arrow6 {
  position: absolute;
}
.lp-page__point1_arrow1 {
  width: clamp(0px, 4vw, 20px);
  top: clamp(0px, 107.6666666667vw, 538px);
  left: clamp(0px, 21.4166666667vw, 107px);
  -webkit-animation: arrow-fade-inout 2s ease-in-out infinite;
          animation: arrow-fade-inout 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lp-page__point1_arrow2 {
  width: clamp(0px, 4vw, 20px);
  top: clamp(0px, 107.6666666667vw, 538px);
  left: clamp(0px, 34.5vw, 172px);
  -webkit-animation: arrow-fade-inout 2s ease-in-out infinite;
          animation: arrow-fade-inout 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lp-page__point1_arrow3 {
  width: clamp(0px, 4.5833333333vw, 23px);
  top: clamp(0px, 108.6666666667vw, 543px);
  left: clamp(0px, 45.8333333333vw, 230px);
  -webkit-animation: arrow-fade-inout 2s ease-in-out infinite;
          animation: arrow-fade-inout 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lp-page__point1_arrow4 {
  width: clamp(0px, 7vw, 35px);
  top: clamp(0px, 181.6666666667vw, 908px);
  left: clamp(0px, 20vw, 100px);
  -webkit-animation: arrow-down-fade 2s ease-in-out infinite;
          animation: arrow-down-fade 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lp-page__point1_arrow5 {
  width: clamp(0px, 11.6666666667vw, 58px);
  top: clamp(0px, 181.6666666667vw, 908px);
  left: clamp(0px, 31.6666666667vw, 158px);
  -webkit-animation: arrow-down-fade 2s ease-in-out infinite;
          animation: arrow-down-fade 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.lp-page__point1_arrow6 {
  width: clamp(0px, 7vw, 35px);
  top: clamp(0px, 181.6666666667vw, 908px);
  left: clamp(0px, 50vw, 250px);
  -webkit-animation: arrow-down-fade 2s ease-in-out infinite;
          animation: arrow-down-fade 2s ease-in-out infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@-webkit-keyframes arrow-fade-inout {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  20% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  80% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
  }
}
@keyframes arrow-fade-inout {
  0% {
    opacity: 0;
    clip-path: inset(0 0 100% 0);
  }
  20% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  80% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 0;
    clip-path: inset(100% 0 0 0);
  }
}
@-webkit-keyframes arrow-down-fade {
  0% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    opacity: 1;
  }
  50% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}
@keyframes arrow-down-fade {
  0% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    opacity: 1;
  }
  50% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
}
.lp-page__point2_1 {
  width: clamp(0px, 25.8333333333vw, 130px);
  top: clamp(0px, 20vw, 100px);
  left: clamp(0px, 37.0833333333vw, 185px);
}
.lp-page__point2_2 {
  width: clamp(0px, 69.1666666667vw, 345px);
  top: clamp(0px, 28.3333333333vw, 144px);
  left: clamp(0px, 15.4166666667vw, 77px);
}
.lp-page__point3_1 {
  width: clamp(0px, 72.5vw, 362px);
  top: clamp(0px, 20vw, 100px);
  left: clamp(0px, 13.75vw, 68px);
}
.lp-page__point3_2 {
  width: clamp(0px, 90vw, 450px);
  top: clamp(0px, 28.3333333333vw, 144px);
  left: clamp(0px, 5vw, 25px);
}
.lp-page__qa {
  position: relative;
}
.lp-page__qa__cta {
  display: block;
  position: absolute;
  bottom: clamp(0px, 6.6666666667vw, 30px);
  right: clamp(0px, 26.6666666667vw, 130px);
  font-size: clamp(0px, 3.7333333333vw, 17px);
  color: #c7475e;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #c7475e;
}
.lp-page__cta {
  position: relative;
}
.lp-page__cta-btn {
  width: clamp(100px, 56.8333333333vw, 285px);
  display: block;
  position: absolute;
  bottom: clamp(0px, 58.6666666667vw, 290px);
  left: 50%;
  -webkit-animation: pulse 2s ease-in-out infinite;
          animation: pulse 2s ease-in-out infinite;
  -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;
}
@-webkit-keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1) translateX(-52%);
            transform: scale(1) translateX(-52%);
  }
  50% {
    -webkit-transform: scale(1.05) translateX(-49%);
            transform: scale(1.05) translateX(-49%);
  }
}
@keyframes pulse {
  0%, 100% {
    -webkit-transform: scale(1) translateX(-52%);
            transform: scale(1) translateX(-52%);
  }
  50% {
    -webkit-transform: scale(1.05) translateX(-49%);
            transform: scale(1.05) translateX(-49%);
  }
}
@media screen and (min-width: 640px) {
  .lp-page__cta-btn:hover {
    opacity: 0;
  }
  .lp-page__cta-btn.m__hover {
    opacity: 0;
  }
  .lp-page__cta-btn.m__hover:hover {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
@media screen and (max-width: 639px) {
  .lp-page__cta-btn.m__hover {
    display: none;
  }
}
.lp-page__cta__common {
  display: block;
  position: absolute;
  bottom: clamp(0px, 52vw, 260px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: clamp(0px, 3.2vw, 16px);
  color: #c7475e;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #c7475e;
}
.lp-page__cta__sentence {
  width: clamp(0px, 80vw, 400px);
  display: block;
  position: absolute;
  bottom: clamp(0px, 20vw, 100px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: clamp(0px, 2.6666666667vw, 13px);
  color: #000;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: normal;
  background-color: #fff;
  padding: clamp(0px, 1.0666666667vw, 5px);
}
.lp-page__cta__tel {
  display: block;
  position: absolute;
  bottom: clamp(0px, 11.4666666667vw, 57px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: clamp(0px, 2.6666666667vw, 13px);
  color: #000;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}
.lp-page .fade-in-left,
.lp-page .fade-in-up {
  opacity: 0;
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, -webkit-transform 1s ease;
  transition: opacity 1s ease, transform 1s ease;
  transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease;
}
.lp-page .fade-in-up {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.lp-page .fade-in-left.show,
.lp-page .fade-in-up.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

@media screen and (min-width: 640px) {
  .u-sp {
    display: none !important;
  }
}

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