@charset "utf-8";

.lp_wrap .cocoa .marquee {
  position: absolute;
  top: 39.7%;
  left: 0%;
  width: 290.133%;
  display: flex;
}
.lp_wrap .cocoa .marquee div {
  animation: 10s cocoa_marquee linear infinite;
}
@keyframes cocoa_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .cocoa .glass {
  position: absolute;
  top: 26%;
  left: 25.5%;
  z-index: 1;
  width: 55.867%;
}
.lp_wrap .cocoa .head div {
  position: absolute;
  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 .cocoa .head div:nth-child(1) {
  top: 13.3%;
  left: 16.6%;
  width: 43.6%;
  transition: 0.93s;
}
.lp_wrap .cocoa .head div:nth-child(2) {
  top: 21.2%;
  left: 22.8%;
  width: 35.6%;
  transition: 0.85s 0.2s;
}
.lp_wrap .cocoa .head div.move,
.lp_wrap .cocoa .head div.move ~ div {
  mask-position: 0% 0%;
}