@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.7em;
}
#quote-wrap #quote{
	max-width: 595px;
}
#quote-wrap #quote h2 {
    max-width: 100%;
    font-size: 1.5em;
    line-height: 1.3em;
	white-space: normal;
}

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


@media screen and (max-width: 1090px) and (min-width: 768px){
	#quote-wrap #quote h2{
		font-size: 1.25em;
	}
	#quote-wrap #quote {
		max-width: 565px;
	}
}

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

@media screen and (max-width:410px){
	#quote-wrap #quote {
		max-width: calc(100% - 10px);
		height: 145px;
		padding: 20px 20px 20px 35px;
	}
}


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