@charset "utf-8"; 

#mcontainer{ background: url(/images/hb/main/mBg.gif) repeat center top; text-align:center;}
.inner_box{ width:1200px; padding:90px 0 120px 0; margin:0; display:inline-block;}

.tit_campus{ width:100%; text-align:center; padding:0; margin:0 0 46px 0; display:inline-block;}
.tit_campus h2{ font-size:44px; text-align:center; color:#000; line-height:64px; padding:0; margin:0; display:inline-block;}
.tit_campus h2 span{ font-size:15px; text-align:center; line-height:15px; display:block;}
.tit_campus .ttBg{ width:100%; height:386px; background: url(/images/hb/main/main_tit_campus_bg.png) no-repeat left center; background-size:1178px auto; padding:0; margin:0; display:inline-block;}

.inner,
.inner h3,
.inner p,
.inner a{ font-family:nsr; font-size:16px;}
.inner{ width:50%; color:#000; text-align:left; padding:0; margin:0; display:inline-block; box-sizing:border-box; float:left; position:relative; z-index:0;}
.inner h3{ font-weight:600; font-size:30px; line-height:30px; padding:0; margin:0 0 24px 0;}
.inner h3 span{ font-size:14px; line-height:14px; padding:0; margin:24px 0 0 0; display:block;}
.inner p{ line-height:26px; padding:0; margin:0 0 34px 0;}
.inner a{ width:78px; height:78px; font-weight:600; color:#000; text-align:center; line-height:78px; padding:0; margin:0; display:block; border:2px solid #000; border-radius:50%; float:left;}
.inner a + a{ margin-left:20px;}
#con1{ height:454px; padding:0 180px 0 28px;}
#con2{ height:454px; padding:80px 0 0 60px; left: 107px;}
#con3{ height:796px; padding:219px 0 0 28px; position:relative;}
#con4{ height:796px; padding:0 0 0 37px;}
#con5{ padding:0 0 0 97px; margin-top: -145px; position:relative;}
#con6{ height:476px; padding:0 0 0 92px; margin-top:-209px; top: 50px;}
#con7{ padding:430px 0 0 55px;}

#con3:before{ width:417px; height:336px; background: url(/images/hb/main/main_con3_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:-110px; left:0px;}
#con5:before{ width:487px; height:600px; background: url(/images/hb/main/main_con6_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:387px; left:99px;}

.bgMotion{ width:100%; height:100%; padding:0; margin:0; position:absolute; top:0; left:0; z-index:-1;}
.bgMotion span{ padding:0; margin:0; display:block; position:absolute; opacity:0; z-index:0;}
.bgMotion .bg1{ width:158px; height:622px; background:url(/images/hb/main/motion_txt_1.png) no-repeat center center; top:0; right:-40px; margin-top:-200px; z-index:1;}
.bgMotion .bg2{ width:444px; height:392px; background:url(/images/hb/main/motion_txt_2.png) no-repeat center center; top:0; right:-444px; margin-top:200px;}
.bgMotion .bg3{ width:505px; height:270px; background:url(/images/hb/main/motion_txt_3.png) no-repeat center center; top:-638px; left: 717px; margin-top:-200px;}
.bgMotion .bg4{ width:398px; height:570px; background:url(/images/hb/main/motion_txt_4.png) no-repeat center center; top:0px; left:0; margin-top:-200px;}
.bgMotion .bg5{ width:312px; height:519px; background:url(/images/hb/main/motion_txt_5.png) no-repeat center center; top:-45px; left:103px; margin-top:200px;}


/*
#qbar{position:fixed;top:0;right:0;width:120px;height:100%;background:#272c3c;z-index: 1000;color:#fff;}
#qbar h3{padding:30px 10px;font-size:13px;}
#qbar span{background-image:url(/images/ah/main/sm_hg_main_ir.png);}

#qbar h3{width:auto;height:90px;padding:30px;background:#254f9a;font-size:15px; text-align:center;line-height:1.3;}
#qbar h3 *{display: block;}
#qbar h3 span{width:36px;height:28px;margin:auto;background-position:0px -497px}
#qbar h3 em{text-indent: -9999px;font-size:0;line-height:0;}

#qbar .btnwrap{overflow: hidden;height: auto; } 
#qbar .btnwrap li{width:100%;padding: 25px 0px;text-align:center;border-bottom: 1px solid rgba(255,255,255,0.1);}
#qbar .btnwrap li a{color:#efefef;font-size:14px;}
#qbar .btnwrap li a:hover{text-decoration:underline;}
#qbar .btnwrap li a span{display: block;width:30px;height:35px;margin:0 auto 10px;}
#qbar .btnwrap li a span.ico1{background-position: 0px -532px;}
#qbar .btnwrap li a span.ico2{background-position: 0px -567px;}
#qbar .btnwrap li a span.ico3{background-position: 0px -595px;}

#qbar .bsc li{padding:15px 10px;border-bottom: 1px solid rgba(255,255,255,0.1);}
#qbar .bsc li a{width:100%; height:100%;color:#ccc;}
#qbar .bsc li a:hover{text-decoration:underline;}
#qbar .bsc li a span{float:right;display:inline-block;width:14px;height:16px;margin-left:5px;background:url(/images/ah/main/sm_hg_main_ir.png) no-repeat 0px -628px;}
*/
/*.more:hover{transition: all 300ms ease-out;transform: rotate(90deg);}*/

@media(max-width:1280px){
	.inner{width:47%;}
	.inner a + a{ margin-left:10px;}
}
@media(max-width:1190px){
	.inner_box{ width:100%;}
	.tit_campus .ttBg{ height:0; background-position:center center; background-size:80.3% auto; padding:0 0 32.1% 0;}
}
@media(max-width:1023px){
	.inner_box{ padding:83px 0 195px 0;}
	.inner{ width:100%;}
	.tit_campus .ttBg{ height:0; background-size:83.9% auto; padding:0 0 27.6% 0; margin:0px;}
	
	#con1{ height:auto; padding:0 40% 77px 9.3%;}
	#con2, #con11{ height:auto; padding:0 38.2% 374px 9.3%;}
	#con3{ height:auto; padding:0 5.2% 87px 9.3%; position:relative;}
	#con4{ height:auto; padding:0 7.8% 160px 9.3%;}
	#con5{ padding:0 7.8% 244px 22.2%; position:relative;}
	#con6{ height:auto; padding:0 6.5% 96px 9.3%; margin-top:0;}
	#con7{ padding:0 6.5% 0 22.2%;}

	#con3:before{ top:-325px; left:22.7%;}
	#con5:before{ display:none;}
	
	#bgMotion .bg1{ top:10%; left:auto; right:102px; margin-left:0; margin-top:-200px; z-index:1;}
	#bgMotion .bg2{ top:10%; left:auto; right:-302px; margin-top:200px;}
	#bgMotion .bg3{ top:69.5%; left:23.1%; margin-left:0; margin-top:-200px;}
	#bgMotion .bg4{ top:59%; left:9.3%; margin-left:0; margin-top:-200px;}
	#bgMotion .bg5{ top:85.4%; left:9.3%; margin-left:0; margin-top:200px;}
	
	.bgMotion .bg1{ top:0; right:102px; margin-top:-200px; z-index:1;}
	.bgMotion .bg2{ top:0; right:-302px; margin-top:200px;}
	.bgMotion .bg3{ top:-245px; left:auto; right:86px; margin-top:-200px;}
	.bgMotion .bg4{ top:-100px; left:72px; margin-top:-200px;}
	.bgMotion .bg5{ top:-45px; left:72px; margin-top:200px;}
}
@media(max-width:767px){
	.inner_box{ padding:11.5% 4.3%;}
	
	.tit_campus{ margin-bottom:39px;}
	.tit_campus h2{ font-size:27px; line-height:35px; padding:0 15px;}
	.tit_campus h2 span{ margin-bottom:12px;}
	.tit_campus .ttBg{ height:0; background-size:88.75% auto; padding:0 0 38.1% 0; margin:0px;}
	
	.inner h2{font-size:20px; line-height:20px; margin:0 0 14px 0;}
	.inner h2 span{ font-size:12px; line-height:17px; margin:10px 0 0 0;}
	.inner h3{ text-align:left;}
	.inner a{ margin:5px 10px; display:inline-block; clear:both; float:none;}
	.inner a + a{ margin-left:10px;}
	
	#con1,
	#con2,
	#con3,
	#con4,
	#con5,
	#con6,
	#con7,
	#con8,
	#con9,
	#con10,
	#con11{ width:100%; height:auto; text-align:center; padding:8.1% 5.9%; margin:4.6% 0; border:1px solid #e7e7e7; left: 0px;}
	#con1{ margin-top:0;}
	#con7{ margin-bottom:0;}
	
	.bgMotion,
	.inner p,
	#con3:before,
	#con5:before{ display:none;}
}