.container {
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #999999;
  --swiper-pagination-bullet-inactive-opacity: 1;
  background-color: #000;
}

.sec-banner .swiper {
  aspect-ratio: 750 / 525;
  --swiper-navigation-color: #fff;
  --swiper-navigation-sides-offset: 3.8021vw;
}

.sec-banner .swiper .swiper-slide {
  position: relative;
}

.sec-banner .swiper .swiper-slide .slide-img {
  width: 100%;
  height: 100%;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  width: 70px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #7f7f7f;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  width: 70px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.sec-film .films {
  display: flex;
  flex-wrap: wrap;
}

.sec-film .films .film {
  width: 50%;
  aspect-ratio: 375 / 628;
  position: relative;
}

.sec-film .films .film .img img {
  width: inherit;
  aspect-ratio: 375 / 628;
}

.sec-film .films .film .preview {
  width: 5.2vw;
  aspect-ratio: 48 / 48;
  position: absolute;
  top: 7.3333vw;
  right: 5.0667vw;
  cursor: pointer;
  z-index: 1;
}

.sec-film .films .film .title {
  position: absolute;
  top: 20vw;
  left: 5.0667vw;
  z-index: 1;
  font-size: var(--font-37);
  font-weight: bold;
  color: #fff;
  line-height: normal;
  white-space: pre-line;
}

.sec-film .films .film .idx {
  width: auto;
  height: 12vw;
  position: absolute;
  bottom: 5.0667vw;
  right: 5.0667vw;
  z-index: 1;
}

.sec-ad .swiper {
  aspect-ratio: 750 / 525;
}

.sec-ad .swiper .swiper-slide .slide-img {
  width: 100%;
  height: 100%;
}

.sec-ads .ads {
  display: flex;
  flex-direction: column;
}

.sec-ads .ads .ad {
  position: relative;
}

.sec-ads .ads .ad img {
  width: 100%;
  aspect-ratio: 750 / 425;
}

.sec-ads .ads .ad .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0 4vw 4vw;
}

.sec-ads .ads .ad .info .title {
  font-weight: bold;
  font-size: var(--font-28);
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.sec-ads .ads .ad .info .desc {
  margin-top: 2.9333vw;
  font-size: var(--font-14);
  color: #ffffff;
  text-align: justifyLeft;
  font-style: normal;
  text-transform: none;
}

.sec-ad2 .swiper {
  aspect-ratio: 750 / 425;
  --swiper-navigation-color: #fff;
  --swiper-navigation-sides-offset: 3.8021vw;
}

.sec-ad2 .swiper .swiper-slide .slide-img {
  width: 100%;
  height: 100%;
}

.sec-brand img {
  width: 100%;
  height: auto;
}