@charset "UTF-8";

.lp_wrap .ba .photo {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  overflow: hidden;
}
.lp_wrap .ba .photo.trigger img {
  transition: 4s;
  transform: scale(1);
  filter: blur(0px);
}
.lp_wrap .ba .photo.trigger.move img {
  transform: scale(9);
  filter: blur(4px);
}
.lp_wrap .ba .red {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  transition: 1.2s 0.4s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .ba .photo.trigger.move ~ .red {
  clip-path: inset(0);
}
.lp_wrap .ba .icon1 {
  position: absolute;
  top: 5.57%;
  left: 17.5%;
  width: 33.333%;
  transition: 0.6s 0.4s;
  transform: translate(-32.4%, -52.5%);
}
.lp_wrap .ba .icon2 {
  position: absolute;
  top: 5.57%;
  left: 49.3%;
  width: 33.333%;
  transition: 0.6s 0.4s;
  transform: translate(32.4%, -52.5%);
}
.lp_wrap .ba .photo.trigger.move ~ .icon1,
.lp_wrap .ba .photo.trigger.move ~ .icon2 {
  transform: translate(0%, 0%);
}
.lp_wrap .ba .head {
  position: absolute;
  top: 14.52%;
  left: 20.6%;
  width: 58.133%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .ba .icon3 {
  position: absolute;
  top: 28.48%;
  left: 8%;
  width: 84%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .ba .photo.trigger.move ~ .head,
.lp_wrap .ba .photo.trigger.move ~ .icon3 {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .ba .att {
  position: absolute;
  top: 38.05%;
  left: 6.8%;
  width: 78.7666%;
}
.lp_wrap .ba .after1 li {
  position: absolute;
}
.lp_wrap .ba .after1 li:nth-child(1) {
  top: 65.65%;
  left: 52.6%;
  width: 40.667%;
  transition: 0.6s;
  transform: translateX(-113%);
}
.lp_wrap .ba .after1 li:nth-child(2) {
  top: 63.23%;
  left: 80.2%;
  width: 16.133%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .ba .after1 li.trigger.move,
.lp_wrap .ba .after1 li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1) translateX(0);
}
.lp_wrap .ba .after2 li {
  position: absolute;
}
.lp_wrap .ba .after2 li:nth-child(1) {
  top: 80.8%;
  left: 52.6%;
  width: 40.667%;
  transition: 0.6s;
  transform: translateX(-113%);
}
.lp_wrap .ba .after2 li:nth-child(2) {
  top: 78.33%;
  left: 80.2%;
  width: 16.133%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .ba .after2 li.trigger.move,
.lp_wrap .ba .after2 li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1) translateX(0);
}
.lp_wrap .ba .before1 {
  position: absolute;
  top: 63.23%;
  left: 4%;
  width: 43.467%;
}
.lp_wrap .ba .before2 {
  position: absolute;
  top: 78.27%;
  left: 4%;
  width: 43.333%;
}
.lp_wrap .ba .arrow1 {
  position: absolute;
  top: 69.35%;
  left: 41.6%;
  width: 17.333%;
}
.lp_wrap .ba .arrow2 {
  position: absolute;
  top: 84.52%;
  left: 41.6%;
  width: 17.333%;
}