@charset "UTF-8";

.lp_wrap .feature1 .cycle {
  position: absolute;
  top: 44%;
  left: 52.6%;
  width: 66.8%;
  animation: 12s cycle1 linear infinite;
}
.lp_wrap .feature1 .movie1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 50%;
}
.lp_wrap .feature1 .movie2 {
  position: absolute;
  top: 0%;
  right: 0%;
  width: 50%;
}
.lp_wrap .feature1 .logo {
  position: absolute;
  top: 1.85%;
  left: 2.7%;
  width: 20.933%;
}
.lp_wrap .feature1 .copy li {
  position: absolute;
  clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .feature1 .copy li:nth-child(1) {
  top: 17.9%;
  left: 24.4%;
  width: 39.6%;
  transition: 0.8s;
}
.lp_wrap .feature1 .copy li:nth-child(2) {
  top: 21.27%;
  left: 24.5%;
  width: 49.867%;
  transition: 0.8s 0.4s;
}
.lp_wrap .feature1 .copy li:nth-child(3) {
  top: 28.8%;
  left: 24.5%;
  width: 50.4%;
  transition: 0.8s 0.7s;
}
.lp_wrap .feature1 .copy li:nth-child(4) {
  top: 36.35%;
  left: 24.534%;
  width: 50.933%;
  transition: 0.8s 1s;
}
.lp_wrap .feature1 .copy li.trigger.move,
.lp_wrap .feature1 .copy li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature1 .head li {
  position: absolute;
  clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .feature1 .head li:nth-child(1) {
  top: 61.95%;
  left: 6%;
  width: 78.667%;
  transition: 0.8s;
}
.lp_wrap .feature1 .head li:nth-child(2) {
  top: 66.4%;
  left: 7.3%;
  width: 66.267%;
  transition: 0.8s 0.4s;
}
.lp_wrap .feature1 .head li.trigger.move,
.lp_wrap .feature1 .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature1 .movie3 {
  position: absolute;
  top: 73.8%;
  left: 0%;
  width: 100%;
}