@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 h2{
	max-width: 100%;
	font-size: 1.6em;
	line-height: 1.3em;
}


@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{
		max-width: 545px;
	}
	#quote-wrap #quote h2{
		font-size: 1.4em;
	}
}

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

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

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