@charset "UTF-8";

.lp_wrap .feature3 .slider0 {
  position: absolute;
  top: 26.35%;
  left: 0%;
  width: 264%;
  display: flex;
}
.lp_wrap .feature3 .slider0 div {
  animation: 12s feature_slide0 linear infinite
}
.lp_wrap .feature3 .tit {
  position: absolute;
  top: 32.55%;
  left: 7%;
  width: 21.6%;
}
.lp_wrap .feature3 .head li {
  position: absolute;
  clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .feature3 .head li:nth-child(1) {
  top: 35.5%;
  left: 5.8%;
  width: 71.6%;
  transition: 0.8s;
}
.lp_wrap .feature3 .head li:nth-child(2) {
  top: 40.25%;
  left: 5.9%;
  width: 68.8%;
  transition: 0.8s 0.4s;
}
.lp_wrap .feature3 .head li.trigger.move,
.lp_wrap .feature3 .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature3 .movie {
  position: absolute;
  top: 54.95%;
  right: 0%;
  width: 92.667%;
}
.lp_wrap .feature3 .cover {
  position: absolute;
  top: 56.4%;
  left: 4.6%;
  width: 4.8%;
}
.lp_wrap .feature3 .icon li {
  position: absolute;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .feature3 .icon li:nth-child(1) {
  top: 76.2%;
  left: 7.3%;
  width: 22.667%;
  transition: 0.6s;
}
.lp_wrap .feature3 .icon li:nth-child(2) {
  top: 76.2%;
  left: 32.2%;
  width: 22.8%;
  transition: 0.6s 0.2s;
}
.lp_wrap .feature3 .icon li:nth-child(3) {
  top: 76.2%;
  left: 57.3%;
  width: 22.667%;
  transition: 0.6s 0.4s;
}
.lp_wrap .feature3 .icon li:nth-child(4) {
  top: 85.55%;
  left: 7.3%;
  width: 22.667%;
  transition: 0.6s 1s;
}
.lp_wrap .feature3 .icon li:nth-child(5) {
  top: 85.55%;
  left: 32.2%;
  width: 22.8%;
  transition: 0.6s 0.8s;
}
.lp_wrap .feature3 .icon li:nth-child(6) {
  top: 85.55%;
  left: 57.3%;
  width: 22.667%;
  transition: 0.6s 0.6s;
}
.lp_wrap .feature3 .icon li.trigger.move,
.lp_wrap .feature3 .icon li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1);
}