@charset "utf-8";
@import url(base.css);



#globalheader{
	width:100%;
	height:640px;
	padding-top:70px;
	background-color:transparent;
	background-image:url(../images/img_main2.jpg);
	background-repeat:no-repeat;
	background-position:50% -240px;
	background-attachment:fixed;
	border-bottom: 1px #fff solid;
}

@media screen and (max-width:1000px){
#globalheader{
	height:520px;
	padding-top:40px;
	background-size:1600px auto;
}
}

@media screen and (max-width:840px){
#globalheader{
	height:430px;
	padding-top:30px;
	background-size:1400px auto;
}
}

@media screen and (max-width:640px){
#globalheader{
	height:330px;
	padding-top:30px;
	background-size:1200px auto;
}
}

@media screen and (max-width:480px){
#globalheader{
	height:245px;
	padding-top:15px;
	background-size:1000px auto;
}
}

@media screen and (max-width:420px){
#globalheader{
	height:220px;
	background-size:950px auto;
}
}

@media screen and (max-width:370px){
#globalheader{
	height:195px;
	background-size:900px auto;
}
}


	#globalheader h1{
		width:763px;
		height:285px;
		margin:0 auto 55px;
	}
	#globalheader h1 img{
		width:100%;
	}


@media screen and (max-width:1000px){

	#globalheader h1{
		width:60%;
		height:auto;
		margin-bottom:40px;
	}

}


@media screen and (max-width:640px){

	#globalheader h1{margin-bottom:20px;}

}

@media screen and (max-width:480px){

	#globalheader h1{margin-bottom:15px;}

}

	#globalheader ul{
		max-width:1200px;
		width:96%;
		margin:0 auto;
	}

		#globalheader li{
			width:19%;
			margin-right:calc(5% / 4); 
			float:left;
			list-style:none;
			line-height:0;
		}

		#globalheader li:nth-last-of-type(1){margin-right: 0;}

		#globalheader li img{
			width:100%;
		}

	@media screen and (max-width:640px){

		#globalheader li{
			width:24%;
			margin-right:1%; 
		}

		#globalheader li:nth-of-type(1){
			display: none;
		}

		#globalheader li:nth-last-of-type(1){margin-right: 0;}

	}

	@media screen and (max-width:480px){

		#globalheader li{
			width:23%;
			margin-right:1%; 
		}

		#globalheader li:nth-last-of-type(2){
			width:28%;
			position: relative;
			top:-20px;
		}

		#globalheader li:nth-last-of-type(1){margin-right: 0;}

	}

	@media screen and (max-width:480px){

		#globalheader li:nth-last-of-type(2){
			top:-15px;
		}

	}




/* メイン */
	

	.stdsec{
		padding:65px 0 0;
	}

@media screen and (max-width:1000px){
	.stdsec{padding:60px 0 0;}
}

@media screen and (max-width:770px){
	.stdsec{padding:45px 0 0;}
}

@media screen and (max-width:480px){
	.stdsec{padding:30px 0 0;}
}


		.stdsec h2{
			color:#008dea;
			font-size:3.6em;
			font-weight: 700;
			text-align: center;
		}

	@media screen and (max-width:1200px){
		.stdsec h2{font-size:3.0em;}
	}

	@media screen and (max-width:1000px){
		.stdsec h2{font-size:2.4em;}
	}

	@media screen and (max-width:770px){
		.stdsec h2{font-size:2.0em;}
	}

	@media screen and (max-width:640px){
		.stdsec h2{font-size:1.7em;}
	}

	@media screen and (max-width:480px){
		.stdsec h2{font-size:1.4em;}
	}

		.stdsec ul{
			max-width:1000px;
			width:90%;
			margin:70px auto 0;
		}

	@media screen and (max-width:1200px){
		.stdsec ul{margin:60px auto 0;}
	}

	@media screen and (max-width:1000px){
		.stdsec ul{margin:50px auto 0;}
	}

	@media screen and (max-width:770px){
		.stdsec ul{
			max-width:600px;
			margin:40px auto 0;
		}
	}

	@media screen and (max-width:640px){
		.stdsec ul{margin:30px auto 0;}
	}

	@media screen and (max-width:480px){
		.stdsec ul{margin:20px auto 0;}
	}


			.stdsec li{
				width:30%;
				margin: 0 5% 15px 0;
				text-align: center;
				list-style: none;
				float: left;
			}
			.stdsec li:nth-of-type(3n){
				margin-right:0;
			}

		@media screen and (max-width:770px){
			.stdsec li{
				width:45%;
				margin: 0 10% 15px 0;
			}
			.stdsec li:nth-of-type(2n){
				margin-right:0;
			}
			.stdsec li:nth-of-type(3n){
				margin-right:10%;
			}
		}

		@media screen and (max-width:480px){
			.stdsec li{
				max-width: 300px;
				width:100%;
				margin: 0 auto 10px !important;
				float: none;
			}
			.stdsec li:nth-of-type(3n){
				margin-right:0;
			}
		}


			.stdsec li img{
				width:100%;
			}

			.stdsec li p{
				margin:5px 0 0;
				color:#036;
				font-size: 1.1em;
				font-weight: 500;
				line-height: 1.4em;
			}

		@media screen and (max-width:1000px){
			.stdsec li p{font-size: 1.0em;}
		}





	/*.movie iframe video{width:100%;}
	.movie iframe video source{width:100%;}*/


/* 学科・コース */

	#course{
		padding-bottom: 50px;
		background-image:url("../images/bg_wave1top.png"),url("../images/bg_wave1bottom.png");
		background-repeat:no-repeat,no-repeat;
		background-position:50% 0,50% 100%;
	}

