@charset "UTF-8";

.lp_wrap .approach1 .top li {
  position: absolute;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .approach1 .top li:nth-child(1) {
  top: 4.73%;
  left: 9.8%;
  width: 80.46875%;
  transition: 0.8s;
}
.lp_wrap .approach1 .top li:nth-child(2) {
  top: 8.5%;
  left: 11.2%;
  width: 77.6041666%;
  transition: 0.8s 0.3s;
}
.lp_wrap .approach1 .top li.trigger.move,
.lp_wrap .approach1 .top li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .approach1 .head1 {
  position: absolute;
  top: 38.7%;
  left: 18.7%;
  width: 66.015625%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .approach1 .head1.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .approach1 .head2 {
  position: absolute;
  top: 43.85%;
  left: 80%;
  width: 7.8125%;
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .approach1 .head2.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .approach1 .arrow {
  position: absolute;
  top: 45.33%;
  left: 31.6%;
  width: 37.76041666%;
  animation: 2s approach1_arrow ease-in-out infinite
}
@keyframes approach1_arrow {
  0%, 100% {
    transform: translateY(-30%);
    opacity: 0;
  }
  60% {
    transform: translateY(6%);
    opacity: 1;
  }
  90% {
    transform: translateY(6%);
    opacity: 0;
  }
}
.lp_wrap .approach1 .deco {
  position: absolute;
  top: 44.5%;
  left: 25.3%;
  width: 52.34375%;
}
.lp_wrap .approach1 .copy {
  position: absolute;
  top: 67.1%;
  left: 18.7%;
  width: 64.973958333%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .approach1 .copy.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .approach1 .icon li {
  position: absolute;
  width: 22.65625%;
  opacity: 0;
  transform: scale(0);
}
.lp_wrap .approach1 .icon li:nth-child(1) {
  top: 75.33%;
  left: 10.7%;
  transition: 0.6s;
}
.lp_wrap .approach1 .icon li:nth-child(2) {
  top: 75.33%;
  left: 38.7%;
  transition: 0.6s 0.2s;
}
.lp_wrap .approach1 .icon li:nth-child(3) {
  top: 75.33%;
  left: 66.8%;
  transition: 0.6s 0.4s;
}
.lp_wrap .approach1 .icon li:nth-child(4) {
  top: 80.55%;
  left: 66.8%;
  transition: 0.6s 0.6s;
}
.lp_wrap .approach1 .icon li:nth-child(5) {
  top: 80.55%;
  left: 38.7%;
  transition: 0.6s 0.8s;
}
.lp_wrap .approach1 .icon li:nth-child(6) {
  top: 80.55%;
  left: 10.7%;
  transition: 0.6s 1s;
}
.lp_wrap .approach1 .icon li.trigger.move,
.lp_wrap .approach1 .icon li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1);
}