@charset "UTF-8";

.lp_wrap .intro1 {
  z-index: 1;
}
.lp_wrap .intro1 .bad li {
  position: absolute;
}
.lp_wrap .intro1 .bad li:nth-child(1) {
  top: 11.2%;
  left: 76.1%;
  width: 16%;
  transition: 0.6s;
}
.lp_wrap .intro1 .bad li:nth-child(2) {
  top: 13%;
  left: 58.6%;
  width: 16%;
  transition: 0.6s 0.15s;
}
.lp_wrap .intro1 .bad li:nth-child(3) {
  top: 14.8%;
  left: 41.4%;
  width: 16%;
  transition: 0.6s 0.3s;
}
.lp_wrap .intro1 .bad li:nth-child(4) {
  top: 16.6%;
  left: 24%;
  width: 16%;
  transition: 0.6s 0.45s;
}
.lp_wrap .intro1 .bad li:nth-child(5) {
  top: 18.4%;
  left: 6.6%;
  width: 16%;
  transition: 0.6s 0.6s;
}
.lp_wrap .intro1 .bad li.trigger,
.lp_wrap .intro1 .bad li.trigger ~ li {
  transform: translateY(-20%);
  opacity: 0;
}
.lp_wrap .intro1 .bad li.trigger.move,
.lp_wrap .intro1 .bad li.trigger.move ~ li {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .intro1 .on {
  position: absolute;
  top: 40.06%;
  left: 0%;
  width: 100%;
}
.lp_wrap .intro1 .on.trigger {
  transition: 1s;
  opacity: 0;
}
.lp_wrap .intro1 .on.trigger.move {
  opacity: 1;
}
.lp_wrap .intro1 .head1 div {
  position: absolute;
}
.lp_wrap .intro1 .head1 div:nth-child(1) {
  top: 46.1%;
  left: 83.2%;
  width: 7.733%;
}
.lp_wrap .intro1 .head1 div:nth-child(2) {
  top: 45.7%;
  left: 6%;
  width: 20.666%;
}
.lp_wrap .intro1 .on.trigger ~ .head1 div {
  transition: 0.6s 0.4s;
}
.lp_wrap .intro1 .on.trigger ~ .head1 div:nth-child(1) {
  transform: translateX(250%);
}
.lp_wrap .intro1 .on.trigger ~ .head1 div:nth-child(2) {
  transform: translateX(-130%);
}
.lp_wrap .intro1 .on.trigger.move ~ .head1 div {
  transform: translateX(0%);
}
.lp_wrap .intro1 .equal {
  position: absolute;
  top: 75.5%;
  left: 48.334%;
  width: 3.333%;
}
.lp_wrap .intro1 .equal.trigger {
  transition: 0.6s;
  opacity: 0;
}
.lp_wrap .intro1 .equal.trigger.move {
  opacity: 1;
}
.lp_wrap .intro1 .head2 {
  position: absolute;
  top: 78.4%;
  left: 4.267%;
  width: 91.467%;
}
.lp_wrap .intro1 .equal.trigger ~ .head2 {
  transition: 0.6s 0.2s;
  transform: translateY(20%);
  opacity: 0;
}
.lp_wrap .intro1 .equal.trigger.move ~ .head2 {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .intro1 .dirty {
  position: absolute;
  top: 86%;
  left: 0%;
  width: 100%;
}
.lp_wrap .intro1 .equal.trigger ~ .dirty {
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .intro1 .equal.trigger.move ~ .dirty {
  opacity: 1;
}