@charset "utf-8"; 

#mcontainer{ background: url(/images/ss/main/mBg.gif) repeat center top; text-align:center;}
.inner_box{ width:1200px; padding:90px 0 150px 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 em{display: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/ss/main/main_tit_campus_bg.png) no-repeat 128px center; background-size:964px 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:534px; padding:0 0 0 28px;}
#con2{ height:534px; padding:0 0 0 199px; position:relative;}
#con3{ height:440px; padding:0 0 0 108px;}
#con4{ height:653px; padding:0 0 0 125px; margin-top:252px; position:relative;}
#con5{ height:465px; padding:0 0 0 108px; margin-top:-465px;}
#con6{ height:473px; padding:0 184px 0 28px; position:relative;}
#con7{ height:473px; padding:68px 0 0 199px;}
#con8, #con12, #con14, #con16{ padding:0 0 0 28px;}
#con9, #con11, #con13, #con15, #con17{ padding:104px 0 0 199px;}
#con10{padding: 0 0 0 28px;}

#con2:before{ width:359px; height:615px; background: url(/images/ss/main/main_con2_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:303px; right:-7px;}
#con4:before{ width:548px; height:313px; background: url(/images/ss/main/main_con4_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:315px; right:-24px;}
#con6:before{ width:221px; height:362px; background: url(/images/ss/main/main_con6_bg.png) no-repeat center center; content:""; padding:0; margin:0; display:block; position:absolute; top:-19px; left:377px;}

.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:345px; height:495px; background:url(/images/ss/main/motion_txt_1.png) no-repeat center center; top:0px; left:85px; margin-top:-200px;}
.bgMotion .bg2{ width:460px; height:853px; background:url(/images/ss/main/motion_txt_2.png) no-repeat center center; top:-86px; left:0px; margin-top:200px;}
.bgMotion .bg3{ width:398px; height:39px; background:url(/images/ss/main/motion_txt_3.png) no-repeat center center; top:347px; left:0px; margin-top:-200px; z-index:1;}
.bgMotion .bg4{width:514px;height:908px;background:url(/images/ss/main/motion_txt_4.png) no-repeat center center;top: -40px;left: -42px;margin-top:-200px;}
.bgMotion .bg5{ width:39px; height:306px; background:url(/images/ss/main/motion_txt_5.png) no-repeat center center; top:700px; left:561px; margin-top:200px; z-index:1;}

@media(max-width:1260px){
	#con2{padding:0 0 0 120px;}
	.bgMotion .bg1{left:50px;}
	#con6{padding:0 112px 0 28px;}
	#con6:before{left:368px;}
	#con7{padding:68px 0 0 135px;}
	#con9, #con11, #con13, #con15, #con17{padding:104px 0 0 135px;}
}

@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;}
	.inner{ width:100%;}
	.tit_campus .ttBg{ height:0; background-size:90.2% auto; padding:0 0 36% 0; margin:0px;}
	
	#con1{ height:auto; padding:0 7.4% 90px 9.3%;}
	#con2{ height:auto; padding:0 7% 564px 24%; position:relative;}
	#con3{ height:auto; padding:0 11.7% 144px 24%;}
	#con4{ height:auto; padding:0 11% 370px 24%; margin-top:0; position:relative;}
	#con5{ height:auto; padding:0 10% 94px 9.3%; margin-top:0;}
	#con6{ height:auto; padding:0 40.4% 80px 9.3%; position:relative;}
	#con7{ height:auto; padding:0 5.2% 177px 24%;}
	#con8, #con12, #con14, #con16{ height:auto; padding:0 8.8% 94px 24%;}
	#con9, #con11, #con13, #con15, #con17{ height:auto; padding:0 7.8% 0 9.3%;}

	#con2:before{ top:39%; left:31%; right:auto;}
	#con4:before{ top:42%; left:9.3%; right:auto;}
	#con6:before{ top:-1.9%; left:61.8%;}
	
	.bgMotion .bg1{ top:0px; left:72px; margin-top:-200px;}
	.bgMotion .bg2{ top:-84px; left:72px; margin-top:200px;}
	.bgMotion .bg3{ top:347px; left:72px; margin-top:-200px; z-index:1;}
	.bgMotion .bg4{top: -73px;left: 21px;margin-top:-200px;}
	.bgMotion .bg5{ top:279px; left:547px; margin-top:200px; z-index: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 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 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,
	#con12,
	#con13,
	#con14,
	#con15,
	#con16,
	#con17{ 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, #con11, #con13, #con17{ margin-bottom:0;}
	
	.bgMotion,
	.inner p,
	#con2:before,
	#con4:before,
	#con6:before{ display:none;}
}