@charset "utf-8"; 

#mcontainer{ background: url(/images/it/main/mBg.gif) repeat center top; text-align:center;}
.inner_box{ width:1200px; height: 3136px; 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: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: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{height: 430px;padding:0 140px 0 27px;}
#con2{display:block;height: 530px;padding: 50px 0 0 150px;top: 23px;}
#con3{ height:886px; padding:298px 0 0 27px; position:relative;}
#con4{height:460px;padding: 160px 0 0 150px;}
#con5{/* height:426px; */padding: 0 0 0 150px; margin-top: 190px;}
#con6{ padding:0px 0 110px 30px; margin-top: -200px;}
#con7{ padding:0 0 0 28px; margin-left: 1px;}
#con8{ height:403px; float: right; padding:0 0 0 142px; position:relative; margin-top: -460px;}
#con9{ width:100%; padding:65px 240px 0 435px; position:relative; margin-top: 70px;}

#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:0px; left:27px;}
/* #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:373px; background: url(/images/it/main/main_con9_bg1.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:166px; left:0px;}
#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:-50px; right:34px;}

.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: 95px;left:22px;margin-top:-200px;}
.bgMotion .bg4{ width:460px; height:893px; background:url(/images/it/main/motion_txt_4.png) no-repeat center center; top:94px; left:57px; 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;}
}