@charset "UTF-8";

.lp_wrap .approach2 {
  margin-top: -58%;
}
.lp_wrap .approach2 .marquee {
  position: absolute;
  top: 19.5%;
  left: 0%;
  width: 258.13333%;
  display: flex;
}
.lp_wrap .approach2 .marquee div {
  animation: 14s approach_marquee linear infinite
}
.lp_wrap .approach2 .movie1 {
  position: absolute;
  top: 29.52%;
  left: 10%;
  width: 77.333%;
  overflow: hidden;
}
.lp_wrap .approach2 .movie1 video {
  transform: scale(1.02);
}
.lp_wrap .approach2 .icon {
  position: absolute;
  top: 28%;
  left: 72%;
  width: 25.2%;
}
.lp_wrap .approach2 .movie2 {
  position: absolute;
  top: 52.85%;
  left: 0%;
  width: 100%;
}
.lp_wrap .approach2 .on {
  position: absolute;
  top: 46.2%;
  left: 4%;
  width: 93.3333%;
}
.lp_wrap .approach2 .circle {
  position: absolute;
  top: 46.6%;
  left: 6.9%;
  width: 87.467%;
  animation: 20s cycle1 linear infinite;
}
.lp_wrap .approach2 .head1 {
  position: absolute;
  top: 45.15%;
  left: 31.7%;
  width: 8.533%;
}
.lp_wrap .approach2 .head2 {
  position: absolute;
  top: 45.22%;
  left: 10.8%;
  width: 17.2%;
}
.lp_wrap .approach2 .head2.trigger {
  transition: 0.8s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .approach2 .head2.trigger.move {
  clip-path: inset(0);
}