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

@media print, screen and (min-width:769px) {

#sl {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#sl div.slider {
	width: 100%;
	height: 464px;
	margin: 0 auto;
	padding: 0;
}
	#sl div.slider div {
		width: 100%;
		height: 464px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		background: #E9F2FC;
	}
		#sl div.slider div img {
			width: 100%;
			height: 464px;
		}
		#sl div.slider div.kv1 {
			background: #E9F2FC url(../img/mainimg_01.jpg) center top / cover no-repeat;
		}
		#sl div.slider div.kv2 {
			background: #E9F2FC url(../img/mainimg_02.jpg) center top / cover no-repeat;
		}
		#sl div.slider div.kv3 {
			background: #E9F2FC url(../img/mainimg_03.jpg) center top / cover no-repeat;
		}

}
@media screen and (max-width: 768px){

#sl {
	width: 100%;
	height: 21em;
	margin: 8% auto;
	padding: 0;
	position: relative;
}

#sl div.slider {
	width: 100%;
	height: calc(21em - 45px);
	margin: 0 auto;
	padding: 0;
}
	#sl div.slider div {
		width: 100%;
		height: calc(21em - 45px);
		margin: 0 auto;
		padding: 0;
		position: relative;
		background: #E9F2FC;
	}
		#sl div.slider div img {
			width: 100%;
			height: calc(21em - 45px);
		}
		#sl div.slider div.kv1 {
			background: #E9F2FC url(../img/sp_mainimg_01.jpg) center top / cover no-repeat;
		}
		#sl div.slider div.kv2 {
			background: #E9F2FC url(../img/sp_mainimg_02.jpg) center top / cover no-repeat;
		}
		#sl div.slider div.kv3 {
			background: #E9F2FC url(../img/sp_mainimg_03.jpg) center top / cover no-repeat;
		}

.img01 {
	width: 100%;
	margin: 0 auto;
	height: calc(21em - 45px);
	background-color: #E9F2FC;
	position: relative;
}
	.img01.kv1 {
		background: #E9F2FC url(../img/sp_mainimg_01.jpg) center top / cover no-repeat;
	}
	.img01.kv2 {
		background: #E9F2FC url(../img/sp_mainimg_02.jpg) center top / cover no-repeat;
	}
	.img01.kv3 {
		background: #E9F2FC url(../img/sp_mainimg_03.jpg) center top / cover no-repeat;
	}

}