@charset "UTF-8";

.lp_wrap .intro .head li {
  position: absolute;
}
.lp_wrap .intro .head li:nth-child(1) {
  top: 3.76%;
  left: 6.1%;
  width: 60.133%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .intro .head li:nth-child(2) {
  top: 6.1%;
  left: 6.1%;
  width: 60.133%;
  transition: 0.8s 0.2s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .intro .head li:nth-child(3) {
  top: 4.03%;
  left: 40.8%;
  width: 7.6%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li:nth-child(4) {
  top: 4.1%;
  left: 49.3%;
  width: 7.2%;
  transition: 0.6s 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li:nth-child(5) {
  top: 4.1%;
  left: 57.9%;
  width: 7.067%;
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li:nth-child(6) {
  top: 6.42%;
  left: 41.2%;
  width: 7.6%;
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li:nth-child(7) {
  top: 6.45%;
  left: 50.1%;
  width: 6.533%;
  transition: 0.6s 0.7s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li:nth-child(8) {
  top: 6.5%;
  left: 58.8%;
  width: 5.733%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .head li.trigger.move,
.lp_wrap .intro .head li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}
.lp_wrap .intro .cycle {
  position: absolute;
  top: 7.4%;
  left: 57%;
  width: 54.667%;
  animation: 20s cycle1 linear infinite;
}
@keyframes cycle1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg);
  }
}
.lp_wrap .intro .copy li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .copy li:nth-child(1) {
  top: 11.2%;
  left: 74.5%;
  width: 19.467%;
  transition: 0.6s;
}
.lp_wrap .intro .copy li:nth-child(2) {
  top: 16.3%;
  left: 76.7%;
  width: 15.333%;
  transition: 0.6s 0.2s;
}
.lp_wrap .intro .copy li:nth-child(3) {
  top: 21.15%;
  left: 75.3%;
  width: 18.4%;
  transition: 0.6s 0.4s;
}
.lp_wrap .intro .copy li:nth-child(4) {
  top: 25.96%;
  left: 77.5%;
  width: 15.2%;
  transition: 0.6s 0.6s;
}
.lp_wrap .intro .copy li:nth-child(5) {
  top: 30.9%;
  left: 75.8%;
  width: 17.467%;
  transition: 0.6s 0.8s;
}
.lp_wrap .intro .copy li.trigger.move,
.lp_wrap .intro .copy li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .intro .let1 li {
  position: absolute;
}
.lp_wrap .intro .let1 li:nth-child(1) {
  top: 42.85%;
  left: 6%;
  width: 10.133%;
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .intro .let1 li:nth-child(2) {
  top: 52.45%;
  left: 7.2%;
  width: 7.733%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let1 li:nth-child(3) {
  top: 54.28%;
  left: 7.5%;
  width: 7.333%;
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let1 li:nth-child(4) {
  top: 56.57%;
  left: 7.4%;
  width: 78.533%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let1 li.trigger.move,
.lp_wrap .intro .let1 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}
.lp_wrap .intro .let2 li {
  position: absolute;
}
.lp_wrap .intro .let2 li:nth-child(1) {
  top: 69.43%;
  left: 83.9%;
  width: 10.133%;
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .intro .let2 li:nth-child(2) {
  top: 77.05%;
  left: 85.3%;
  width: 7.067%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(3) {
  top: 78.87%;
  left: 85.2%;
  width: 7.467%;
  transition: 0.6s 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(4) {
  top: 80.78%;
  left: 85.6%;
  width: 6.267%;
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(5) {
  top: 82.8%;
  left: 86.4%;
  width: 5.2%;
  transition: 0.6s 0.7s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(6) {
  top: 84.43%;
  left: 86.9%;
  width: 4.133%;
  transition: 0.6s 0.8s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(7) {
  top: 86.25%;
  left: 88.2%;
  width: 1.467%;
  transition: 0.6s 0.9s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .let2 li:nth-child(8) {
  top: 69.2%;
  left: 63.8%;
  width: 16.4%;
  transition: 0.6s 1.1s;
  opacity: 0;
  transform: translateY(10%);
}
.lp_wrap .intro .let2 li.trigger.move,
.lp_wrap .intro .let2 li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}
.lp_wrap .intro .catch li {
  position: absolute;
}
.lp_wrap .intro .catch li:nth-child(1) {
  top: 94.2%;
  left: 6.9%;
  width: 75.467%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .intro .catch li:nth-child(2) {
  top: 94.53%;
  left: 49.7%;
  width: 6.933%;
  transition: 0.6s 0.4s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .catch li:nth-child(3) {
  top: 94.53%;
  left: 58.9%;
  width: 5.733%;
  transition: 0.6s 0.5s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .catch li:nth-child(4) {
  top: 94.55%;
  left: 66.7%;
  width: 6.667%;
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .intro .catch li:nth-child(5) {
  top: 96.55%;
  left: 6%;
  width: 36%;
  transition: 0.6s 0.7s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .intro .catch li.trigger.move,
.lp_wrap .intro .catch li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
  clip-path: inset(0);
}