.container {
  background-color: #000;
}
.sec-banner .swiper {
  aspect-ratio: 1920 / 1080;
  --swiper-navigation-color: #fff;
  --swiper-navigation-sides-offset: 3.8021vw;
}
.sec-banner .swiper .swiper-slide {
  position: relative;
}

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

.sec-banner .swiper .swiper-slide .slide-info {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  z-index: 1;
}

.sec-banner .swiper .swiper-slide .slide-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-size: var(--font-60);
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.sec-banner .swiper .swiper-slide .slide-title .c1 {
  color: #feb714;
}

.sec-banner .swiper .swiper-slide .slide-title .c2 {
  color: #ff0600;
}

.sec-banner .swiper .swiper-slide .slide-desc {
  margin-top: 1.875vw;
  font-size: var(--font-30);
  color: #fff;
  text-align: center;
  line-height: normal;
}

.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;
}

.sec-film .films .film {
  flex: 1;
  aspect-ratio: 480 / 800;
  position: relative;
}

.sec-film .films .film .img img {
  width: inherit;
  aspect-ratio: 480 / 800;
}

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

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

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

.sec-ad .swiper {
  aspect-ratio: 1920 / 1080;
  --swiper-navigation-color: #fff;
  --swiper-navigation-sides-offset: 3.8021vw;
}

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

.sec-ads .ads {
  display: flex;
  flex-wrap: wrap;
}

.sec-ads .ads .ad {
  width: 50%;
  position: relative;
}

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

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

.sec-ads .ads .ad .info .title {
  font-weight: bold;
  font-size: clamp(25.2px, 1.875vw, 36px);
  color: #ffffff;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.sec-ads .ads .ad .info .desc {
  margin-top: 1.25vw;
  font-size: clamp(12.6px, 0.9375vw, 18px);
  color: #ffffff;
  text-align: justifyLeft;
  font-style: normal;
  text-transform: none;
}

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

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

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