@charset "UTF-8";

/*------------------------------------------------------
  スライダー共通
------------------------------------------------------*/
.slider {
  position: relative;
}
.slider-wrap {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.slider .swiper-slide {
  text-align: center;
}
.slider .swiper-button-next,
.slider .swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  height: 160px;
  background-size: 110px 160px;
}
.slider .swiper-button-next {
  background-image: url(../img/icon-next-arrow.png);
  right: 0;
}
.slider .swiper-button-prev {
  background-image: url(../img/icon-prev-arrow.png);
  left: 0;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

@media (width < 768px) {
  .slider .slider-wrap {
    bottom: 4%;
  }
  .slider .swiper-button-next,
  .slider .swiper-button-prev {
    width: 40px;
    height: 90px;
    background-size: 40px 90px;
  }
}