@charset "utf-8";

#container {clear:both; max-width:1300px; position:relative; min-height:800px; margin:0 auto; padding-top:50px}

nav {width:100%;}
nav ul {font-size:0; margin-left:-1px}
nav ul li {width: calc(33.33% - 1px); margin-left:1px; display:inline-block; background:#f6f6f6; text-align:center; padding:20px 0;}
nav ul li:last-child {margin-right:0}
nav ul li.on {background:#368856}
nav ul li a {display:inline-block; font-size:18px;}
nav ul li.on a {color:#fff;}


#content {width:100%; padding-top:30px; margin-bottom:50px;}
#content .page_navigation {background:url('/images/comm/icon_home.gif') no-repeat; padding-left:25px; float:right;}
#content h3 {font-size:35px; margin-bottom:40px;}

#content .sub_page {clear:both; width:100%; line-height:1.5}
#content .sub_page h4 {font-size:25px; margin-bottom:30px}
#content .sub_page h4:before {content:""; width:40px; border-top:#006ebd solid 5px; padding-top:10px; display:block;}

#content .sub_page h5 {font-size:20px; margin-bottom:20px; color:#006ebd}

.tac {margin:0 auto}

.section {margin-bottom:50px}
.section2 {margin-bottom:30px}

.sub1 p {margin-bottom:20px; font-weight:600; background:#f4f4f4; padding:10px; border-radius:5px}

.ready {text-align:center; font-size:30px; font-weight:600; color:#888; padding-top:100px}

@media all and (max-width:979px){

	#container {width:100%; min-height:inherit; margin:0; padding:0 10px; box-sizing:border-box}

}

@media all and (max-width:640px){

	#content h3 {font-size:24px; margin-bottom:30px;}
	
	#content .sub_page h4 {font-size:20px; margin-bottom:20px}
	#content .sub_page h4:before {width:30px; padding-top:6px; border-top:#006ebd solid 3px}
	
	#content .sub_page h5 {font-size:18px; margin-bottom:15px}

	nav ul li {width: calc(50% - 1px); padding:10px 0}
	nav ul li:nth-child(3),
	nav ul li:nth-child(4) {margin-top:1px}
	nav ul li a {display:inline-block; font-size:14px;}

	#content .page_navigation {font-size:14px; float:none; margin-bottom:20px}
	
	.ready {font-size:20px; padding-top:30px}

}