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

.swiper--wrapper {
	width: 100%;
	height: auto;
}
.swiper-slide {
	width: 100%;
	height: 100%;
}
.swiper-slide img {
	width: 100%;
	height: auto;
}
.swiper-pagination {
	position: relative;
	margin-top: 20px;
	height: 15px;
}
.swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	margin: 0 0 0 15px !important;
	background: #BABABA !important;
}
.swiper-pagination-bullet-active {
	background: #8A8A8A !important;
}
/* Swiper のデフォルトの矢印を消す */
.swiper-button-next,
.swiper-button-prev {
	color: transparent !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
	display: none !important;
}
/* 次へ矢印 */
.swiper-button-next {
	background-image: url("../img/index/swiper-button-next.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	right: 2vw!important;
}
/* 前へ矢印 */
.swiper-button-prev {
	background-image: url("../img/index/swiper-button-prev.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	left: 2vw!important;
}

@media (min-width: 854px) {
	.sp {
		display: none;
	}
}

@media (max-width: 854px) {
	.pc {
		display: none;
	}
	
	.swiper-button-next {
		top: auto!important; 
		bottom: 25px!important;
		right: 3vw!important;
		background-size: 35px auto;
	}
	.swiper-button-prev {
		top: auto!important;
		left: auto!important;
		bottom: 25px!important;
		right: calc(35px + 3vw + 2vw)!important;
		background-size: 35px auto;
	}
}