.top-news .title a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.top-news .title a:hover { color: #e53623; }
.news-archive-link { margin-top: 3rem; text-align: right; }
.news-archive-link a { color: #333; text-decoration: underline; text-underline-offset: .2em; }
.news-archive-link a:hover { color: #e53623; }
.news-visual { margin-top: 70px; padding: 70px 5%; text-align: center; color: #fff; background: linear-gradient(to right, #fbc400, #f81500); }
.news-visual .en { display: block; font-family: 'Lato', sans-serif; font-size: 72px; font-weight: 300; line-height: 1; margin-bottom: 1rem; }
.news-visual .jp { display: block; }
.news-detail { width: 90%; max-width: 900px; margin: 0 auto; padding: 80px 0 100px; }
.news-detail-header { padding-bottom: 24px; border-bottom: 1px solid #ccc; }
.news-detail-header time { color: #666; font-size: 14px; }
.news-detail-header h2 { margin-top: 12px; font-size: 28px; line-height: 1.5; overflow-wrap: anywhere; }
.news-detail-body { padding: 40px 0; font-size: 16px; line-height: 2; overflow-wrap: anywhere; }
.news-detail-body p { margin-bottom: 1.5em; }
.news-detail-body a { color: #bd371d; text-decoration: underline; }
.news-detail-body img { max-width: 100%; height: auto; }
.news-detail-body ul, .news-detail-body ol { margin: 0 0 1.5em 1.5em; }
.news-detail-back { text-align: center; }
.news-detail-back a { display: inline-block; padding: 12px 28px; border: 1px solid #333; color: #333; text-decoration: none; }
.news-detail-back a:hover { background: #333; color: #fff; }
.news-archive { width: 90%; max-width: 900px; margin: 0 auto; padding: 80px 0 100px; }
.news-archive h2 { font-size: 28px; margin-bottom: 24px; }
.news-archive-list { list-style: none; border-top: 1px solid #ccc; }
.news-archive-list li { padding: 22px 0; border-bottom: 1px solid #ccc; }
.news-archive-list time { display: block; color: #666; font-size: 14px; }
.news-archive-list p { margin-top: 6px; font-size: 18px; overflow-wrap: anywhere; }
.news-archive-list a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.news-archive-list a:hover { color: #e53623; }
.news-archive .pagination { margin-top: 40px; text-align: center; }
.news-archive .pagination .page-numbers { display: inline-block; padding: 5px 10px; margin: 0 2px; color: #333; }
.news-archive .pagination .current { background: #333; color: #fff; }
@media only screen and (max-width: 768px) {
	.news-visual { padding: 30px 5%; }
	.news-visual .en { font-size: 36px; }
	.news-detail { padding: 50px 0 70px; }
	.news-detail-header h2 { font-size: 22px; }
	.news-detail-body { padding: 30px 0; }
	.news-archive { padding: 50px 0 70px; }
	.news-archive h2 { font-size: 22px; }
	.news-archive-list p { font-size: 16px; }
}
