.topVisual { padding: 80px 0 0; }
.topVisual figure { height: 360px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative; }
.topVisual figure:before { content: ""; position: absolute; width: 10px; height: 60px; top: 0; left: 0; background: #CD622C; }

.topAbout { width: 100%; float: left; padding: 160px 0; }
.topAbout .inner { }
.topAbout h2 { text-align: center; font-size: 40px; line-height: 60px; margin: 0 0 80px; color: #CD622C; }
.topAbout h3 { text-align: center; font-size: 20px; line-height: 20px; margin: 0 0 20px; color: #CD622C; }
.topAbout h4 { text-align: center; font-size: 24px; line-height: 40px; margin: 0 0 20px; }
.topAbout p { text-align: center; font-size: 20px; line-height: 40px; margin: 80px 0 0; }
.topAbout figure { width: 100px; height: auto; overflow: hidden; display: block; margin: 80px auto; }

.topAbout ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px 0 0; }
.topAbout li { width: 50%; padding: 40px 20px 0; box-sizing: border-box; }
.topAbout li figure { width: 100%; margin: 0; }
.topAbout li figure img { width: 100%; margin: 0; }


.topAbout ul.btn { width: 800px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; }
.topAbout ul.btn li { display: block; border: solid 1px #D6D6D6; margin: 40px 0 0; padding: 0; width: 380px; font-size: 20px; line-height: 58px;  box-sizing: border-box; font-weight: bold; text-align: center; }
.topAbout ul.btn li a { display: block; border-left: solid 10px #CD622C; }


@media only screen and (max-width: 1200px) {
	.topVisual { padding: 70px 0 0; }
	.topVisual figure { height: 240px; }

	.topAbout { width: 100%; float: left; padding: 90px 0; }
	.topAbout .inner { }
	.topAbout h2 { font-size: 24px; line-height: 40px; margin: 0 0 30px; }
	.topAbout h3 { font-size: 16px; line-height: 25px; margin: 0; }
	.topAbout p { font-size: 14px; line-height: 25px; text-align: left; padding: 0 15px; margin: 30px 0 0; }
	.topAbout figure { width: 100px; margin: 60px auto 0; }

	.topAbout ul.btn li { margin: 30px 0 0; font-size: 16px; }


}
@media only screen and (max-width: 600px) {
	.topVisual { padding: 70px 0 0; }
	.topVisual figure { height: 160px; }

	.topAbout h4 { font-size: 20px; line-height: 30px; margin: 0 0 15px; }
	.topAbout ul { display: block; margin: 15px 0 0; }
	.topAbout li { width: 100%; padding: 15px 15px 0; box-sizing: border-box; }
	.topAbout figure { width: 60px; margin: 30px auto 0; }
	.topAbout li figure { width: 100%; margin: 0; }
	.topAbout li figure img { width: 100%; margin: 0; }

	.topAbout ul.btn { width: calc(100% - 60px); display: block; }
	.topAbout ul.btn li { width: 100%; }
}