@charset "utf-8";
@import url("top.css");
@import url("end.css");
@import url("base.css");
.arc1{width:96%; margin:0px auto; color:#000; font-size:2.5vw; line-height:180%;}
.arc1 h1{width:100%; padding-top:5px; text-align:center; font-size:5vw; line-height:200%; font-weight:100; border-bottom:1px solid #eee; overflow:hidden; display:block;}
.arc1 p{padding-top:10px; text-indent:2em; display:block;}
.arc1 img{max-width:90% !important; height:auto !important;}

.arc2{height:12.5vw; margin-top:4.68vw; color:#000; border-top:1px solid #eee;}
.arc2 ul{width:96%; margin:0px auto;}
.arc2 li{float:left; width:50%; padding-top:4.68vw; height:3.9vw; line-height:100%; font-size:2.8125vw; overflow:hidden;}
.arc2 li a{color:#000;}
.arc2 li:nth-child(2){text-align:right;}

@media screen and (min-width:960px){
.arc1{font-size:24px;}
.arc1 h1{font-size:48px;}
.arc2{height:120px; margin-top:45px;}
.arc2 li{padding-top:45px; height:37px; font-size:27px;}
}
@media screen and (max-width:320px){
.arc1{font-size:8px;}
.arc1 h1{font-size:16px;}
.arc2{height:40px; margin-top:15px;}
.arc2 li{padding-top:15px; height:12px; font-size:9px;}
}