.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 0; }
.topAbout .inner { }
.topAbout .inner figure { width: 100px; height: auto; overflow: hidden; display: block; margin: 0 auto; }
.topAbout h2 { text-align: center; font-size: 40px; line-height: 40px; margin: 0; }
.topAbout h3 { text-align: center; font-size: 20px; line-height: 20px; margin: 0 0 20px; }

.topInformation { width: 100%; float: left; padding: 40px 0 160px; }
.topInformation .inner { }
.topInformation section { }
.topInformation h3 { font-size: 32px; line-height: 60px; margin: 40px 0; border-bottom: solid 2px #CD622C; }
.topInformation h3 img { width: 30px; margin: 15px 10px 0 0; }

.topInformation ul { }
.topInformation li  { width: 100%; padding: 0 0 80px; display: flex; box-sizing: border-box; }
.topInformation li figure { width: 100%; padding: 0 20px; box-sizing: border-box; }
.topInformation li div { width: 100%; background: #FFF; padding: 0 20px; box-sizing: border-box; }
.topInformation h4 { font-size: 24px; line-height: 40px; margin: 0 0 20px; }
.topInformation p { font-size: 20px; line-height: 40px; }
.topInformation table { font-size: 20px; line-height: 40px; width: 100%; border-collapse: collapse; }
.topInformation table th { background: #FEF5F6; border: solid 1px #EDEDED; padding: 20px; }
.topInformation table td { border: solid 1px #EDEDED; padding: 20px; }

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


	.topAbout { width: 100%; float: left; padding: 90px 0 0; }
	.topAbout .inner { }
	.topAbout .inner figure { width: 100px; }
	.topAbout .inner figure img { max-width: 100%; }
	.topAbout h2 { font-size: 24px; line-height: 40px; margin: 0; }
	.topAbout h3 { font-size: 16px; line-height: 25px; margin: 0; }


	.topInformation { padding: 60px 15px; box-sizing: border-box; }
	.topEvent .inner { }
	.topInformation h3 { font-size: 20px; line-height: 40px; margin: 0 0 30px; border-bottom: solid 2px #CD622C; }
	.topInformation h3 img { width: 20px; margin: 10px 5px 0 0; }

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

	.topAbout .inner { }
	.topAbout .inner figure { width: 60px; }

	.topInformation ul { }
	.topInformation li  { width: 100%; padding: 0 0 30px; display: block; }
	.topInformation li figure { padding: 15px 0 0; }
	.topInformation li div { padding: 0; }
	.topInformation li div+div { padding: 30px 0 0; }
	.topInformation h4 { font-size: 20px; line-height: 30px; margin: 0 0 15px; }
	.topInformation p { font-size: 14px; line-height: 25px; }
	.topInformation table { font-size: 14px; line-height: 25px; }
	.topInformation table th { background: #FEF5F6; border: solid 1px #EDEDED; padding: 15px; }
	.topInformation table td { border: solid 1px #EDEDED; padding: 15px; }

}