/* ---------------------------------------------------------
	Web Fonts
----------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap') screen and (min-width: 1367px);
/* ---------------------------------------------------------
	641px~
----------------------------------------------------------*/
@media only screen and (min-width: 641px) {
	* {
		font-family: 'Noto Serif JP', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
	header {
		width: 200px;
		height: 200px;
	}
	header h1 {
		width: 160px;
		height: 144px;
	}
	#hero .desc {
		margin: 0 auto;
		padding: 2.5rem;
		width: auto;
	}
	#hero .desc p {
		display: block;
		font-size: 1.25rem;
		line-height: 2;
	}
	#hero .desc p br {
		display: block;
	}
	section {
		width: 100%;
		max-width: 900px;
		padding: 2.5rem;
	}
	section h2 {
		margin: 0 auto 5rem;
		font-size: 2rem;
	}
}
@media only screen and (min-width: 1025px) {
	#hero .desc p {
		font-size: 1.5rem;
	}
}
@media only screen and (min-width: 1367px) {
	#hero .desc p {
		font-size: 1.75rem;
	}
}