/* -----------------------
  occasion
----------------------- */
.occasion {
  padding-top: min(56.04vw, 538px);
  margin-top: max(-18.13vw, -174px);
  position: relative;
  overflow: hidden;
}

.occasion .inner-box {
  background: url(../img/occasion_bg.png) no-repeat center bottom / 100% auto;
  padding-bottom: min(14.79vw, 142px);
  position: relative;
  z-index: 3;
}

.occasion .movie-wrap {
  overflow: hidden;
  line-height: 0;
  aspect-ratio: 9 / 16;
  width: 112%;
  position: absolute;
  top: max(-47.92vw, -460px);
  left: max(-11.46vw, -110px);
  z-index: -1;
}
.occasion .movie-wrap .movie {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}