.lottie-animation>div {
  position: absolute;
  z-index: -1;
}

.lottie-animation>div>* {
  display: block;
  width: 100%;
  height: auto;
}

.lottie-animation.is-blog .banner-shape {
  top: calc(max(12.8472vw, 185px) * -1);
  right: calc(max(17.1528vw, 247px) * -1);
  width: max(62.0139vw, 893px);
}

.lottie-animation.is-study .banner-shape {
  top: calc(max(13.9583vw, 201px) * -1);
  right: calc(max(5.8333vw, 84px) * -1);
  width: max(43.2639vw, 623px);
}

.lottie-animation.is-project .banner-shape {
  top: calc(max(18.6111vw, 268px) * -1);
  right: calc(max(4.9306vw, 71px) * -1);
  width: max(45.0694vw, 649px);
}

.lottie-animation.is-event .banner-shape {
  top: calc(max(19.7917vw, 285px) * -1);
  right: calc(max(5.0694vw, 73px) * -1);
  width: max(44.1667vw, 636px);
}

.lottie-animation.is-column .banner-shape {
  top: calc(max(10.8333vw, 156px) * -1);
  right: calc(max(5.4861vw, 79px) * -1);
  width: max(39.1667vw, 564px);
}

.lottie-animation.is-blog .image-lottie {
  top: calc(max(5.5556vw, 80px) * -1);
  right: max(8.4028vw, 121px);
  width: max(38.1944vw, 550px);
}

.lottie-animation:not(.is-blog) .image-lottie {
  top: max(3.75vw, 54px);
  right: max(12.5vw, 180px);
  width: max(18.0556vw, 260px);
}

@media screen and (max-width: 768px) {
  .lottie-animation.is-blog .banner-shape {
    top: calc(min(26.1333vw, 98px) * -1);
    right: calc(min(59.2vw, 222px) * -1);
    width: min(154.6667vw, 580px);
  }

  .lottie-animation.is-study .banner-shape {
    top: calc(min(23.4667vw, 88px) * -1);
    right: calc(min(28.5333vw, 107px) * -1);
    width: min(108.8vw, 408px);
  }

  .lottie-animation.is-project .banner-shape {
    top: calc(min(44.2667vw, 166px) * -1);
    right: calc(min(38.6667vw, 145px) * -1);
    width: min(124vw, 465px);
  }

  .lottie-animation.is-event .banner-shape {
    top: calc(min(41.6vw, 156px) * -1);
    right: calc(min(30.9333vw, 116px) * -1);
    width: min(113.06667vw, 424px);
  }

  .lottie-animation.is-column .banner-shape {
    top: calc(min(31.2vw, 117px) * -1);
    right: calc(min(38.6667vw, 145px) * -1);
    width: min(116.8vw, 438px);
  }

  .lottie-animation.is-blog .image-lottie {
    top: min(9.0667vw, 34px);
    right: calc(min(4.2667vw, 16px) * -1);
    width: min(80vw, 300px);
  }

  .lottie-animation:not(.is-blog) .image-lottie {
    top: min(17.0667vw, 64px);
    right: min(5.3333vw, 20px);
    width: min(48vw, 180px);
  }
}