@charset "UTF-8";

.lp_wrap .result .photo1 {
  position: absolute;
  top: 15.15%;
  right: 0;
  width: 88%;
}
.lp_wrap .result .photo1.trigger {
  transition: 0.6s;
  opacity: 0;
  transform: translateX(40%);
}
.lp_wrap .result .photo1.trigger.move {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .result .photo2 {
  position: absolute;
  top: 62.6%;
  left: 50.7%;
  width: 37.333%;
}
.lp_wrap .result .photo1.trigger ~ .photo2 {
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: translateX(40%);
}
.lp_wrap .result .photo1.trigger.move ~ .photo2 {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .result .photo3 {
  position: absolute;
  top: 65.7%;
  left: 0;
  width: 45.333%;
}
.lp_wrap .result .photo1.trigger ~ .photo3 {
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateX(-40%);
}
.lp_wrap .result .photo1.trigger.move ~ .photo3 {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .result .slider_wrap {
  position: absolute;
  top: 5.7%;
  left: 0%;
  width: 225%;
}
.lp_wrap .result .top {
  position: absolute;
  top: 2.6%;
  left: 31.334%;
  width: 37.333%;
}
.lp_wrap .result .head li {
  position: absolute;
}
.lp_wrap .result .head li:nth-child(1) {
  top: 8.9%;
  left: 33.9%;
  width: 8%;
  height: 16%;
  background: #fff;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .result .head li:nth-child(2) {
  top: 12%;
  left: 20.4%;
  width: 11.2%;
  height: 19.1%;
  background: #fff;
  transition: 0.6s 0.1s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .result .head li:nth-child(3) {
  top: 12%;
  left: 9.4%;
  width: 11.2%;
  height: 35.9%;
  background: #fff;
  transition: 0.6s 0.2s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .result .head li:nth-child(4) {
  top: 10.45%;
  left: 35.6%;
  width: 4.667%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .result .head li:nth-child(5) {
  top: 14%;
  left: 22%;
  width: 7.333%;
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .result .head li:nth-child(6) {
  top: 13.5%;
  left: 10%;
  width: 9.467%;
  transition: 0.6s 0.5s;
  opacity: 0;
}
.lp_wrap .result .head li.trigger.move,
.lp_wrap .result .head li.trigger.move ~ li {
  clip-path: inset(0);
  opacity: 1;
}
.lp_wrap .result .fk li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .result .fk li:nth-child(1) {
  top: 38.2%;
  left: 47.7%;
  width: 40.267%;
  transition: 0.6s;
}
.lp_wrap .result .fk li:nth-child(2) {
  top: 49.2%;
  left: 25.3%;
  width: 31.867%;
  transition: 0.6s 0.3s;
}
.lp_wrap .result .fk li:nth-child(3) {
  top: 57.9%;
  left: 75.2%;
  width: 20.8%;
  transition: 0.6s 0.6s;
}
.lp_wrap .result .fk li:nth-child(4) {
  top: 60.9%;
  left: 4%;
  width: 20.8%;
  transition: 0.6s 0.9s;
}
.lp_wrap .result .fk li:nth-child(5) {
  top: 82.1%;
  left: 34.1%;
  width: 42%;
  transition: 0.6s 1.2s;
}
.lp_wrap .result .fk li.trigger.move,
.lp_wrap .result .fk li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}