#topAbout { position: relative; background: #FFF; padding: 275px 0 160px; border-bottom: solid 4px #158352; }
#topAbout h2 { font-size: 48px; line-height: 1.5em; color: #251E19; position: relative; margin: 0 0 100px; }
#topAbout h2:after { content: ""; width: 200px; border-top: solid 4px #158352; position: absolute; bottom: -20px; left: 0; }

#topAbout h3 { font-size: 28px; line-height: 1.5em; color: #158352; padding: 40px 0 0; }
#topAbout table { margin: 80px auto 0; }
#topAbout table th { font-size: 24px; font-weight: 700; line-height: 1.75em; text-align: left; color: #158352; padding: 0 80px 40px 0; }
#topAbout table td { font-size: 24px; font-weight: 500; line-height: 1.75em; color: #251E19; padding: 0 0 40px; }

#topPhilosophy { position: relative; background: #FFF; padding: 160px 0 0; }
#topPhilosophy h2 { font-size: 48px; line-height: 1.5em; color: #251E19; position: relative; margin: 0 0 20px; }
#topPhilosophy h2:after { content: ""; width: 200px; border-top: solid 4px #158352; position: absolute; bottom: -20px; left: 0; }

#topPhilosophy h3 { font-size: 28px; line-height: 1.5em; color: #158352; padding: 40px 0 0; }
#topPhilosophy p { font-size: 32px; font-weight: 700; line-height: 1.75em; text-align: center; color: #158352; padding: 40px 0 0; }
#topPhilosophy article { display: flex; padding: 80px 0 0; justify-content: space-between; }
#topPhilosophy article section { width: 720px; }
#topPhilosophy article section p { font-size: 20px; font-weight: 500; text-align: left; color: #251E19; padding: 20px 0 0; }
#topPhilosophy article section p.note { font-size: 18px; background: #459C7533; margin: 40px 0 0; padding: 20px; border-radius: 10px; }
#topPhilosophy article figure { width: 400px; }
#topPhilosophy article figure img { width: 100%; border-radius: 20px; margin: 0 0 40px; }

#topPhilosophy article.dr section { order: 1; width: 920px; }
#topPhilosophy article.dr figure { order: 2; width: 200px; }

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1000px) {

}
@media only screen and (max-width: 600px) {

	#topAbout { padding: 120px 20px 80px; }
	#topAbout h2 { font-size: 6vw; }

	#topAbout h3 { font-size: 6vw; }
	#topAbout table { margin: 40px auto 0; }
	#topAbout table th { font-size: 4vw; padding: 0 20px 20px 0; white-space: nowrap; }
	#topAbout table td { font-size: 4vw; padding: 0 0 20px; }

	#topPhilosophy { padding: 80px 20px; }
	#topPhilosophy h2 { font-size: 6vw; }
	#topPhilosophy h2:after { content: ""; width: 200px; border-top: solid 4px #158352; position: absolute; bottom: -20px; left: 0; }

	#topPhilosophy h3 { font-size: 6vw; line-height: 1.5em; color: #158352; padding: 40px 0 0; }
	#topPhilosophy p { font-size: 4vw; }
	#topPhilosophy article { display: block; padding: 40px 0 0; }
	#topPhilosophy article section { width: 100%; }
	#topPhilosophy article section p { font-size: 4vw; }
	#topPhilosophy article section p.note { font-size: 4vw; padding: 10px; border-radius: 5px; }
	#topPhilosophy article figure { width: 100%; text-align: center; }
	#topPhilosophy article figure img { width: auto; border-radius: 5px; margin: 0; }

	#topPhilosophy article.dr section { order: 1; width: 100%; }
	#topPhilosophy article.dr figure { order: 2; width: 100%; }

}