@charset "UTF-8";

.lp_wrap .free {
  margin-bottom: -1px;
}
.lp_wrap .free .bg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
}
.lp_wrap .free .bg.trigger {
  transition: 0.6s 0.4s;
  opacity: 0;
}
.lp_wrap .free .bg.trigger.move {
  opacity: 1;
}
.lp_wrap .free .head1 {
  position: absolute;
  top: 5.05%;
  left: 33.7%;
  width: 16.533%;
}
.lp_wrap .free .head1.trigger {
  transition: 0.8s 0.6s;
  transform: translateX(70%);
}
.lp_wrap .free .head1.trigger.move {
  transform: translateX(0);
}
.lp_wrap .free .head2 {
  position: absolute;
  top: 13.63%;
  left: 46.8%;
  width: 19.867%;
  transition: 0.8s 0.6s;
  opacity: 0;
  transform: translateX(-30%);
}
.lp_wrap .free .head1.trigger.move ~ .head2 {
  opacity: 1;
  transform: translateX(0);
}
.lp_wrap .free .cover {
  position: absolute;
  top: 25.2%;
  left: 16.5%;
  width: 66.8%;
}
.lp_wrap .free .cont {
  position: absolute;
  top: 42.85%;
  left: 8.1%;
  width: 84.4%;
}
.lp_wrap .free .cont.trigger {
  transition: 0.6s;
  opacity: 0;
  transform: translateY(10%);
}
.lp_wrap .free .cont.trigger.move {
  opacity: 1;
  transform: translateY(0);
}