@charset "UTF-8";

.lp_wrap .intro .kids li {
  position: absolute;
  transform-origin: bottom center;
}
.lp_wrap .intro .kids li:nth-child(1) {
  top: 1.15%;
  left: 10.9%;
  width: 22.4%;
  animation: 0.8s intro_kids linear infinite;
}
.lp_wrap .intro .kids li:nth-child(2) {
  top: 13.15%;
  left: 66.9%;
  width: 30.267%;
  animation: 0.8s intro_kids -0.4s linear infinite;
}
@keyframes intro_kids {
  0%, 50% {
    transform: rotate(-3deg);
  }
  50.1%, 100% {
    transform: rotate(3deg);
  }
}
.lp_wrap .intro .stamp {
  position: absolute;
  top: 23.8%;
  left: 54.9%;
  width: 23.333%;
}
.lp_wrap .intro .after li {
  position: absolute;
  transition: 0.8s 1.6s;
}
.lp_wrap .intro .after li:nth-child(1) {
  top: 0%;
  left: 0%;
  width: 100%;
  transform: translateX(101%);
}
.lp_wrap .intro .after li:nth-child(2) {
  top: 15.7%;
  left: 0%;
  width: 100%;
  transform: translateX(-101%);
}
.lp_wrap .intro .after li.trigger.move,
.lp_wrap .intro .after li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .intro .fk {
  position: absolute;
  top: 30.5%;
  left: 10%;
  width: 80%;
}
.lp_wrap .intro .fk.trigger img {
  transition: 0.6s;
  transform: translateY(-20%);
  opacity: 0;
}
.lp_wrap .intro .fk.trigger.move img {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .intro .mask li {
  position: absolute;
}
.lp_wrap .intro .mask li:nth-child(1) {
  top: 39.3%;
  left: 4.2%;
  width: 93.6%;
  animation: 1.6s intro_mask1 ease-in-out alternate infinite;
}
.lp_wrap .intro .mask li:nth-child(2) {
  top: 41.75%;
  right: 0;
  width: 17.867%;
  animation: 1s intro_mask2 -0.2s ease-in-out alternate infinite;
}
.lp_wrap .intro .mask li:nth-child(3) {
  top: 51%;
  left: 0;
  width: 19.867%;
  animation: 1.2s intro_mask2 -0.6s ease-in-out alternate infinite;
}
@keyframes intro_mask1 {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}
@keyframes intro_mask2 {
  0% {
    transform: translateY(-12%);
  }
  100% {
    transform: translateY(12%);
  }
}
.lp_wrap .intro .let {
  position: absolute;
  top: 39%;
  left: 9.1%;
  width: 82.4%;
}
.lp_wrap .intro .copy {
  position: absolute;
  top: 61.7%;
  left: 7.3%;
  width: 86%;
}
.lp_wrap .intro .copy.trigger {
  transition: 0.6s;
  filter: blur(10px);
}
.lp_wrap .intro .copy.trigger.move {
  filter: blur(0px);
}
.lp_wrap .intro .cover {
  position: absolute;
  top: 59.4%;
  left: 5.2%;
  width: 92.533%;
}
.lp_wrap .intro .item li {
  position: absolute;
}
.lp_wrap .intro .item li:nth-child(1) {
  top: 73.45%;
  left: 0;
  width: 45.6%;
}
.lp_wrap .intro .item li:nth-child(2) {
  top: 76.9%;
  left: 21.3%;
  width: 55.733%;
}
.lp_wrap .intro .item li:nth-child(3) {
  top: 72.9%;
  right: 0;
  width: 36.4%;
}
.lp_wrap .intro .item li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .intro .item li:nth-child(2) img {
  transition: 0.6s 0.2s;
}
.lp_wrap .intro .item li:nth-child(3) img {
  transition: 0.6s 0.4s;
}
.lp_wrap .intro .item li.trigger img,
.lp_wrap .intro .item li.trigger ~ li img {
  transform: translateY(-30%);
  opacity: 0;
}
.lp_wrap .intro .item li.trigger.move img,
.lp_wrap .intro .item li.trigger.move ~ li img {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .intro .marker {
  position: absolute;
  top: 94.8%;
  left: 1.733%;
  width: 96.533%;
}
.lp_wrap .intro .marker .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 13;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 805;
  stroke-dashoffset: 805;
}
.lp_wrap .intro .marker.trigger .st0 {
  transition: 1s;
  stroke-dashoffset: 805 !important;
}
.lp_wrap .intro .marker.trigger.move .st0 {
  stroke-dashoffset: 0 !important;
}
.lp_wrap .intro .catch {
  position: absolute;
  top: 90.85%;
  left: 3.3%;
  width: 93.333%;
}