@charset "UTF-8";

.lp_wrap .reason3 .movie1 {
  position: absolute;
  top: 0%;
  left: 27.7%;
  width: 86.667%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .reason3 .movie2 {
  position: absolute;
  top: 26%;
  left: -7.1%;
  width: 86.667%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .reason3 .cover {
  position: absolute;
  top: 7.4%;
  left: 6.4%;
  width: 18%;
}
.lp_wrap .reason3 .open {
  position: absolute;
  top: 28.78%;
  right: 0;
  width: 37.867%;
}
.lp_wrap .reason3 .mask li {
  position: absolute;
  top: 37.35%;
  left: 69.1%;
  width: 29.2%;
}
.lp_wrap .reason3 .mask li:nth-child(1) {
  animation: 3s reason3_mask1 linear infinite;
}
.lp_wrap .reason3 .mask li:nth-child(2) {
  animation: 3s reason3_mask2 linear infinite;
}
.lp_wrap .reason3 .mask li:nth-child(3) {
  animation: 3s reason3_mask3 linear infinite;
}
@keyframes reason3_mask1 {
  0%, 33.3% {
    opacity: 1;
  }
  33.4%, 100% {
    opacity: 0;
  }
}
@keyframes reason3_mask2 {
  0%, 33.3%, 66.7%, 100% {
    opacity: 0;
  }
  33.4%, 66.6% {
    opacity: 1;
  }
}
@keyframes reason3_mask3 {
  0%, 66.6% {
    opacity: 0;
  }
  66.7%, 100% {
    opacity: 1;
  }
}
.lp_wrap .reason3 .fk li {
  position: absolute;
  top: 55.13%;
  width: 28.8%;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .reason3 .fk li:nth-child(1) {
  left: 4%;
  transform-origin: 40% 100%;
  transition: 0.6s;
}
.lp_wrap .reason3 .fk li:nth-child(2) {
  left: 35.2%;
  transform-origin: 50% 100%;
  transition: 0.6s 0.3s;
}
.lp_wrap .reason3 .fk li:nth-child(3) {
  left: 67.2%;
  transform-origin: 60% 100%;
  transition: 0.6s 0.6s;
}
.lp_wrap .reason3 .fk li.trigger.move,
.lp_wrap .reason3 .fk li.trigger.move ~ li {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .reason3 .marker {
  position: absolute;
  top: 65.9%;
  left: 13.3%;
  width: 73.2%;
}
.lp_wrap .reason3 .marker.trigger {
  transition: 1s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .reason3 .marker.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .reason3 .copy {
  position: absolute;
  top: 63.8%;
  left: 15.3%;
  width: 66.933%;
}
.lp_wrap .reason3 .slider_wrap {
  position: absolute;
  top: 69.4%;
  left: 0%;
  width: 100%;
}
.lp_wrap .reason3 .slider_wrap img {
  width: 94.575%;
  margin: auto;
}
.lp_wrap .reason3 .slider_wrap .slick-slide {
  position: relative;
}
.lp_wrap .reason3 .movie3 {
  position: absolute;
  top: 3.9%;
  left: 16.8%;
  width: 75.97%;
  overflow: hidden;
}
.lp_wrap .reason3 .movie3 video {
  transform: scale(1.01);
}
.lp_wrap .reason3 .slider_wrap .slider .slick-dots {
  bottom: -5%;
  height: 2%;
}
.lp_wrap .reason3 .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 #c4ab73;
  border-radius: 50%;
  transition: 0.2s;
}
.lp_wrap .reason3 .slider_wrap .slider .slick-dots li.slick-active {
  background: #c4ab73;
}