@charset "UTF-8";



.slideShow{
	height: 200px;
	min-width: 950px;
}

.bg1{
	background-image: url(../img/common/bg1.png);
	min-width: 950px;
	border: 1px solid #3a58d0;
}

.img1, .img2, .img3, .img4{
	background-image: url(../img/index/1.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	min-height: 300px;
	max-height: 420px;
	height: 31vw;
}

.img1, .img2{
	margin: 30px 0;
	max-height: 360px;
}

.img2{ background-image: url(../img/index/2.png); }
.img3{ background-image: url(../img/index/3.png); }
.img4{ background-image: url(../img/index/4.png); }



/* PC向け ******************************************************************************************* */

@media (min-width: 521px) and (orientation: portrait), (min-width: 741px) and (orientation: landscape) {

}


/* スマホ向け **************************************************************************************** */

@media (max-width: 520px) and (orientation: portrait), (max-width: 740px) and (orientation: landscape) {
	.slideShow{
		height: 100px;
		min-width: 0;
	}

	.bg1{
		background-image: url(../img/common/bg1.png);
		min-width: 0;
		border: 1px solid #3a58d0;
	}

	.img1, .img2, .img3, .img4{
		min-height: 0;
		max-height: 420px;
		height: 31vw;
		margin: 5vw 0;
	}

	.img1, .img2{
		height: 38vw;
	}
}