/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** Content Slider ******************************/

/* - スライドサイズ指定 - */
.swiper-container {
	width: 100%;
	height: 40vh;
}

@media (min-width: 48em) {
	.swiper-container {
		height: 50vh;
	}
}

@media (min-width: 62em) {
	.swiper-container {
		height: 60vh;
	}
}

.swiper-slide {
	position: relative;
	overflow: hidden;
}

.swiper-slide .container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
}

.swiper-slide-img {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* - スライド画像指定(モバイル用) - */
.slide_img-01 {
	background-image: url('../img/slide_img-04.jpg');
}

.slide_img-02 {
	background-image: url('../img/slide_img-05.jpg');
}

.slide_img-03 {
	background-image: url('../img/slide_img-06.jpg');
}

/* - スライド画像指定(PC用) - */
@media (min-width: 48em) {
	.slide_img-01 {
		background-image: url('../img/slide_img-01.jpg');
	}

	.slide_img-02 {
		background-image: url('../img/slide_img-02.jpg');
	}

	.slide_img-03 {
		background-image: url('../img/slide_img-03.jpg');
	}
}

.swiper-slide-text {
	height: 100%;
}

.swiper-slide-text .card-img-top {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/* - ナビゲーションのスタイル - */
.swiper-button-prev {
	left: 3%;
}

.swiper-button-next {
	right: 3%;
}

.swiper-button-prev,
.swiper-button-next {
	top: calc(50% + 30px);/* - navの透過部分の高さの半分をプラスして表示位置調整 - */
}

/****************************** Content Slider End ******************************/