@charset "UTF-8";

.lp_wrap .birth {
  z-index: -1;
  margin: -53% auto -42%;
}
.lp_wrap .birth .head1 {
  position: absolute;
  top: 21%;
  left: 17.9%;
  width: 64%;
}
.lp_wrap .birth .head1 img {
  transition: 0.6s 0.6s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .birth .head2 {
  position: absolute;
  top: 26.95%;
  left: 5.5%;
  width: 88.933%;
  transition: 0.6s 0.9s;
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .birth .item {
  position: absolute;
  top: 27.1%;
  left: 2.334%;
  width: 95.333%;
}
.lp_wrap .birth .mask {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  transition: 1s;
  transform: translateY(30%);
}
.lp_wrap .birth .catch {
  position: absolute;
  top: 57.95%;
  left: 8.3%;
  width: 82.267%;
  transition: 0.6s 1.2s;
  opacity: 0;
  transform: translateY(-10%);
}
.lp_wrap .birth .head1.trigger.move img,
.lp_wrap .birth .head1.trigger.move ~ .head2,
.lp_wrap .birth .head1.trigger.move ~ .mask,
.lp_wrap .birth .head1.trigger.move ~ .catch {
  opacity: 1;
  transform: translateY(0);
}