@media screen and (max-width:1200px){
	#course{background-size:1200px 80px,1200px 80px;}
}

@media screen and (max-width:640px){
	#course{background-size:800px 60px,800px 60px;}
}


		#course .innerwrapper{
			background-color:#f2f2e3;
		}

		#course .inner{
			padding:40px 0 10px;
		}
	


/* 大学の授業を体験 */

	#experience{
		
	}
	


/* 入学者選抜 */

		#course .inner{
			padding:40px 0;
		}


		#admission ul{
			max-width:300px;
		}


			#admission li{
				width:100%;
				float: none;
			}

		@media screen and (max-width:770px){
			.#admission li{
				width:45%;
				margin: 0 0 15px;
			}
		}

	



	/* 卒業生・在学生メッセージ */

			#graduate-msg li,
			#students-msg li{
				width:22%;
				margin: 0 4% 15px 0;
				text-align: center;
				list-style: none;
				float: left;
			}
			#graduate-msg li:nth-of-type(4n),
			#students-msg li:nth-of-type(4n){
				margin-right:0;
			}
			#graduate-msg li img,
			#students-msg li img{width:60%;}

		@media screen and (max-width:770px){
			#graduate-msg li,
			#students-msg li{
				width:30%;
				margin: 0 5% 15px 0;
			}
			#graduate-msg li:nth-of-type(4n),
			#students-msg li:nth-of-type(4n){
				margin-right:5%;
			}
			#graduate-msg li:nth-of-type(3n),
			#students-msg li:nth-of-type(3n){
				margin-right:0;
			}
		}

		@media screen and (max-width:540px){
			#graduate-msg li,
			#students-msg li{
				width:45%;
				margin: 0 10% 15px 0;
			}
			#graduate-msg li:nth-of-type(3n),
			#students-msg li:nth-of-type(3n){
				margin-right:10%;
			}
			#graduate-msg li:nth-of-type(2n),
			#students-msg li:nth-of-type(2n){
				margin-right:0;
			}
		}

		@media screen and (max-width:480px){
			#graduate-msg li,
			#students-msg li{
				max-width: 210px;
				width:100%;
				margin: 0 auto 10px !important;
				float: none;
			}
			#graduate-msg li:nth-of-type(2n),
			#students-msg li:nth-of-type(2n){
				margin-right:0;
			}
		}
	
	
	


/* 在学生の声 */

	#students-msg{
		padding-bottom: 50px;
		background-image:url("../images/bg_wave2top.png"),url("../images/bg_wave2bottom.png");
		background-repeat:no-repeat,no-repeat;
		background-position:50% 0,50% 100%;
	}

@media screen and (max-width:1200px){
	#students-msg{background-size:1200px 80px,1200px 80px;}
}

@media screen and (max-width:640px){
	#students-msg{background-size:800px 60px,800px 60px;}
}

		#students-msg .innerwrapper{
			background-color:#fff8f0;
		}

		#students-msg .inner{
			padding:40px 0 0;
		}


/* 卒業生の応援メッセージ */

	#graduate-msg{
		background-image:url("../images/bg_wave3top.png");
		background-repeat:no-repeat;
		background-position:50% 0;
	}

@media screen and (max-width:1200px){
	#graduate-msg{background-size:1200px 80px;}
}

@media screen and (max-width:640px){
	#graduate-msg{background-size:800px 60px;}
}

		#graduate-msg .innerwrapper{
			background-color:#f6f6f6;
		}

		#graduate-msg .inner{
			padding:40px 0 30px;
		}
	
	.term{
		max-width:960px;
		width:90%;
		margin:30px auto -30px;
		text-align:center;
	}

@media screen and (max-width:1000px){
	
	.term{
		margin:30px auto -20px;
	}

}

@media screen and (max-width:770px){
	
	.term{
		margin:20px auto -10px;
		text-align:left;
	}

}

@media screen and (max-width:480px){
	
	.term{
		margin:20px auto 0;
	}

}


/* 個別相談会 */

	#consultation{
	}

		#consultation .innerwrapper{
			background-color:#fff;
		}

		#consultation .inner{
			padding:0 0 10px;
		}


	#consultation h2{
		color:#cb1009;
	}


	.catchnote{
		max-width:920px;
		width:84%;
		margin:30px auto 50px;
		padding:25px 5%;
		font-size:1.2em;
		font-weight:500;
		line-height:1.9em;
		background-color: #fff;
	}

@media screen and (max-width:480px){

	.catchnote{
		margin:20px auto 30px;
		font-size:1.0em;
	}

}


	/* リンクボタン */

	.linkbtn{
		display:block;
		max-width:480px;
		width:90%;
		height:75px;
		margin:50px auto 70px;
		color:#fff;
		font-size:2.0em;
		font-weight:700;
		line-height:76px;
		text-align:center;
		text-decoration:none;
		background-color:#f90;
		border-radius:5px;
	}

@media screen and (max-width:770px){

	.linkbtn{
		height:60px;
		margin:50px auto 70px;
		font-size:1.6em;
		line-height:61px;
	}

}

@media screen and (max-width:480px){

	.linkbtn{
		margin:40px auto 50px;
		font-size:1.2em;
	}

}



/* 準備中 */

	.underc{
		padding:80px 0 50px;
		font-size:3.6em;
		font-weight:700;
		color:#b2b2b2;
		text-align: center;
		letter-spacing: 0.07em;
	}

@media screen and (max-width:770px){

	.underc{
		padding:60px 0 40px;
		font-size:2.4em;
	}

}

@media screen and (max-width:480px){

	.underc{
		padding:50px 0 30px;
		font-size:2.0em;
	}

}