@import url(common.css);
img{width:100%; }

.wrap{position:relative; min-height:100%;}
.inbox{width:94.4%; margin:0 auto;}
.main img{display:block;}

.header{}
.header .inbox{padding:5% 0; position:relative;}
.header h1{width:49.9%;}
.header h1 a{display:block;}

.menu_btn{position:absolute; top:50%; right:0; display:block; width:11.7%; margin-top:-5.8%;}

.visual_box{position:relative;}
.visual_img{position:absolute; top:0; left:0; display:block; z-index:1}
.visual2{opacity:0;}

.menu{position:fixed;top:0; right:0%; width:75%; background-color:#001f3e; height:100%; z-index:100; display:none}
.menu h3{ padding:8% 0 8% 15px; color:#bdcbd3; font-size:calc( 15px + 0.9375vw);  font-weight:900}
.menu>div{position:absolute; top:3.5%; right:15px; text-align:right; color:#bdcbd3; font-size:13px;}
.menu>div a{display:inline-block; vertical-align:top; color:#bdcbd3; font-size:13px;}

.menu .sub1_box>li>span{position:relative; display:block; padding:5% 0 5% 15px; color:#001f3e; font-size:calc(13px + 0.9375vw); background-color:#bdcbd3; font-weight:900;border-bottom:1px solid #001f3e}
.menu .sub1_box>li>span>span{position:absolute; top:50%; margin-top:-10px; right:15px; display:block; width:20px; height:20px; text-align:center; line-height:23px; color:#001f3e; border:2px solid #001f3e}

.sub2_box ,.sub3_box {display:none;}

.sub2_box li>span,.sub2_box li>a{display:block; padding:5% 0 5% 15px; color:#bdcbd3;  font-size:calc(13px + 0.9375vw); font-weight:900;border-bottom:1px solid #bdcbd3}

.sub3_box a{display:block; padding:5% 0 5% 20px; color:#bdcbd3; font-size:calc(13px + 0.9375vw); border-bottom:1px dotted #bdcbd3}

.banner1{margin:15px 0;}
.banner1 li{float:left; width:32.35%;}
.banner1 li.sec{margin:0 1.475%;}
.banner1 li span{display:block; color:#fff; font-size:15px; font-weight:bold; padding:8px; background:url(../images/main/banner_go.png) no-repeat 95% 8px; background-size:25px; height:43px; line-height:1.5em}

.bg1 span{background-color:#09a1da !important;}
.bg2 span{background-color:#4772ac !important;}
.bg3 span{background-color:#0054a6 !important;}



.board_box{}
.board_box>div{position:relative; border:1px solid #0054a6; border-top:3px solid #0054a6 !important; padding:15px 10px; }
.box.fir{margin-bottom:15px;}
.board_box>div h3{border-bottom:1px solid #313131; color:#0054a6; font-size:15px; font-weight:bold; padding-bottom:15px;}
.board_box>div h3 font{vertical-align:top; font-size:13px; color:#0054a6;}
.board_box>div>a{position:absolute; top:15px; right:10px; color:#313131; font-size:13px; }
.board_box>div ul{min-height:100px;}
.board_box>div li{padding:15px 0; border-bottom:1px dotted #bfbfbf;}
.board_box>div li a{color:#313131; font-size:13px;}
.board_box>div li span{float:right; color:#313131; font-size:12px;}




.banner2{position:relative; text-align:center; padding:15px 4.5% !important;}
.banner2 a{display:inline-block; vertical-align:middle; width:25.2% }
.banner2 span{display:block; width:4.5%; position:absolute; top:50%; margin-top:-3%; z-index:100}
.banner2 .bn_left{left:0;}
.banner2 .bn_right{right:0;}


.footer{padding:15px 0; background-color:#001f3e;}
.footer p{color:#fff; text-align:center; font-size:12px; line-height:1.6em}
.footer p a{color:#375778; vertical-align:middle; font-size:12px;}