.topVisual { width: 100%; height: 260px; background: url(../img/top/top.jpg); background-size: cover; text-align: center; position: relative; margin: 90px 0 0; text-align: center; }
.topVisual h2 { font-size: 45px; line-height: 80px; font-family: "Noto Serif JP"; color: #FFF; padding: 70px 0 0; }
.topVisual h2 span { display: block; font-size: 25px; font-weight: 400; line-height: 40px; font-family: "Noto Serif JP"; }



.topList { width: 100%; margin: 0; padding: 120px 0; }
.topList h3 { font-size: 30px; line-height: 60px; text-align: left; font-family: "Noto Serif JP"; }
.topList h3 span { display: block; color: #0071A7; font-size: 20px; line-height: 40px; font-family: "Noto Serif JP"; font-weight: 400; }
.topList li { font-size: 18px; font-weight: 400; line-height: 35px; border-bottom: solid 2px #D6D6D6; padding: 20px; }
.topList li a { color: #000; }
.topList li .date { color: #FFF; background:#0071A7; font-size: 12px; line-height: 20px; border-radius: 6px; display: inline-block; padding: 0 10px; }

.topMessage { width: 100%; margin: 0; padding: 120px 0; }
.topMessage h3 { font-size: 30px; line-height: 60px; text-align: center; font-family: "Noto Serif JP"; }
.topMessage h3 span { color: #FFF; background:#0071A7; font-size: 14px; line-height: 25px; border-radius: 6px; display: inline-block; padding: 0 10px; }
.topMessage h4 { font-size: 18px; line-height: 50px; font-family: "Noto Serif JP"; margin: 40px 0 0; }
.topMessage h4 b { font-size: 30px; font-family: "Noto Serif JP"; margin-left: 1em; }
.topMessage p { font-size: 18px; font-weight: 400; line-height: 35px; }

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

@media only screen and (max-width: 1260px) {
	.topVisual { margin: 70px 0 0; }

	.topList { width: 100%; margin: 0; padding: 120px 20px; box-sizing: border-box; }

	.topMessage { width: 100%; margin: 0; padding: 120px 20px; box-sizing: border-box; }

}


@media only screen and (max-width: 520px) {
	.topVisual { height: 170px; }
	.topVisual h2 { font-size: 30px; line-height: 60px; padding: 40px 0 0; }
	.topVisual h2 span { font-size: 12px; line-height: 30px; }

	.topList { padding: 80px 20px; }
	.topList h3 { font-size: 24px; line-height: 40px; }
	.topList li { font-size: 15px; line-height: 25px; }

	.topMessage { padding: 80px 20px; }
	.topMessage h3 { font-size: 24px; line-height: 40px; }
	.topMessage p { font-size: 15px; line-height: 25px; }

}