/* CSS Document */

.lp_wrap .wapproach {
  margin-top: -8%;
}
.lp_wrap .wapproach .catch {
  position: absolute;
  top: 12.5%;
  left: 7.467%;
  width: 85.067%;
  opacity: 0;
  transform: translateY(20%);
  transition: 0.5s ease;
}
.lp_wrap .wapproach .catch.trigger.move {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .wapproach .item {
  position: absolute;
  top: 28%;
  left: 5.467%;
  width: 89.067%;
  transform: scale(0);
}
.lp_wrap .wapproach .item.trigger.move {
  animation: waItem 0.8s ease forwards;
}
@keyframes waItem{
  0%{
    transform: scale(0);
  }
  60%{
    transform: scale(1.3);
  }
  100%{
    transform: scale(1);
  }
}
.lp_wrap .wapproach .head {
  position: absolute;
  top: 73%;
  left: 4.467%;
  width: 91.067%;
  clip-path: inset(0% 100% 0% 0%);
  transition: 0.8s ease;
}
.lp_wrap .wapproach .line {
  position: absolute;
  top: 93.5%;
  left: 22.5%;
  width: 29.067%;
  clip-path: inset(0% 100% 0% 0%);
  transition: 0.8s ease;
}
.lp_wrap .wapproach .head.trigger.move,
.lp_wrap .wapproach .line.trigger.move {
  clip-path: inset(0% 0% 0% 0%);
}