@charset "UTF-8";

.swiper{
	width: 100%;
	padding-bottom: 10px;
	overflow: visible;
}

.swiper .swiper-wrapper{
	padding-bottom: 30px;
}

.swiper .swiper-wrapper .swiper-slide{
	position: relative;
}

.swiper .swiper-wrapper .swiper-slide img{
	width: 100%;
	height: auto;
}

.swiper .swiper-wrapper .swiper-slide .swiper_text{
	width: min(100%, 325px);
	margin: -10px auto 0;
}

.swiper-button-prev,
.swiper-button-next {
	top: calc((100% - 56px) / 2) !important;
    transform: translateY(-50%) !important;
    width: 25px!important;
    height: 25px!important;
    margin-top: 0!important;
    color: transparent !important;;
}
 

/* 矢印を消す、画像に変更 */
.swiper-button-prev:after,
.swiper-button-next:after {
	content: "" !important;
	background-repeat: no-repeat;
	background-size: contain;
	height: 25px;
	width: 25px;
	margin: auto;
}

.swiper-button-prev {
    right: auto;
    left: 10px!important;
}

.swiper-button-next {
    right: 10px!important;
    left: auto;
}


/* 前に戻る画像パス */
.swiper-button-prev:after {
	background-image: url(../img/prev_btn.svg);
}
/* 次に進む画像パス */
.swiper-button-next:after {
	background-image: url(../img/next_btn.svg);
}

.swiper-button-disabled:after{
	opacity: 0.3;
}

.swiper-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 10px;
	bottom: 0px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullet {
 width: 10px;
 height: 10px;
 border: 1px solid #b2b2b2;
 border-radius: 100px;
}

.swiper-pagination-bullet-active {
	background-color: #b2b2b2;
}