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

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

#slideBox_s{
	display:none;
}

/*-----------------------------------*/
	
    #slideBox{
	    position:relative;
	    width:100%;
	    height:700px;
		overflow:hidden;
	}
	
	#slide0{
		position:absolute;
		width:100%;
		height:700px;
		top:0px;
		left:0px;
		overflow:hidden;
	}
	#slide0 img{
		width:100%;
	    height:auto;
	}
	/*----------- slide -----------*/
	#slide1_1,#slide2_1,#slide3_1,#slide4_1{
		position:absolute;
		width:50%;
		height:350px;
		top:0px;
		left:0px;
		overflow:hidden;
	}
	#slide1_1 img,#slide2_1 img,#slide3_1 img,#slide4_1 img{
		position:absolute;
		width:200%;
		height:auto;
		top:0%;
		left:0%;
	}
	
	#slide1_2,#slide2_2,#slide3_2,#slide4_2{
		position:absolute;
		width:50%;
		height:350px;
		top:0px;
		left:50%;
		overflow:hidden;
	}
	#slide1_2 img,#slide2_2 img,#slide3_2 img,#slide4_2 img{
		position:absolute;
		width:200%;
		height:auto;
		top:0%;
		left:-100%;
	}
	
	#slide1_3,#slide2_3,#slide3_3,#slide4_3{
		position:absolute;
		width:50%;
		height:350px;
		top:350px;
		left:0;
		overflow:hidden;
	}
	#slide1_3 img,#slide2_3 img,#slide3_3 img,#slide4_3 img{
		position:absolute;
		width:200%;
		height:auto;
		top:-100%;
		left:0%;
	}
	
	#slide1_4,#slide2_4,#slide3_4,#slide4_4{
		position:absolute;
		width:50%;
		height:350px;
		top:350px;
		left:50%;
		overflow:hidden;
	}
	#slide1_4 img,#slide2_4 img,#slide3_4 img,#slide4_4 img{
		position:absolute;
		width:200%;
		height:auto;
		top:-100%;
		left:-100%;
	}
	

}


/*--------------------------------------*/
/*--------------------------------------*/
/*--------------------------------------*/

@media screen and (max-width: 768px){
	
/*---------------OFF----------------*/

#slideBox{
	display:none;
}

/*-----------------------------------*/
	
	
	#slideBox_s{
	    position:relative;
	    width:100vw;
	    height:calc(100vw * 0.7295);  /*562/410*/
		overflow:hidden;
	}
	
	#slide0_s{
		position:absolute;
		width:100vw;
		height:calc(100vw * 0.7295);
		top:0px;
		left:0px;
		overflow:hidden;
	}
	#slide0_s img{
		width:100vw;
	    height:auto;
	}
	/*----------- slide -----------*/
	#slide1_1_s,#slide2_1_s,#slide3_1_s,#slide4_1_s{
		position:absolute;
		width:50vw;
		height:calc(50vw * 0.7295);
		top:0px;
		left:0px;
		overflow:hidden;
	}
	#slide1_1_s img,#slide2_1_s img,#slide3_1_s img,#slide4_1_s img{
		position:absolute;
		width:100vw;
		height:auto;
		top:0px;
		left:0px;
	}
	
	#slide1_2_s,#slide2_2_s,#slide3_2_s,#slide4_2_s{
		position:absolute;
		width:50vw;
		height:calc(50vw * 0.7295);
		top:0px;
		left:50vw;
		overflow:hidden;
		
	}
	#slide1_2_s img,#slide2_2_s img,#slide3_2_s img,#slide4_2_s img{
		position:absolute;
		width:100vw;
		height:auto;
		top:0vw;
		left:-50vw;
	}
	
	#slide1_3_s,#slide2_3_s,#slide3_3_s,#slide4_3_s{
		position:absolute;
		width:50vw;
		height:calc(50vw * 0.7295);
		top:calc(50vw * 0.7295);
		left:0px;
		overflow:hidden;
	}
	#slide1_3_s img,#slide2_3_s img,#slide3_3_s img,#slide4_3_s img{
		position:absolute;
		width:100vw;
		height:auto;
		top:calc(-50vw * 0.7295);
		left:0px;
	}
	
	#slide1_4_s,#slide2_4_s,#slide3_4_s,#slide4_4_s{
		position:absolute;
		width:50vw;
		height:calc(50vw * 0.7295);
		top:calc(50vw * 0.7295);
		left:50vw;
		overflow:hidden;
	}
	#slide1_4_s img,#slide2_4_s img,#slide3_4_s img,#slide4_4_s img{
		position:absolute;
		width:100vw;
		height:auto;
		top:calc(-50vw * 0.7295);
		left:-50vw;
	}
	
	
	
	/*
#slideBox_s{
	position:relative;
	width:100vw;
	height:auto;
	overflow:hidden;
}
#slideBox_s img{
	width:100vw;
	height:auto;
}

#slide1_s,#slide2_s,#slide3_s,#slide4_s{
		position:absolute;
	top:0px;
	
	width:100%;
	min-width:1124px;
	height:auto;
	min-height:700px;
	}
	
	.main_tit{
		position:absolute;
		top:200px;
		left:0px;
		width:100%;
		text-align:center;
		color:#ffffff;
}*/
	
}