@charset "UTF-8";

.lp_wrap .reason1 .head {
  position: absolute;
  top: 1.06%;
  left: 3.9%;
  width: 92.267%;
}
.lp_wrap .reason1 .head.trigger {
  transition: 0.6s;
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .reason1 .head.trigger.move {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .reason1 .movie1 {
  position: absolute;
  top: 16.1%;
  left: 18.9%;
  width: 100%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .reason1 .cover {
  position: absolute;
  top: 26.95%;
  left: 75.3%;
  width: 19.467%;
}
.lp_wrap .reason1 .num li {
  position: absolute;
  transform: translateY(30%);
  opacity: 0;
}
.lp_wrap .reason1 .num li:nth-child(1) {
  top: 36.25%;
  left: 4.8%;
  width: 12.667%;
  transition: 0.6s;
}
.lp_wrap .reason1 .num li:nth-child(2) {
  top: 36.2%;
  left: 18%;
  width: 12.8%;
  transition: 0.6s 0.2s;
}
.lp_wrap .reason1 .num li:nth-child(3) {
  top: 36.2%;
  left: 31.9%;
  width: 13.867%;
  transition: 0.6s 0.4s;
}
.lp_wrap .reason1 .num li.trigger.move,
.lp_wrap .reason1 .num li.trigger.move ~ li {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .reason1 .mask {
  position: absolute;
  top: 40.6%;
  right: 0;
  width: 71.6%;
}
.lp_wrap .reason1 .mask.trigger {
  transition: 0.6s;
  transform: translateX(101%);
}
.lp_wrap .reason1 .mask.trigger.move {
  transform: translateX(0);
}
.lp_wrap .reason1 .let {
  position: absolute;
  top: 42.73%;
  left: 3.8%;
  width: 58.267%;
}
.lp_wrap .reason1 .fk li {
  position: absolute;
  top: 63.73%;
  width: 44%;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .reason1 .fk li:nth-child(1) {
  left: 4%;
  transform-origin: 60% 100%;
  transition: 0.6s;
}
.lp_wrap .reason1 .fk li:nth-child(2) {
  left: 52%;
  transform-origin: 40% 100%;
  transition: 0.6s 0.3s;
}
.lp_wrap .reason1 .fk li.trigger.move,
.lp_wrap .reason1 .fk li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1);
}
.lp_wrap .reason1 .marker {
  position: absolute;
  top: 72.5%;
  left: 13.1%;
  width: 73.2%;
}
.lp_wrap .reason1 .marker.trigger {
  transition: 1s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .reason1 .marker.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .reason1 .copy {
  position: absolute;
  top: 70.7%;
  left: 16.1%;
  width: 67.6%;
}
.lp_wrap .reason1 .slider_wrap {
  position: absolute;
  top: 75.28%;
  left: 0%;
  width: 100%;
}
.lp_wrap .reason1 .slider_wrap img {
  width: 94.575%;
  margin: auto;
}
.lp_wrap .reason1 .slider_wrap .slick-slide {
  position: relative;
}
.lp_wrap .reason1 .movie2 {
  position: absolute;
  top: 3.9%;
  left: 16.8%;
  width: 75.97%;
}
.lp_wrap .reason1 .slider_wrap .slider .slick-dots {
  bottom: -5%;
  height: 2%;
}
.lp_wrap .reason1 .slider_wrap .slider .slick-dots li {
  width: auto;
  height: 100%;
  margin: 0% 0.7%;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #44aebe;
  border-radius: 50%;
  transition: 0.2s;
}
.lp_wrap .reason1 .slider_wrap .slider .slick-dots li.slick-active {
  background: #44aebe;
}