body{word-break:keep-all ;}
@media(min-width:1201px){

#sub_visual{height:270px; background:url(../img/road.jpg) no-repeat center center; background-size:cover; text-align:center; line-height:270px; font-size:35px; letter-spacing:10px; text-shadow:1px 1px 2px #000; color:#fff; position:relative;}


#content{width:1200px; margin:50px auto;}
#content:after{clear:both; content:""; display:block;}
.title{width:300px; float:left; }
.intro{width:900px; float:left;}
.title li{width:210px; height:45px;}
.title li:hover a{background:#39456c; color:#fff;}
.title li a{width:210px; height:45px; display:block;  color:#000; text-align:center; line-height:45px; border-bottom:1px solid #ccc; font-weight:bold;}

/*location*/
.location{float:right;}
.location li{float:left; margin-right:10px;}
.location a{font-size:12px; color:#666; font-weight:bold;}

.intro h1{font-size:35px; color:#ff6601; letter-spacing:2px; margin-bottom:40px;  border-bottom:2px solid #ccc;  padding-bottom:15px;}

.add{font-size:17px; color:#666; }
.add li{margin-bottom:10px;}
.add li:nth-child(1){color:#444; font-size:20px;}
/*road*/
.road{line-height:30px; background:#ccc; border-radius:20px; padding:15px; margin-top:20px;}
.road span{font-size:20px; color:#666; }


/*intro*/
.intro:after{clear:both; content:""; display:block;}
h5{color:#666; text-align:right; margin:20px 0px;}
.intro p{margin-bottom:30px; color:#666; line-height:30px;}
.intro img{float:left; margin-right:50px;}
.intro .right{width:550px; float:left;}
.intro h2{margin:20px 0px;}

.right span{font-weight:bold; color:#ff6601;}
.text_right{text-align:right;}

.contents{padding:10px; border:2px solid #ccc; box-sizing:border-box;}
}

@media(max-width:1200px){
#sub_visual{height:200px; background:url(../img/road.jpg) no-repeat center center; background-size:cover; margin-bottom:40px;  text-align:center; line-height:200px; font-size:1.5rem; letter-spacing:10px; text-shadow:1px 1px 2px #000; color:#fff; position:relative;}
	
	
#content{width:100%}

.title{width:90%; margin:0 auto; }
.title:after{clear:both; content:""; display:block;}
.title li{width:49%; height:45px; float:left; text-align:center; margin-right:1%;}
.title li:hover a{background:#39456c; color:#fff; }
.title li a{width:100%; height:45px; display:block;  color:#000; text-align:center; line-height:45px; border-bottom:1px solid #ccc; font-weight:bold;}

.location{display:none;}
.intro{width:90%; margin:0 auto; }


.intro h1{margin:40px 0px;  text-align:center; color:#ff6601; letter-spacing:2px; }

.add{font-size:1rem; color:#666; }
.add li{margin-bottom:10px;}
.add li:nth-child(1){color:#444; font-size:1.2rem;}
/*road*/
.road{line-height:30px; background:#ccc; border-radius:20px; padding:15px; margin:50px 0px; box-sizing:border-box; }
.road span{font-size:1.2rem; color:#666; }

.contents{padding:10px; border:2px solid #ccc; box-sizing:border-box;}

}