@charset "utf-8"; 

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

.tit_campus{ width:100%; text-align:center; padding:0; margin:0 0 55px 0; display:inline-block;}
.tit_campus h2{ font-size:38px; text-align:center; color:#000; line-height:64px; padding:0; margin:0; display:inline-block;}
.tit_campus h2 span{ font-size:19px; text-align:center; line-height:15px; display:block;}
.tit_campus h3{ font-size:30px; text-align:center; color:#000; line-height:64px; padding:0; margin:0; display:inline-block;}
.tit_campus .ttBg{ width:100%; height:376px; background: url(/images/it/main/main_tit_campus_bg.png) no-repeat center center; background-size:1128px 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{padding:0 140px 0 27px;}
#con2{display:block;padding: 50px 0 0 150px;}
#con3{padding:180px 0 0 27px; position:relative;}
#con4{padding: 70px 0 0 55px;}
#con5{padding: 0 0 0 112px; margin-top: 125px;}
#con6{ padding:0px 0 110px 30px; margin-top: -287px;}
#con7{ padding:0 0 0 28px; margin-left: 1px;}
#con8{ float: right; padding:0 0 0 142px; position:relative; margin-top: -460px;}
#con9{ width:100%; padding:0px 132px 0 520px; position:relative; margin-top: 0;}
#con10{padding:0 112px 0 26px; top:-144px;}

#con3:before{ width:478px; height:339px; background: url(/images/it/main/main_con3_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:-98px; left:93px;}
/* #con8:before{width:548px;height:246px;background: url(/images/it/main/main_con8_bg.png) no-repeat center center;content:"";padding:0;margin:0;display:block;position:absolute;top: -260px;right:0px;} */
#con9:before{ width:369px; height:175px; background: url(/images/it/main/main_con9_bg1.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:0; left:40px;}
#con9:after{ width:191px; height:577px; background: url(/images/it/main/main_con9_bg2.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:0; right:-88px;}

.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:39px; height:402px; background:url(/images/it/main/motion_txt_1.png) no-repeat center center; top:-10px; right:49px; margin-top:-200px; z-index:1;}
.bgMotion .bg2{ width:494px; height:402px; background:url(/images/it/main/motion_txt_2.png) no-repeat center center; top:-10px; right:-406px; margin-top:200px;}
.bgMotion .bg3{width:534px;height:1100px;background: url(/images/it/main/motion_txt_3.png) no-repeat center 0px;top: -86px;left:-43px;margin-top:-200px;}
.bgMotion .bg4{ width:460px; height:893px; background:url(/images/it/main/motion_txt_4.png) no-repeat center center; top:-74px; left:40px; margin-top:-200px;}



@media(max-width:1190px){
	.inner_box{ width:100%;}
	.inner_box{ padding:10.8% 0 10.2% 0;}
	.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:80px 0;}
	.inner{ width:100%;}
	.tit_campus .ttBg{ height:0; background-size:88.6% auto; padding:0 0 29.5% 0; margin:0px;}
	
	#con1{ height:auto; padding:0 34.8% 83px 9.7%;}
	#con2{ height:auto; padding:0 6.9% 386px 9.7%;}
	#con3{ height:auto; padding:0 7.1% 153px 9.7%; position:relative;}
	#con4{ height:auto; padding:0 5.9% 136px 21%;}
	#con5{ height:auto; padding:0 5.9% 274px 21%;}
	#con6{ height:auto; padding:0 5.9% 102px 21%;}
	#con7{ height:auto; padding:0 5.9% 430px 21%;}
	#con8{ height:auto; padding:0 9.7% 93px 9.7%; position:relative;}
	#con9{ height:auto; padding:0 28.6% 0 9.7%; position:relative;}

	#con3:before{ top:-300px; left:9.7%;}
	#con8:before{ top:-300px; left:9.7%; right:auto;}
	#con9:before{ display:none}
	#con9:after{ top:-98px; right:58px;}	
	
	.bgMotion .bg1{ top:-10px; right:190px; margin-top:-200px; z-index:1;}
	.bgMotion .bg2{ top:-10px; right:-265px; margin-top:200px;}
	.bgMotion .bg3{ top:-80px; left:73px; margin-top:-200px;}
	.bgMotion .bg4{ top:-110px; left:73px; 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 h3{font-size:20px; line-height:20px; margin:0 0 14px 0;}
	.inner h3 span{ font-size:12px; line-height:17px; margin:10px 0 0 0;}
	.inner a + a{ margin-left:10px;}
	
	#con1,
	#con2,
	#con3,
	#con4,
	#con5,
	#con6,
	#con7,
	#con8,
	#con9{ width:100%; height:auto; 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,
	#con8:before,
	#con9:after,
	#con9:before{ display:none;}
}