@charset "utf-8";

.lp_wrap .nutritionist .marquee {
  position: absolute;
  top: 12.5%;
  left: 0%;
  width: 678.133%;
  display: flex;
}
.lp_wrap .nutritionist .marquee div {
  animation: 17s nutritionist_marquee linear infinite;
}
@keyframes nutritionist_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .nutritionist .balloon {
  position: absolute;
  top: 14%;
  left: 4%;
  width: 92%;
  transition: 0.3s 0.7s;
  transform: translateY(30%);
  opacity: 0;
}
.lp_wrap .nutritionist .balloon.move {
  transform: translateY(0%);
  opacity: 1;
}
.lp_wrap .nutritionist .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 .nutritionist .head div:nth-child(1) {
  top: 5.5%;
  left: 16%;
  width: 17.733%;
  transition: 0.67s;
}
.lp_wrap .nutritionist .head div:nth-child(2) {
  top: 8%;
  left: 12.867%;
  width: 74.267%;
  transition: 1.04s 0.1s;
}
.lp_wrap .nutritionist .balloon.move ~  .head div:nth-child(1),
.lp_wrap .nutritionist .balloon.move ~  .head div:nth-child(2) {
  mask-position: 0% 0%;
}
.lp_wrap .nutritionist .cover {
  position: absolute;
  top: 15.5%;
  left: 24.5%;
  width: 43.733%;
}
.lp_wrap .nutritionist .baloon2 li {
  position: absolute;
}
.lp_wrap .nutritionist .baloon2 li:nth-child(1) {
  top: 50.6%;
  left: 5.7%;
  width: 40.533%;
}
.lp_wrap .nutritionist .baloon2 li:nth-child(2) {
  top: 86%;
  left: 32%;
  width: 52%;
}
.lp_wrap .nutritionist .baloon2 li:nth-child(1) img {
  transition: 0.6s;
  transform-origin: 40% bottom;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .nutritionist .baloon2 li:nth-child(2) img {
  transition: 0.6s 0.2s;
  transform-origin: 30% top;
  transform: scale(0);
  opacity: 0;
}
.lp_wrap .nutritionist .baloon2 li.move img,
.lp_wrap .nutritionist .baloon2 li.move ~ li img {
  transform: scale(1);
  opacity: 1;
}