@charset "UTF-8";

.lp_wrap .change .head {
  position: absolute;
  top: 1.09%;
  left: 4%;
  width: 84.667%;
}
.lp_wrap .change .head.trigger {
  transition: 0.6s;
  transform: translateY(20%);
  opacity: 0;
}
.lp_wrap .change .head.trigger.move {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .change .fk {
  position: absolute;
  top: 11.65%;
  left: 6.9%;
  width: 32%;
}
.lp_wrap .change .fk.trigger {
  transition: 0.6s;
  transform-origin: 70% 100%;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .change .fk.trigger.move {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .change .icon {
  position: absolute;
  top: 18.4%;
  left: -5.1%;
  width: 69.2%;
}
.lp_wrap .change .icon.trigger {
  transition: 0.6s;
  transform: scale(0);
}
.lp_wrap .change .icon.trigger.move {
  transform: scale(1);
}
.lp_wrap .change .kids {
  position: absolute;
  top: 18.35%;
  left: 59%;
  width: 42.4%;
  animation: 1.6s change_kids linear infinite;
  transform-origin: bottom center;
}
@keyframes change_kids {
  0%, 50% {
    transform: rotate(-2deg);
  }
  50.1%, 100% {
    transform: rotate(2deg);
  }
}
.lp_wrap .change .center li {
  position: absolute;
  top: 36.35%;
  width: 48%;
  transition: 0.6s;
}
.lp_wrap .change .center li:nth-child(1) {
  left: 0%;
  transform: translateX(-101%);
}
.lp_wrap .change .center li:nth-child(2) {
  right: 0%;
  transform: translateX(101%);
}
.lp_wrap .change .center li.trigger.move,
.lp_wrap .change .center li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .change .clock {
  position: absolute;
  top: 50.05%;
  left: 60.8%;
  width: 36.533%;
}
.lp_wrap .change .clock.trigger {
  transition: 0.6s;
  transform: translateY(20%);
  opacity: 0;
}
.lp_wrap .change .clock.trigger.move {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .change .let li {
  position: absolute;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .change .let li:nth-child(1) {
  top: 64.47%;
  left: 9.2%;
  width: 36%;
  transition: 0.6s;
}
.lp_wrap .change .let li:nth-child(2) {
  top: 64.47%;
  left: 54.8%;
  width: 35.733%;
  transition: 0.6s 0.4s;
}
.lp_wrap .change .let li.trigger.move,
.lp_wrap .change .let li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .change .copy li {
  position: absolute;
  transform: translateY(-20%);
  opacity: 0;
}
.lp_wrap .change .copy li:nth-child(1) {
  top: 68.6%;
  left: 15.7%;
  width: 19.067%;
  transition: 0.6s;
}
.lp_wrap .change .copy li:nth-child(2) {
  top: 68.98%;
  left: 38.7%;
  width: 14.4%;
  transition: 0.6s 0.2s;
}
.lp_wrap .change .copy li:nth-child(3) {
  top: 68.7%;
  left: 57.3%;
  width: 16.533%;
  transition: 0.6s 0.4s;
}
.lp_wrap .change .copy li:nth-child(4) {
  top: 68.98%;
  left: 77.8%;
  width: 15.467%;
  transition: 0.6s 0.6s;
}
.lp_wrap .change .copy li.trigger.move,
.lp_wrap .change .copy li.trigger.move ~ li {
  transform: translateY(0);
  opacity: 1;
}
.lp_wrap .change .copy5 {
  position: absolute;
  top: 67.55%;
  left: 4.4%;
  width: 29.6%;
}
.lp_wrap .change .cover {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .change .catch li {
  position: absolute;
  top: 78.8%;
  width: 6%;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .change .catch li:nth-child(1) {
  left: 87.3%;
  transition: 0.6s;
}
.lp_wrap .change .catch li:nth-child(2) {
  left: 80%;
  transition: 0.6s 0.3s;
}
.lp_wrap .change .catch li:nth-child(3) {
  left: 14.1%;
  transition: 0.6s 0.8s;
}
.lp_wrap .change .catch li:nth-child(4) {
  left: 6.6%;
  transition: 0.6s 1.1s;
}
.lp_wrap .change .catch li.trigger.move,
.lp_wrap .change .catch li.trigger.move ~ li {
  clip-path: inset(0);
}