@charset "UTF-8";

.lp_wrap .deliver .hand {
  position: absolute;
  top: 0%;
  left: 37.8%;
  width: 39.467%;
  overflow: hidden;
}
.lp_wrap .deliver .hand.trigger img {
  transition: 1s;
  transform: translateY(-101%);
}
.lp_wrap .deliver .hand.trigger.move img {
  transform: translateY(0);
}
.lp_wrap .deliver .center li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .deliver .center li:nth-child(1) {
  top: 24.8%;
  left: 49.6%;
  width: 11.867%;
  z-index: 1;
  transition: 0.6s;
  transform: translateY(-20%);
}
.lp_wrap .deliver .center li:nth-child(2) {
  top: 24.8%;
  left: 38.3%;
  width: 11.867%;
  z-index: 1;
  transition: 0.6s 0.3s;
  transform: translateY(-20%);
}
.lp_wrap .deliver .center li:nth-child(3) {
  top: 31%;
  left: 20.267%;
  width: 59.467%;
  transition: 0.6s 0.8s;
  transform: scale(0);
}
.lp_wrap .deliver .center li:nth-child(4) {
  top: 25.9%;
  left: 3.733%;
  width: 92.533%;
  transition: 1s 1.1s;
  transform: scale(0);
}
.lp_wrap .deliver .center li.trigger.move,
.lp_wrap .deliver .center li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.lp_wrap .deliver .on {
  position: absolute;
  top: 24.75%;
  left: 0%;
  width: 100%;
}
.lp_wrap .deliver .catch li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .deliver .catch li:nth-child(1) {
  top: 80.85%;
  left: 0%;
  width: 37.467%;
  transition: 0.6s;
  transform: translateY(10%);
}
.lp_wrap .deliver .catch li:nth-child(2) {
  top: 80.8%;
  right: 0%;
  width: 35.333%;
  transition: 0.6s 0.4s;
  transform: translateY(10%);
}
.lp_wrap .deliver .catch li:nth-child(3) {
  top: 89.8%;
  left: 30.8%;
  width: 37.467%;
  transition: 0.6s 0.8s;
  transform: translateY(-20%);
}
.lp_wrap .deliver .catch li.trigger.move,
.lp_wrap .deliver .catch li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}