.newsTop { height: 310px; background: url(../img/top/top1.jpg) center; background-size: cover; position: relative; border-radius: 0 0 1000px 1000px / 0 0 100px 100px; margin: 90px -100px 0; padding: 90px 0 0; box-sizing: border-box; }
.newsTop h2 { display: block; font-size: 60px; line-height: 80px; color: #FFF; text-shadow: 0 0 10px #0003; }
.newsTop h2 span { display: block; font-size: 30px; font-weight: bold; line-height: 40px; }

.newsList { padding: 120px 0; }

.newsList ul { width: 1000px; margin: 0 auto; }
.newsList li { margin: 0 0 40px; }
.newsList li a { display: block; font-size: 16px; line-height: 25px; color: #000; padding: 40px; background: #FEFAE6; border-radius: 20px; }
.newsList li a time { display: inline-block; width: 120px; background: #0067B7; color: #FFF; text-align: center; border-radius: 5px; }
.newsList li a h4 { color: #0067B7; font-size: 24px; line-height: 40px; margin-bottom: 20px; }

.newsList .pagenation { padding: 80px 0 0; }
.newsList .pagenation ul { display: flex; justify-content: center; }
.newsList .pagenation ul li { margin: 0 5px; font-size: 14px; line-height: 26px; }
.newsList .pagenation ul li.page-current { color: #0067B7; }
.newsList .pagenation ul li a { display: block; background: #0067B7; color: #FFF; padding: 0 8px; border: solid 2px #0067B7; }
.newsList .pagenation ul li b { display: block; background: #FFF; padding: 0 8px; border: solid 2px #0067B7; border-radius: 20px; }

.newsDetail { padding: 120px 0; }

.newsDetail .inner { background: #FFF; width: 1100px; border-radius: 20px; padding: 0 0 40px; }

.newsDetail h3 { line-height: 40px; font-size: 32px; padding: 10px; background: #0067B7; color: #FFF; text-align: center; border-radius: 20px; }
.newsDetail p { font-size: 20px; line-height: 30px; padding: 30px 0 0; text-align: left; }
.newsDetail p time { color: #646464; font-size: 16px; text-align: right; display: block; }
.newsDetail ul { font-size: 20px; line-height: 30px; padding: 30px 0 0; text-align: left; }
.newsDetail section.bottom { border-top: solid 2px #D6D6D6; margin-top: 60px; }
.newsDetail section.bottom nav { display: flex; justify-content: space-between; }
.newsDetail .archive { text-align: center; }

@media only screen and (max-width: 1260px) {
	.newsTop { margin-top: 60px; }
	.newsTop .inner { width: calc(100% - 200px); padding: 0 15px; }

	.newsList .inner { padding: 0 15px; }
	.newsList ul { width: 100%; }

	.newsDetail .inner { width: 100%; padding: 0 15px; }

}


@media only screen and (max-width: 520px) {
	.newsTop { height: 140px; margin-top: 60px; padding-top: 0; }
	.newsTop .inner { padding: 30px 15px 0; }
	
	.newsTop h2 { font-size: 32px; ; line-height: 40px; }
	.newsTop h2 span { font-size: 16px; line-height: 20px; }

	.newsList { padding: 60px 0; margin: 0; }
	.newsList:before { height: 60px;}
	.newsList:after { height: 60px;}
	.newsList li { margin: 0 0 15px; }
	.newsList li a { display: block; font-size: 14px; line-height: 25px; padding: 15px; border-radius: 10px; }
	.newsList li a time { }
	.newsList li a h4 { font-size: 20px; line-height: 30px; margin-bottom: 15px; }
	

	.newsDetail { padding: 60px 0; margin: 0; }
	.newsDetail:before { height: 60px;}
	.newsDetail:after { height: 60px;}
	.newsDetail h3 { font-size: 20px; line-height: 30px; padding: 5px; }
	.newsDetail p { padding: 15px 0; font-size: 16px; line-height: 25px; }
	.newsDetail ul { padding: 15px 0; font-size: 16px; line-height: 25px; }



}