@charset "UTF-8";

.lp_wrap .reason1 .water {
  position: absolute;
  top: 24.6%;
  left: 4.5%;
  width: 80.667%;
  animation: 1.8s reason1_mask -0.9s ease-in-out alternate infinite;
}
.lp_wrap .reason1 .water img {
  animation: 2s deco2 ease-in-out alternate infinite;
}
.lp_wrap .reason1 .mask {
  position: absolute;
  top: 25.5%;
  left: 8.3%;
  width: 70.667%;
  animation: 1.6s reason1_mask ease-in-out alternate infinite;
}
@keyframes reason1_mask {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}
.lp_wrap .reason1 .num {
  position: absolute;
  top: 21.7%;
  right: 0;
  width: 35.333%;
}
.lp_wrap .reason1 .head li {
  position: absolute;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .reason1 .head li:nth-child(1) {
  top: 28.8%;
  left: 82.8%;
  width: 12.667%;
  transition: 0.8s;
}
.lp_wrap .reason1 .head li:nth-child(2) {
  top: 28.84%;
  left: 73.2%;
  width: 7.067%;
  transition: 0.8s 0.4s;
}
.lp_wrap .reason1 .head li.trigger.move,
.lp_wrap .reason1 .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .reason1 .cover {
  position: absolute;
  top: 43.67%;
  left: 9.5%;
  width: 83.867%;
}
.lp_wrap .reason1 .graph li {
  position: absolute;
}
.lp_wrap .reason1 .graph li:nth-child(1) {
  top: 56.95%;
  left: 53.3%;
  width: 34.667%;
  overflow: hidden;
}
.lp_wrap .reason1 .graph li:nth-child(2) {
  top: 57.78%;
  left: 8.7%;
  width: 49.067%;
}
.lp_wrap .reason1 .graph li:nth-child(1) img {
  transition: 0.8s;
  transform: translateY(101%);
}
.lp_wrap .reason1 .graph li:nth-child(2) img {
  transition: 0.6s 0.4s;
  transform: scale(0);
  transform-origin: 100% 95%;
}
.lp_wrap .reason1 .graph li.trigger.move img,
.lp_wrap .reason1 .graph li.trigger.move ~ li img {
  transform: scale(1) translateY(0);
}
.lp_wrap .reason1 .box {
  position: absolute;
  top: 74.65%;
  left: 6.666%;
  width: 86.667%;
}
.lp_wrap .reason1 .box.trigger {
  transition: 0.6s;
  transform: translateY(10%);
  opacity: 0;
}
.lp_wrap .reason1 .box.trigger.move {
  transform: translateY(0);
  opacity: 1;
}