@charset "UTF-8";

.lp_wrap .feature2 .slider0 {
  position: absolute;
  top: 16.4%;
  left: 0%;
  width: 424%;
  display: flex;
}
.lp_wrap .feature2 .slider0 div {
  animation: 20s feature_slide0 linear infinite
}
@keyframes feature_slide0 {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .feature2 .tit {
  position: absolute;
  top: 20.2%;
  left: 7%;
  width: 21.6%;
}
.lp_wrap .feature2 .head li {
  position: absolute;
  clip-path: inset(0% 100% 0% 0%);
}
.lp_wrap .feature2 .head li:nth-child(1) {
  top: 22.05%;
  left: 6%;
  width: 54.933%;
  transition: 0.8s;
}
.lp_wrap .feature2 .head li:nth-child(2) {
  top: 24.97%;
  left: 6%;
  width: 73.733%;
  transition: 0.8s 0.4s;
}
.lp_wrap .feature2 .head li.trigger.move,
.lp_wrap .feature2 .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature2 .let1 {
  position: absolute;
  top: 37.8%;
  left: 84.3%;
  width: 8.4%;
}
.lp_wrap .feature2 .let1.trigger {
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .feature2 .let1.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .feature2 .graph1 li {
  position: absolute;
  overflow: hidden;
}
.lp_wrap .feature2 .graph1 li:nth-child(1) {
  top: 37.5%;
  left: 20.6%;
  width: 20%;
}
.lp_wrap .feature2 .graph1 li:nth-child(2) {
  top: 35.65%;
  left: 44.7%;
  width: 26.667%;
}
.lp_wrap .feature2 .graph1 li:nth-child(1) img {
  transition: 0.8s;
  transform: translateY(101%);
}
.lp_wrap .feature2 .graph1 li:nth-child(2) img {
  transition: 0.8s 0.3s;
  transform: translateY(101%);
}
.lp_wrap .feature2 .graph1 li.trigger.move img,
.lp_wrap .feature2 .graph1 li.trigger.move ~ li img {
  transform: translateY(0);
}
.lp_wrap .feature2 .let2 {
  position: absolute;
  top: 55.1%;
  left: 84.1%;
  width: 8.8%;
}
.lp_wrap .feature2 .let2.trigger {
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .feature2 .let2.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .feature2 .graph2 li {
  position: absolute;
  overflow: hidden;
}
.lp_wrap .feature2 .graph2 li:nth-child(1) {
  top: 56.13%;
  left: 20.7%;
  width: 20%;
}
.lp_wrap .feature2 .graph2 li:nth-child(2) {
  top: 51.45%;
  left: 44.7%;
  width: 26.667%;
}
.lp_wrap .feature2 .graph2 li:nth-child(1) img {
  transition: 0.8s;
  transform: translateY(101%);
}
.lp_wrap .feature2 .graph2 li:nth-child(2) img {
  transition: 0.8s 0.3s;
  transform: translateY(101%);
}
.lp_wrap .feature2 .graph2 li.trigger.move img,
.lp_wrap .feature2 .graph2 li.trigger.move ~ li img {
  transform: translateY(0);
}
.lp_wrap .feature2 .photo li {
  position: absolute;
  right: 0%;
  width: 92.667%;
}
.lp_wrap .feature2 .photo li:nth-child(1) {
  top: 67.05%;
  height: 11.74%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .feature2 .photo li:nth-child(2) {
  top: 78.77%;
  height: 11.74%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 0 0 100%);
}
.lp_wrap .feature2 .photo li:nth-child(3) {
  top: 67.05%;
  transition: 0.8s 0.4s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .feature2 .photo li:nth-child(4) {
  top: 78.77%;
  transition: 0.8s 0.4s;
  clip-path: inset(0 0 0 100%);
}
.lp_wrap .feature2 .photo li.trigger.move,
.lp_wrap .feature2 .photo li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature2 .ba {
  position: absolute;
  top: 67.96%;
  left: 4.6%;
  width: 5.067%;
}