@charset "UTF-8";

.lp_wrap .intro1 {
  overflow: hidden;
}
.lp_wrap .intro1 .water {
  position: absolute;
  top: 15.8%;
  left: 37.6%;
  width: 23.958%;
}
.lp_wrap .intro1 .water.trigger img {
  transition: 0.8s;
  opacity: 0;
  transform: translateY(-40%);
}
.lp_wrap .intro1 .water.trigger.move img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .intro1 .wt_item {
  position: absolute;
  top: 41.9%;
  left: 22.9166%;
  width: 54.1666%;
}
.lp_wrap .intro1 .light1 {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(22deg, transparent 0%, transparent 20%, rgb(62, 226, 220) 35%, rgb(251, 233, 149) 41%, rgb(248, 187, 228) 47%, rgb(182, 194, 232) 53%, rgb(62, 226, 220) 59%, rgb(251, 233, 149) 65%, transparent 80%);
  mix-blend-mode: soft-light;
  filter: blur(30px);
}
.lp_wrap .intro1 .water.trigger.move ~ .light1 {
  animation: 1.6s intro1_light 0.4s ease-in-out;
}
.lp_wrap .intro1 .light2 {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(42deg, transparent 0%, transparent 20%, rgb(62, 226, 220) 35%, rgb(251, 233, 149) 41%, rgb(248, 187, 228) 47%, rgb(182, 194, 232) 53%, rgb(62, 226, 220) 59%, rgb(251, 233, 149) 65%, transparent 80%);
  mix-blend-mode: soft-light;
  filter: blur(40px);
}
.lp_wrap .intro1 .water.trigger.move ~ .light2 {
  animation: 3s intro1_light 1.2s ease-in-out;
}
@keyframes intro1_light {
  from {
    top: -100%;
  }
  to {
    top: 100%;
  }
}