@charset "utf-8";

.lp_wrap .now .marquee {
  position: absolute;
  top: -5%;
  left: 0%;
  width: 493.6%;
  display: flex;
}
.lp_wrap .now .marquee div {
  animation: 14s now_marquee linear infinite;
}
@keyframes now_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .now .balloon {
  position: absolute;
  top: 13.2%;
  left: 67.8%;
  width: 15.067%;
}
.lp_wrap .now .balloon img {
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.58, 1);
  transform-origin: left 29%;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .now .balloon.move img {
  transform: scale(1);
  opacity: 1;
}
.lp_wrap .now .head div {
  position: absolute;
  mask-image: linear-gradient(0deg, 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: 100% 250%;
  mask-position: 0% 100%;
}
.lp_wrap .now .head div:nth-child(1) {
  top: 18%;
  left: 51.6%;
  width: 10.8%;
  transition: 1.4s;
}
.lp_wrap .now .head div:nth-child(2) {
  top: 18.4%;
  left: 36.7%;
  width: 10.533%;
  transition: 1.4s 0.2s;
}
.lp_wrap .now .balloon.move ~ .head div:nth-child(1),
.lp_wrap .now .balloon.move ~ .head div:nth-child(2) {
  mask-position: 0% 0%;
}