#topAbout { position: relative; background: #459C7522; 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 20px; }
#topAbout h2:after { content: ""; width: 200px; border-top: solid 4px #158352; position: absolute; bottom: -20px; left: 0; }
#topAbout p { font-size: 32px; font-weight: 700; line-height: 1.75em; text-align: center; color: #158352; padding: 40px 0 0; }

#topAbout ol li { clear: both; padding: 80px 0 0; }
#topAbout ol li h3 { font-size: 60px; color: #251E1A; border: 0; line-height: 80px; }
#topAbout ol li h3 b { font-size: 80px; color: #158352; border-right: solid 1px #D6D6D6; display: inline-block; padding: 0 20px 0 0; margin: 0 20px 0 0; }
#topAbout ol li h4 { font-size: 28px; line-height: 1.5em; color: #158352; padding: 40px 0 0; }

#topAbout ol li section { display: flex; padding: 40px 0 0; justify-content: space-between; }
#topAbout ol li section p { width: 680px; font-size: 20px; font-weight: 500; text-align: left; color: #251E19; padding: 0; }
#topAbout ol li section figure { width: 480px; }
#topAbout ol li section figure img { width: 100%; border-radius: 20px; }

#topAbout ol li:nth-child(2) section p,
#topAbout ol li:nth-child(4) section p { order: 1; }
#topAbout ol li:nth-child(2) section figure,
#topAbout ol li:nth-child(4) section figure { order: 2; }


#topAbout a.banner { display: block; width: 600px; position: relative; float: right; margin: 40px 80px 0 0; }
#topAbout a.banner figure { display: block; position: absolute; top: 15px; left: -15px; }
#topAbout a.banner ul { background: #168353EE; border-radius: 10px 10px 0 0; padding:10px 0; }
#topAbout a.banner ul li { padding: 0 0 0 230px; color: #FFF; font-size: 24px; font-weight: 500; line-height: 40px; text-align: center; }
#topAbout a.banner ul li:first-child { font-size: 32px; line-height: 50px; }
#topAbout a.banner p { background: #459C75EE; border-radius: 0 0 10px 10px; padding: 0 0 0 230px; color: #FFF; font-size: 16px; line-height: 40px; text-align: center; }

@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: 8vw; }

	#topAbout ol li { clear: both; padding: 40px 0 0; }
	#topAbout ol li h3 { font-size: 8vw; line-height: 16vw; }
	#topAbout ol li h3 b { font-size: 12vw; }
	#topAbout ol li h4 { font-size: 6vw; }

	#topAbout ol li section { display: block; padding: 40px 0 0; }
	#topAbout ol li section p { width: 100%; font-size: 5vw; }
	#topAbout ol li section figure { width: 100%; }
	#topAbout ol li section figure img { width: 100%; border-radius: 5px; }

	#topAbout ol li:nth-child(2) section p,
	#topAbout ol li:nth-child(4) section p { order: 1; }
	#topAbout ol li:nth-child(2) section figure,
	#topAbout ol li:nth-child(4) section figure { order: 2; }

	#topAbout a.banner { width: 320px; margin: 20px 0 0; }
	#topAbout a.banner figure { width: 125px; top: -10px; left: -20px; }
	#topAbout a.banner figure img { width: 100%; height: auto; }
	#topAbout a.banner ul { padding: 5px 0; }
	#topAbout a.banner ul li { padding: 0 0 0 100px; font-size: 16px; line-height: 25px; }
	#topAbout a.banner ul li:first-child { font-size: 18px; line-height: 25px; }
	#topAbout a.banner p { padding: 0; font-size: 13px; line-height: 30px; }


}