@charset "UTF-8";

.lp_wrap .intro2 {
  margin-top: -12%;
}
.lp_wrap .intro2 .head1 div {
  position: absolute;
}
.lp_wrap .intro2 .head1 div:nth-child(1) {
  top: 10.8%;
  left: 6.1%;
  width: 17.467%;
  transition: 0.6s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head1 div:nth-child(2) {
  top: 11.6%;
  left: 23.1%;
  width: 25.333%;
  transition: 0.6s 0.15s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head1 div:nth-child(3) {
  top: 13.2%;
  left: 50.2%;
  width: 14.8%;
  transition: 0.6s 0.3s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head1 div:nth-child(4) {
  top: 10.4%;
  left: 67.7%;
  width: 16.266%;
  transition: 0.6s 0.45s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head1 div:nth-child(5) {
  top: 10.8%;
  left: 84.2%;
  width: 8.666%;
  transition: 0.6s 0.6s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head1 div.trigger,
.lp_wrap .intro2 .head1 div.trigger ~ div {
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .intro2 .head1 div.trigger.move,
.lp_wrap .intro2 .head1 div.trigger.move ~ div {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .intro2 .video {
  position: absolute;
  top: 18.3%;
  left: 9.866%;
  width: 80.266%;
}
.lp_wrap .intro2 .step li {
  position: absolute;
}
.lp_wrap .intro2 .step li:nth-child(1) {
  top: 48.3%;
  left: 5.4%;
  width: 26%;
}
.lp_wrap .intro2 .step li:nth-child(2) {
  top: 55.1%;
  left: 27.6%;
  z-index: 1;
  width: 14.267%;
  transition: 0.6s;
}
.lp_wrap .intro2 .step li:nth-child(3) {
  top: 48.3%;
  left: 36.267%;
  width: 27.467%;
  transition: 0.6s 0.15s;
}
.lp_wrap .intro2 .step li:nth-child(4) {
  top: 55.1%;
  left: 59.4%;
  z-index: 1;
  width: 14.267%;
  transition: 0.6s 0.3s;
}
.lp_wrap .intro2 .step li:nth-child(5) {
  top: 48.3%;
  right: 5.4%;
  width: 26%;
  transition: 0.6s 0.45s;
}
.lp_wrap .intro2 .step li.trigger ~ li:nth-child(2),
.lp_wrap .intro2 .step li.trigger ~ li:nth-child(4) {
  transform: translateX(-20%);
  opacity: 0;
}
.lp_wrap .intro2 .step li.trigger.move ~ li:nth-child(2),
.lp_wrap .intro2 .step li.trigger.move ~ li:nth-child(4) {
  transform: translateX(0%);
  opacity: 1;
}
.lp_wrap .intro2 .step li.trigger ~ li:nth-child(3),
.lp_wrap .intro2 .step li.trigger ~ li:nth-child(5) {
  transform: translateY(20%);
  opacity: 0;
}
.lp_wrap .intro2 .step li.trigger.move ~ li:nth-child(3),
.lp_wrap .intro2 .step li.trigger.move ~ li:nth-child(5) {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .intro2 .head2 div {
  position: absolute;
}
.lp_wrap .intro2 .head2 div:nth-child(1) {
  top: 86.1%;
  left: 26.7%;
  width: 26.933%;
  transition: 0.6s;
}
.lp_wrap .intro2 .head2 div:nth-child(2) {
  top: 85.3%;
  left: 54.3%;
  width: 24.533%;
  transition: 0.6s 0.2s;
  transform-origin: 40% 100%;
}
.lp_wrap .intro2 .head2 div:nth-child(3) {
  top: 85.2%;
  left: 4.1%;
  width: 22.4%;
  transition: 0.6s 0.4s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head2 div:nth-child(4) {
  top: 90%;
  left: 27%;
  width: 19.733%;
  transition: 0.6s 0.55s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head2 div:nth-child(5) {
  top: 89.4%;
  left: 51%;
  width: 23.2%;
  transition: 0.6s 0.7s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head2 div:nth-child(6) {
  top: 88.3%;
  left: 78.1%;
  width: 16.667%;
  transition: 0.6s 0.85s cubic-bezier(0.5, 2.01, 0.64, 0.99);
}
.lp_wrap .intro2 .head2 div.trigger ~ div:nth-child(2),
.lp_wrap .intro2 .head2 div.trigger ~ div:nth-child(3),
.lp_wrap .intro2 .head2 div.trigger ~ div:nth-child(4),
.lp_wrap .intro2 .head2 div.trigger ~ div:nth-child(5),
.lp_wrap .intro2 .head2 div.trigger ~ div:nth-child(6) {
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .intro2 .head2 div.trigger {
  opacity: 0;
}
.lp_wrap .intro2 .head2 div.trigger.move,
.lp_wrap .intro2 .head2 div.trigger.move ~ div {
  transform: scale(1);
  opacity: 1;
}