@charset "utf-8";

#sub_img{
   width:100%;
   margin:0 auto;
   height:350px;
   padding-top:100px;
   background-color:#0f9fc8;
   background-image:url(../images/sec02_img.jpg);
   background-repeat:no-repeat;
   /*background-size:cover;*/
   background-repeat:no-repeat;
   background-position:center 100px;
}


#sub_menu{
	background:#e7e7e7;
	width:100%;
}
#sub_menu > ul{
	width:1200px;
	height:55px;
	margin:0 auto;
	overflow:hidden;
}
#sub_menu > ul > li{
	float:left;
}
#sub_menu > ul > li > a{
	display:block;
	text-align:center;
	line-height:50px;
}
#sub_menu > ul > li > a.act{
	border-bottom:5px solid #0099ff;
}
#sub_menu > ul > li > a:hover{
	background-color:#a7a7a7;
}

#sub_content{
	overflow:hidden;
	margin-bottom:100px;
	font-size:1.2em;
}
#sub_content h1{
	margin:50px auto 100px;
	padding:20px 0 5px 0;
	width:200px;
	font-size:2em;
	border-bottom:3px solid #a1a1a1;
	text-align:center;
}


#sub_content table{
	border-collapse:collapse;
}

#sub_content table th{
	background-color:#e7e7e7;
	text-align:center;
	padding:10px;
	border:1px solid #808080;
}
#sub_content table td{
	text-align:center;
	padding:10px;
	border:1px solid #808080;
}


@media(max-width:1500px){
	

.main > section {
	width:100vw;
}

#sub_menu > ul{
	width:100vw;
}

}