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

#mainvis { width:100%; margin:0 auto; }
#mainvis ul { padding:0; margin:0; list-style:none; }

#mainvis .slide_main { width:100%; height:115px; margin-bottom:13px; overflow:hidden; position:relative; }

#mainvis .slide_main li { position:absolute; display:none; }
#mainvis .slide_main li a:hover img { filter:alpha(opacity=80); opacity: 0.8; }

#mainvis .slide_navi { position:relative; text-align:center; height:70px; margin-bottom:21px; letter-spacing:-0.4em; }
#mainvis .slide_navi li { display:inline-block; width:25%; height:116px; vertical-align:bottom; padding: 0 5px;}
#mainvis .slide_navi li a{
	position: relative;
	display: block;
}
#mainvis .slide_navi li img { display:block; margin:0 auto; }
#mainvis .slide_navi li a:hover img { 
	filter:alpha(opacity=80); opacity: 0.8; 
	border: solid 2px #1f87c7;
}
#mainvis .slide_navi .pointer { position:absolute; display:none; left:2px; top:-12px; width:120px; height:130px; transform:translate3d(0px, 0px, 0px); z-index:1; pointer-events:none; }
#mainvis .slide_navi .pointer a { display:block; width:100%; height:100%; background:url(../images/slide_pointer.png); pointer-events:none; }
@media screen and (min-width: 400px) {
	#mainvis .slide_main { width:100%; height:120px;}
	#mainvis .slide_navi { height:85px;}
}
@media screen and (min-width: 430px) {
	#mainvis .slide_main { width:100%; height:130px;}
	#mainvis .slide_navi { height:90px;}
}
@media screen and (min-width: 560px) {
	#mainvis .slide_main { width:100%; height:180px;}
	#mainvis .slide_navi { height:115px;}
}
@media screen and (min-width: 600px) {
	#mainvis .slide_main { width:100%; height:185px;}
	#mainvis .slide_navi { height:120px;}
}
@media screen and (min-width: 768px) {
	#mainvis .slide_navi li { display:inline-block; width:18%; height:116px; padding: 0 10px;}
	#mainvis .slide_main { width:100%; height:225px;}
	#mainvis .slide_navi { height:115px;}
}
@media screen and (min-width: 992px) {
	#mainvis .slide_main { width:100%; height:300px;}
	#mainvis .slide_navi { height:145px;}
}
@media screen and (min-width: 1200px) {
	#mainvis .slide_main { width:100%; height:355px;}
	#mainvis .slide_navi { height:165px;}
}