/* 汎用 */
.bg_swiper_wrapper {
  padding: 40px 8%;
  overflow: hidden;
}

.swiper_wrapper {
  margin: 24px auto 0;
}

.swiper_wrapper:not(:first-of-type) {
  margin: 108px auto 0;

}

/* Swiper 本体 */
.swiper {
  max-width: 540px;
  aspect-ratio: 148/100;
  margin-top: 10px;
}

.swiper img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* スライド全体 */
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: var(--color2);
  box-shadow: 7px 7px 7px rgba(40, 40, 40, 0.7);
  padding: 10px;

  /* background-color: rgba(167, 172, 25, .9);
  mix-blend-mode: color-dodge; */
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-pagination-bullet {
  content: none !important;
}


.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  display: none !important;

}

.swiper-scrollbar {
  bottom: -40px !important;
}


/* swiper2nd */
.swiper2nd {
  max-width: 400px;
  aspect-ratio: 100/148;
}

.swiper3nd {
  max-width: 400px;
  aspect-ratio: 1/1;

}

/* sp swiper 汎用 */
@media(max-width:780px) {
  .swiper_wrapper {
    width: 80%;
  }



}