@import "../common/reset.css";
@import "../common/core.css";
@import "../common/index.css";
@import "../common/media_query.css";
@import "../common/media_query_index.css";

header #header-main{
	flex-wrap: nowrap;
}
header #header-main #school-title{
	font-size: 1.6em;
	padding-left: 20px;
}

#quote-wrap #quote{
	max-width: 635px;
}
#quote-wrap #quote h2{
	max-width: 100%;
	font-size: 1.5em;
	line-height: 1.3em;
}
header .main-nav a span{
	padding: 2px 6px;
}
#middle-wrap{
	margin-top: -170px;
}


@media screen and (max-width: 1124px){
	header #header-main #school-title{
		font-size: 1.7em;
	}
	
}

@media screen and (max-width: 1090px){
	header #header-main #school-title{
		font-size: 1.5em;
	}
}


@media screen and (max-width: 1090px) and (min-width: 768px){
	#quote-wrap #quote{
		height: 200px;
		padding-right: 40px;
		max-width: 525px;
	}
	#quote-wrap #quote h2{
		font-size: 1.25em;
	}
}

@media screen and (max-width: 767px){
	header #header-main #school-title{
		font-size: 1.3em;
	}
	#quote-wrap #quote{
		height: 155px;
	}
	#quote-wrap #quote h2{
		font-size: 1.2em;
		max-width: 290px;
	}
}

@media screen and (max-width:420px){
	#quote-wrap #quote{
		max-width: calc(100% - 10px);
		height: auto;
	}
}

@media screen and (max-width:400px){
	header #header-main #school-title{
		font-size: 1.15em;
	}
}