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

#slideAll { width:100%}
#slideItems { }
#slideItems div { width:100%; text-align:center; line-height:0}
#slideItems div h2 { color:#FFF; position:absolute; left:10%; top:200px; font-size:3vw}
#slideItems div p { color:#FFF; position:absolute; left:10%; top:250px; line-height:1.5; text-align:left; font-size:1.5vw}
#slideItems img { max-width:1920px; width:100%}

#slideAllCount { position:absolute; left:50%; margin-left:-50px; margin-top:-30px}
#slideAllCount .slide { float:right; cursor:pointer; width:22px; height:12px; display:block;}
#slideAllCount .slide span {display:block; width:20px; height:20px; left:-20px;  background:url(../images/key_visual_num.png) no-repeat 0 0; border-radius:6px; text-indent:9999px;}
#slideAllCount .slide span:hover { background-position:0 -40px}
#slideAllCount .slide.selectedTab span { background-position:0 -20px}


@media all and (max-width:1000px){
	#slideItems div h2 { top:160px}
	#slideItems div p { top:200px}
}
@media all and (max-width:700px){
	#slideItems div h2 { top:120px}
	#slideItems div p { top:150px}
}