@charset "UTF-8";

.lp_wrap .power0 .head li {
  position: absolute;
}
.lp_wrap .power0 .head li:nth-child(1) {
  top: 7.45%;
  left: 26.5%;
  width: 49.6%;
}
.lp_wrap .power0 .head li:nth-child(2) {
  top: 20.6%;
  left: 21.2%;
  width: 57.6%;
}
.lp_wrap .power0 .head li:nth-child(3) {
  top: 28.5%;
  left: 20.2%;
  width: 56.8%;
}
.lp_wrap .power0 .head li img {
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .power0 .head li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .power0 .head li:nth-child(2) img {
  transition: 0.6s 0.4s;
}
.lp_wrap .power0 .head li:nth-child(3) img {
  transition: 0.6s 0.8s;
}
.lp_wrap .power0 .head li.trigger.move img,
.lp_wrap .power0 .head li.trigger.move ~ li img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .power0 .cycle {
  display: none;
  position: absolute;
  top: 41.2%;
  left: 13.867%;
  width: 72.267%;
  animation: 20s cycle1 linear infinite;
}
.lp_wrap .power0 .att {
  position: absolute;
  top: 94.65%;
  left: 21.8%;
  width: 56.4%;
}
.lp_wrap .power0 .deco1 {
  position: absolute;
  top: 34.6%;
  left: -17.9%;
  width: 35.6%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(140%, 100%);
}
.lp_wrap .power0 .deco2 {
  position: absolute;
  top: 52.4%;
  left: 4.6%;
  width: 20.133%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(180%, 20%);
}
.lp_wrap .power0 .deco3 {
  position: absolute;
  top: 44.5%;
  left: 67%;
  width: 19.467%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(-140%, 120%);
}
.lp_wrap .power0 .deco4 {
  position: absolute;
  top: 34.6%;
  left: 85.3%;
  width: 19.733%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(-230%, 200%);
}
.lp_wrap .power0 .deco5 {
  position: absolute;
  top: 51%;
  left: 90.4%;
  width: 10.8%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(-430%, 140%);
}
.lp_wrap .power0 .deco6 {
  position: absolute;
  top: 74.7%;
  left: 6.2%;
  width: 28.267%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(110%, -130%);
}
.lp_wrap .power0 .deco7 {
  position: absolute;
  top: 84.5%;
  left: -6%;
  width: 16.667%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(290%, -230%);
}
.lp_wrap .power0 .deco8 {
  position: absolute;
  top: 65.4%;
  left: 67.3%;
  width: 22.533%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(-130%, -60%);
}
.lp_wrap .power0 .deco9 {
  position: absolute;
  top: 73.2%;
  left: 67.3%;
  width: 31.2%;
  transition: 1.4s;
  opacity: 0;
  transform: translate(-110%, -90%);
}
.lp_wrap .power0 .deco1.trigger.move,
.lp_wrap .power0 .deco1.trigger.move ~ .deco2,
.lp_wrap .power0 .deco1.trigger.move ~ .deco3,
.lp_wrap .power0 .deco1.trigger.move ~ .deco4,
.lp_wrap .power0 .deco1.trigger.move ~ .deco5,
.lp_wrap .power0 .deco1.trigger.move ~ .deco6,
.lp_wrap .power0 .deco1.trigger.move ~ .deco7,
.lp_wrap .power0 .deco1.trigger.move ~ .deco8,
.lp_wrap .power0 .deco1.trigger.move ~ .deco9 {
  opacity: 1;
  transform: translate(0, 0);
}
.lp_wrap .power0 .deco1 img {
  animation: 1.6s power0_deco ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco2 img {
  animation: 2s power0_deco2 -0.5s ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco3 img {
  animation: 1.6s power0_deco ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco4 img {
  animation: 2s power0_deco 1s ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco5 img {
  animation: 1.6s power0_deco2 -0.5s ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco6 img {
  animation: 2s power0_deco ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco7 img {
  animation: 1.6s power0_deco2 -0.5s ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco8 img {
  animation: 2s power0_deco2 ease-in-out alternate infinite;
}
.lp_wrap .power0 .deco9 img {
  animation: 1.6s power0_deco -0.5s ease-in-out alternate infinite;
}
@keyframes power0_deco {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}
@keyframes power0_deco2 {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}