@charset "utf-8";

.lp_wrap .balance .nutrient li {
  position: absolute;
  transform: translateX(30%);
  opacity: 0;
}
.lp_wrap .balance .nutrient li:nth-child(1) {
  top: 13%;
  left: 5.3%;
  width: 42.667%;
  transition: 0.6s;
}
.lp_wrap .balance .nutrient li:nth-child(2) {
  top: 13%;
  left: 52.1%;
  width: 42.667%;
  transition: 0.6s 0.1s;
}
.lp_wrap .balance .nutrient li:nth-child(3) {
  top: 28.3%;
  left: 5.3%;
  width: 42.667%;
  transition: 0.6s 0.2s;
}
.lp_wrap .balance .nutrient li:nth-child(4) {
  top: 28.3%;
  left: 49.7%;
  width: 47.2%;
  transition: 0.6s 0.3s;
}
.lp_wrap .balance .nutrient li.move,
.lp_wrap .balance .nutrient li.move ~ li {
  transform: translateX(0%);
  opacity: 1;
}
.lp_wrap .balance .icon {
  position: absolute;
  top: 43.7%;
  left: 6.8%;
  width: 26.4%;
}
.lp_wrap .balance .icon img {
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.58, 1);
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .balance .icon.move img {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .balance .catch {
  position: absolute;
  top: 55.6%;
  left: 13.467%;
  width: 73.067%;
  transition: 1.07s;
  mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 1) 100%);
  mask-size: 250% 100%;
  mask-position: 100% 0%;
}
.lp_wrap .balance .catch.move {
  mask-position: 0% 0%;
}
.lp_wrap .balance .balloon li {
  position: absolute;
}
.lp_wrap .balance .balloon li:nth-child(1) {
  top: 66.3%;
  left: 9.3%;
  width: 37.333%;
}
.lp_wrap .balance .balloon li:nth-child(2) {
  top: 66.3%;
  right: 9.3%;
  width: 37.333%;
}
.lp_wrap .balance .balloon li img {
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.58, 1);
  transform-origin: center bottom;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .balance .balloon li.move img,
.lp_wrap .balance .balloon li.move ~ li img {
  transform: scale(1);
  opacity: 1;
}