@charset "UTF-8";
/* swiper.jsの上書き */
.sliderArea {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}


.swiper-container {
    width: 100%;
    max-width: 1200px;
}

/*ボタン変更*/
.swiper-button-prev,
.swiper-button-next {
    width: 64px;
    height: 64px;
    margin-top: -48px;
    opacity: 0.3;   /* 通常時 > 薄く表示 */
}
.swiper-button-prev {
    background: url("../01_top/images/slider/arrow_left.png") no-repeat center center / contain;
}
.swiper-button-next {
    background: url("../01_top/images/slider/arrow_right.png") no-repeat center center / contain;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 1;     /* hover > 濃く表示 */
}

/* bullet色変更 */
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #698551;
  }


/* Swiperの親要素 */
.swiper-parent {
    position: relative;
}
/* Swiper本体 */
.swiper-container {
    /* width: calc(100% - 100px); */
    padding-bottom: 50px;		/* ★ページネーション・スクロールバー分の余白50pxを下に取る */
    box-sizing: content-box;
}
/* 前・次スライドボタンの縦位置調整（スライドの高さの中央に合わせる）
.swiper-button-prev, .swiper-button-next {
    top: calc((100% - 50px) * 0.5);
    margin-top: -22px;
} */
.swiper-slide img {
    width: 100%;
    height: 100%;
}


/* 768px以下 */
@media screen and (max-width: 768px) {
    .swiper-container {
        padding-bottom: 35px;
        box-sizing: content-box;
    }
    .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .swiper-button-prev,
    .swiper-button-next {
        width: 48px;
        height: 48px;
        margin-top: -36px;
        opacity: 0.3;   /* 通常時 > 薄く表示 */
    }

}