@charset "UTF-8";

.lp_wrap .reason2 {
  margin: -17% 0 -38%;
}
.lp_wrap .reason2 .movie {
  position: absolute;
  top: 6.57%;
  right: 0;
  width: 78.667%;
}
.lp_wrap .reason2 .num {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 36.133%;
}
.lp_wrap .reason2 .head li {
  position: absolute;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .reason2 .head li:nth-child(1) {
  top: 7.9%;
  left: 15.9%;
  width: 12.133%;
  transition: 0.8s;
}
.lp_wrap .reason2 .head li:nth-child(2) {
  top: 7.73%;
  left: 7.6%;
  width: 6.267%;
  transition: 0.8s 0.4s;
}
.lp_wrap .reason2 .head li.trigger.move,
.lp_wrap .reason2 .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .reason2 .let li {
  position: absolute;
  top: 24.4%;
  width: 29.067%;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .reason2 .let li:nth-child(1) {
  left: 6.1%;
  transition: 0.6s;
}
.lp_wrap .reason2 .let li:nth-child(2) {
  left: 35.467%;
  transition: 0.6s 0.3s;
}
.lp_wrap .reason2 .let li:nth-child(3) {
  left: 64.8%;
  transition: 0.6s 0.6s;
}
.lp_wrap .reason2 .let li.trigger.move,
.lp_wrap .reason2 .let li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .reason2 .copy li {
  position: absolute;
}
.lp_wrap .reason2 .copy li:nth-child(1) {
  top: 34.53%;
  left: 39.2%;
  width: 44.4%;
  transition: 0.6s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .reason2 .copy li:nth-child(2) {
  top: 35.2%;
  left: 84.4%;
  width: 9.2%;
  transition: 0.8s 0.4s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .reason2 .copy li.trigger.move,
.lp_wrap .reason2 .copy li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .reason2 .icon li {
  position: absolute;
  top: 50.7%;
  width: 29.067%;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .reason2 .icon li:nth-child(1) {
  left: 6.1%;
  transition: 0.6s;
}
.lp_wrap .reason2 .icon li:nth-child(2) {
  left: 35.467%;
  transition: 0.6s 0.3s;
}
.lp_wrap .reason2 .icon li:nth-child(3) {
  left: 64.9%;
  transition: 0.6s 0.6s;
}
.lp_wrap .reason2 .icon li.trigger.move,
.lp_wrap .reason2 .icon li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .reason2 .hand {
  position: absolute;
  top: 73.9%;
  right: 0;
  width: 43.467%;
}
.lp_wrap .reason2 .hand.trigger {
  transition: 0.6s;
  transform: translateX(101%);
}
.lp_wrap .reason2 .hand.trigger.move {
  transform: translateX(0);
}