/* ＝＝＝＝＝＝＝＝＝余白調整＝＝＝＝＝＝＝＝＝ */
.swiper {
    margin-top: -70px;
}

/* ＝＝＝＝＝＝＝＝＝ボタン位置＝＝＝＝＝＝＝＝＝ */
/* 
.swiper-button-next {
    right: 3%!important;
}
.swiper-button-prev {
    width: 175%!important;
    left: 85%!important;

}
.swiper {
    padding: 70px 0!important;
} */

.swiper-slide {
    height: 366px !important;
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute !important;
    top: 34% !important;
}

@media screen and (max-width: 768px) {

    .swiper-button-next,
    .swiper-button-prev {
        position: absolute !important;
        top: 36% !important;
    }

    /* ドットが被らないように */

    .swiper-slide {
        height: 358px !important;
    }
}


/* ＝＝＝＝＝＝＝＝＝バレットを白に＝＝＝＝＝＝＝＝＝ */

.swiper-pagination-bullet {
    background: #fff !important;
}



/* ＝＝＝＝＝＝＝＝＝ボタンを画像に＝＝＝＝＝＝＝＝＝ */
/* 幅・高さを指定 */
.swiper-button-prev,
.swiper-button-next {
    height: 50px;
    width: 50px !important
}


/*  
.swiper-button-prev::after,
.swiper-button-next::after {
  content: ""!important;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
  margin: auto;
}
 
.swiper-button-prev::after {
  background-image: url(../img/icon/left-arrow.png);
}
.swiper-button-next::after {
    background-image: url(../img/icon/right-arrow.png);
} */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff !important;
    font-weight: bold;
}

.swiper {
    margin-top: 0;
}

/* ＝＝＝＝＝＝＝＝＝画像を黒っぽく＝＝＝＝＝＝＝＝＝ */
.swiper .image-wrapper {
    position: relative;
}

.swiper .image-wrapper:before {
    content: '';
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.swiper .image-wrapper:hover {
    background-color: rgba(0, 0, 0, 0);
}