/************************************
** sec_01
************************************/

.key-visual {
  position: relative;
  overflow: hidden;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
}
.swiper-slide-prev,
.swiper-slide-next {
  position: relative;
}
.swiper-slide-prev::after,
.swiper-slide-next::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: 0;
  z-index: 50000;
  background: rgb(0 0 0 / 50%);
  height: 100%;
  width: 100%;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 15%;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 15%;
  left: auto;
}

@media screen and (max-width: 769px) {
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto;
  }
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
  }
}