@charset "utf-8";
/* ==============================================

	structure CSS

================================================= */

/* スライダー */
#slider01 {
	display:block;
	overflow: hidden;
	position: absolute;
	margin:0 auto;
	width: 100%;
	height: 100%;
	padding:0;}

#slider01 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	}

/* トップページイメージ */

.topImg_01 { background: url(../images/slider02.jpg) no-repeat;}
.topImg_001 { background: url(../images/slider02_b.jpg) no-repeat;}
.topImg_0001 { background: url(../images/slider02_c.jpg) no-repeat;}

.topImg_02 { background: url(../images/slider03.jpg) no-repeat;}
.topImg_002 { background: url(../images/slider03_b.jpg) no-repeat;}
.topImg_0002 { background: url(../images/slider03_c.jpg) no-repeat;}

.topImg_03 { background: url(../images/slider04.jpg) no-repeat;}
.topImg_003 { background: url(../images/slider04_b.jpg) no-repeat;}
.topImg_0003 { background: url(../images/slider04_c.jpg) no-repeat;}

.topImg_04 { background: url(../images/slider01.jpg) center no-repeat;}

img.topImg_04 {
	background-size: auto!important;
}


@media screen and (max-width:768px){
	#slider01 img {
		background-size: contain;
	}
	
	img.topImg_04 {
		background: url(../images/slider01.jpg) center 50px no-repeat;
		background-size: contain!important;
	}

}