@charset "utf-8";
@import url("top.css");
@import url("end.css");
@import url("list.css");

.main_m{height:auto;}
.map1{color:#000; padding-top:3.125vw; padding-bottom:2.34vw; font-size:5vw; text-align:center;}
.map2{width:90%; height:57.04vw; margin:0px auto; border:1.09375vw solid #d8d8d8;}
.map3{width:92%; margin:5.3125vw auto 0px;}
.map3 li{float:left; width:20%; text-align:center;}
.map3 li span{width:9.85vw; height:9.85vw; margin:0px auto; background-size:100%; display:block; clear:both;}
.map3 li:first-child span{background:url(../images/map1a.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(2) span{background:url(../images/map2a.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(3) span{background:url(../images/map3a.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(4) span{background:url(../images/map4a.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(5) span{background:url(../images/map5a.jpg) no-repeat; background-size:100%;}
.map3 li:first-child.on span{background:url(../images/map1.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(2).on span{background:url(../images/map2.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(3).on span{background:url(../images/map3.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(4).on span{background:url(../images/map4.jpg) no-repeat; background-size:100%;}
.map3 li:nth-child(5).on span{background:url(../images/map5.jpg) no-repeat; background-size:100%;}
.map3 li i{width:100%; font-size:2.5vw; line-height:200%; color:#000; display:block;}
.map4{width:90%; margin:2.34375vw auto 0px; color:#000; border-top:1px solid #eee; display:none;}
.map4 h3{width:90%; margin:0px auto; padding-top:4.6875vw; font-size:3.4375vw; display:block; clear:both;}
.map4 p{width:90%; margin:0px auto; padding-top:5px; font-size:2.66vw; line-height:180%; display:block; clear:both;}
@media screen and (min-width:960px){
.map1{padding-top:30px; padding-bottom:22px; font-size:48px;}
.map2{height:547px; border:10px solid #d8d8d8;}
.map3{margin:51px auto 0px;}
.map3 li span{width:95px; height:95px;}
.map3 li i{font-size:24px;}
.map4{margin:22px auto 0px;}
.map4 h3{font-size:33px; padding-top:45px;}
.map4 p{font-size:25px;}
}
@media screen and (max-width:320px){
.map1{padding-top:10px; padding-bottom:7px; font-size:16px;}
.map2{height:182px; border:3px solid #d8d8d8;}
.map3{margin:17px auto 0px;}
.map3 li span{width:31px; height:31px;}
.map3 li i{font-size:8px;}
.map4{margin:7px auto 0px;}
.map4 h3{font-size:11px; padding-top:15px;}
.map4 p{font-size:9px;}
}