@charset "utf-8";

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

.tit_campus{ width:100%; text-align:center; padding:0; margin:0 0 59px 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 br{display:none;}
.tit_campus h2 span{ font-size:15px; text-align:center; line-height:15px; display:block;}
.tit_campus .ttBg{ width:100%; height:438px; background: url(/images/ah/main/main_tit_campus_bg.png) no-repeat 30px center; padding:0; margin:-50px 0 0 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{ padding:74px 190px 159px 30px;}
#con2{ padding:0 50px 184px 146px;}
#con3{ width:100%; padding:15px 634px 120px 140px; position:relative;}
#con3:before{ width:259px; height:440px; background: url(/images/ah/main/main_con3_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:234px; left:575px;}
#con3 .btn{ padding:0; margin:0; display:inline-block; /* position:absolute; */ top:0; left:617px;}
#con4{clear:both; padding:0 148px 320px 34px; position:relative;}
#con4:before{ width:404px; height:273px; background: url(/images/ah/main/main_con4_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:380px; left:54px;}
#con5{ padding:297px 145px 0 27px; position:relative;}
#con5:before{ width:142px; height:385px; background: url(/images/ah/main/main_con5_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:220px; left:446px;}
#con6{clear:both; padding:0 148px 149px 34px; position:relative;}
#con6:before{width:534px;height:1100px; background: url(/images/ah/main/main_con6_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:-86px; left:546px;}

#con7{ padding:26px 145px 0 27px; position:relative;}
#con8{ clear:both; padding:0 148px 100px 34px; position:relative;}
/* #con8:before{width:460px;height:600px;background: url(/images/ah/main/main_con8_bg.png) no-repeat center center;content:"";padding:0;margin:0;display:block;position:absolute;top: -100px;left: -30px;} */
#con9{ padding:0px 145px 0 27px; position:relative; top: -28px;}

.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;}
.bgMotion .bg1{ width:312px; height:312px; background:url(/images/ah/main/motion_txt_1.png) no-repeat center center; top:0; right:0; margin-right:106px; margin-top:-200px;}
.bgMotion .bg2{ width:233px; height:239px; background:url(/images/ah/main/motion_txt_2.png) no-repeat center center; top:0; right:0; margin-right:-88px; margin-top:200px; z-index:1;}
.bgMotion .bg3{width: 368px;height: 497px;background: url(/images/ah/main/motion_txt_3.png) no-repeat center left;top: 0;right:0;margin-right: -417px;margin-top:-200px;}
.bgMotion .bg4{ width:460px; height:332px; none/* background:url(/images/ah/main/motion_txt_5.png) no-repeat center center */; top:-41px; left:29px; margin-top:-200px;}
.bgMotion .bg5{ width:171px; height:191px; background:url(/images/ah/main/motion_txt_4.png) no-repeat center center; top:-41px; left:-37px; margin-top:200px;}
.bgMotion .bg6{ width:337px; height:237px; background:url(/images/ah/main/motion_txt_6.png) no-repeat center center; top:-249px; left:270px; margin-top:-200px;}
.bgMotion .bg7{ width:332px; height:270px; background:url(/images/ah/main/motion_txt_7.png) no-repeat center center; top:0; left:189px; margin-top:200px;}
/* .bgMotion .bg8{ width:332px; height:270px; background:url(/images/ah/main/motion_txt_8.png) no-repeat center center; top:0; left:189px; margin-top:200px;} */

.bgMotion .bg8{width:460px;height:600px;background: url(/images/ah/main/main_con8_bg.png) no-repeat center center;content:"";padding:0;margin:0;display:block;position:absolute;top: -100px;left: -30px;}

@media(max-width:1190px){	
	.inner a{ margin:5px 10px;}
	.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:85.8% auto; padding:0 0 36.5% 0;}
}
@media(max-width:1023px){
	.inner_box{ padding:83px 0;}
	.tit_campus h2{ font-size:35px; line-height:55px;}
	.tit_campus .ttBg{ height:297px; background-size:696px auto; margin-top:-18px;}
	.inner{ width:100%;}
	
	#con1{ padding:0 38.8% 9.5% 11.5%;}
	#con2{ padding:0 8.9% 14.1% 11.5%;}
	#con3{padding:0 9.5% 20.4% 11.5%;}
	#con4{ padding:0 34.1% 49.2% 11.5%;}
	#con5{ padding:0 32.5% 3.5% 11.5%;}
	#con6{ padding:10% 19.1% 0.2% 11.5%;}
	#con7{ padding:10% 19.1% 0.2% 11.5%;}
	#con8{ padding:10% 19.1% 0.2% 11.5%;}
	#con9{ padding:10% 19.1% 0.2% 11.5%;}
	
	.bgMotion .bg1{ top:-60px; right:0; margin-right:194px;}
	.bgMotion .bg2{ top:-60px; right:0; margin-right:0;}
	.bgMotion .bg3{ top:130px; right:0; margin-right:-276px;}
	.bgMotion .bg4{ top:-86px; left:0;}
	.bgMotion .bg5{  top:-86px; left:-66px;}
	.bgMotion .bg6,
	.bgMotion .bg7{ display:none;}
	
	#con3:before{ width:224px; height:379px; background-size:100% auto; top:234px; left:67.4%;}
	#con4:before{ width:404px; height:273px; background-size:100% auto; top:380px; left:17.3%;}
	#con5:before{ width:142px; height:385px; background-size:100% auto; top:-15px; left:73.6%;}
	#con3 .btn{ top:-36px; left:auto; right:10.1%;}
}
@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 br{display:block;}
	.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;}
	
	#con3 .btn{ width:100%; text-align:center; position:relative; top:auto; left:auto; right:auto;}
	
	#con1,
	#con2,
	#con3,
	#con4,
	#con5,
	#con6,
	#con7,
	#con8,
	#con9{ width:100%; height:auto; text-align:center; padding:8.1% 5.9%; margin:4.6% 0; border:1px solid #e7e7e7;}
	#con1{ margin-top:0;}
	#con9{ margin-bottom:0;}
	
	.bgMotion,
	.inner p,
	#con3:before,
	#con4:before,
	#con5:before,
	#con8:before{ display:none;}
}