@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{
	height: 240px;
}

#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: 605px;
		height: 170px;
	}
	#quote-wrap #quote h2{
		font-size: 1.2em;
	}
}

@media screen and (max-width: 860px) and (min-width: 768px){
	#quote-wrap #quote{
		padding-left: 50px;
	}
}

@media screen and (max-width: 767px){
	header #header-main #school-title{
		font-size: 1.3em;
	}
	#quote-wrap #quote{
		max-width: 450px;
		height: 155px;
		padding: 20px 20px 20px 40px;
	}
	#quote-wrap #quote h2{
		font-size: 1.1em;
		/* max-width: 240px; */
	}
}

@media screen and (max-width: 600px){
	#quote-wrap #quote{
		height: 135px;
		padding: 20px 20px 20px 30px;
	}
}

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

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