@charset "utf-8";
/* CSS Document */

/* swiper */
.swiper_rsp-only {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.swiper_rsp-only .swiper-slide {
    width: 100%;
    height: auto;
}
.swiper_rsp-only .swiper-wrapper {
    display: block;
	width: 100%;
}
.swiper_rsp-only .swiper-button-prev,
.swiper_rsp-only .swiper-button-next { display: none;}

@media screen and (min-width: 767px) {

    /* swiper-init_member-top-rsp.js用 */
    /* ウインドウ幅を変動させたとき、1201px以上でswiperが適用されないようにする指定 */
    .swiper_rsp-only .swiper-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
    }
    .swiper_rsp-only .swiper-pagination {
        display: none;
    }
    .swiper_rsp-only .swiper-slide-duplicate {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .swiper_rsp-only {
        padding-block: 25px 0;
    }
	.swiper_rsp-only .swiper-wrapper {
		    display: flex;
    		flex-direction: row;
    }
    .swiper_rsp-only .swiper-button-prev,
    .swiper_rsp-only .swiper-button-next {
        display: flex;
    }
    .swiper_rsp-only .swiper-pagination {
        position: absolute;
		bottom: -10px;
        padding-block: 16px;
    }
	 .swiper_carousel {
        padding-block: 14.2% 12.6%;
    }
    .swiper_carousel .swiper-slide,
    .swiper_rsp-only .swiper-slide {
        width: 48.5%;
        height: auto;
        aspect-ratio: 1 / 0.6642;
    }
    .swiper_rsp-only .swiper-pagination {
        padding-block: 0;
    }
	.swiper-pagination-bullet {
		width: 6px;
		height: 6px;
	}
	.swiper-pagination-bullet-active {
		background: #222;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 8px;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 32px;
		height: 32px;
		color: #fff;
		background: #444;
		border-radius: 50%;
		opacity: .8;
		
	}
}