#news { position: relative; padding: 180px 0 120px; }

#news .list { width: 600px; }
#news .list h2 { text-align: center; line-height: 60px; }
#news .list h2 b { display: inline-block; font-family: 'Noto Sans JP', sans-serif; font-size: 48px; font-weight: 900; line-height: 60px; color: #323232; margin-right: 15px; }
#news .list h2 small { display: inline-block; font-size: 24px; line-height: 60px; color: #4BB347; }
#news .list ul { width: 100%; margin-top: 60px; border-top: solid 2px #EDEDED; }
#news .list ul li a { height: 50px; display: flex; align-items: center; color: #323232; border-bottom: solid 2px #EDEDED; }
#news .list ul li time { font-size: 16px; margin-right: 15px; }
#news .list ul li b { font-size: 18px; }

#news .pagenation ul { display: flex; justify-content: center; border-top: none; }
#news .pagenation ul li { margin: 0 7.5px; font-size: 18px; line-height: 36px; }
#news .pagenation ul li a { height: 40px; display: inline-block; color: #4bb448; border-bottom: none; text-align: center; }
#news .pagenation ul li.page-number a { display: block; width: 40px; height: 40px; border-radius: 20px; background: #4bb448; color: #FFF; border: solid 2px #4bb448; box-sizing: border-box; }
#news .pagenation ul li.page-current b { display: block; background: #FFF; color: #4bb448; width: 40px; height: 40px; border: solid 2px #4bb448; border-radius: 20px; box-sizing: border-box; text-align: center; }

#news .post h2 { font-size: 40px; font-weight: 900; line-height: 60px; color: #323232; text-align: center; }
#news .post time { display: block; font-size: 24px; line-height: 40px; color: #4BB347; text-align: center; margin: 0 0 60px; }
#news .post h3 { position: relative; margin: 60px 0 0; font-size: 32px; line-height: 60px; border-bottom: solid 4px #4bb448; }
#news .post h4 { margin: 30px 0 0; font-size: 24px; line-height: 40px; color: #4bb448; }
#news .post h5 { margin: 30px 0 0; font-size: 20px; line-height: 30px; }
#news .post p { margin: 30px 0 0; font-size: 18px; line-height: 30px; }
#news .post blockquote { margin: 30px 0 0; font-size: 16px; font-weight: 400; font-style: italic; line-height: 25px; padding: 20px; background: #4bb44822; border-radius: 20px; }
.wp-block-gallery { margin: 30px 0 0; }

#news .bottom { margin-top: 60px; }
#news .bottom nav { display: flex; justify-content: space-between; border-top: solid 2px #EDEDED; }
#news .bottom p { font-size: 18px; line-height: 25px; text-align: center; margin-top: 30px; }
#news .bottom p a { color: #4bb448; }
#news .bottom p.archive a { display: block; width: 160px; line-height: 40px; background: #4bb448; color: #FFF; border-radius: 20px; margin: 30px auto 0; }

@media only screen and (max-width: 1000px) {
	#news .inner { max-width: 100%; padding: 0 20px; box-sizing: border-box; }
}


@media only screen and (max-width: 600px) {
	#news { padding: 150px 0 60px; }
	
	#news .list { width: 100%; }
	#news .list h2 { line-height: 40px; }
	#news .list h2 b { font-size: 40px; line-height: 40px; margin-right: 10px; }
	#news .list h2 small { font-size: 20px; line-height: 40px; }
	#news .list ul { margin-top: 30px; }
	#news .list ul li a { height: 40px; padding: 0 20px; }
	#news .list ul li time { font-size: 12px; margin-right: 10px; }
	#news .list ul li b { font-size: 14px; }

	#news .pagenation ul li { margin: 0 2.5px; line-height: 26px; }
	#news .pagenation ul li a { height: 30px; font-size: 14px; padding: 0; }
	#news .pagenation ul li.page-number a { width: 30px; height: 30px; font-size: 14px; }
	#news .pagenation ul li.page-current b { width: 30px; height: 30px; }
	
	#news .post h2 { font-size: 24px; line-height: 40px; }
	#news .post time { font-size: 14px; line-height: 25px; margin: 0 0 30px; }
	#news .post h3 { margin: 30px 0 0; font-size: 24px; line-height: 40px; }
	#news .post h4 { margin: 15px 0 0; font-size: 20px; line-height: 30px; }
	#news .post h5 { margin: 15px 0 0; font-size: 16px; line-height: 25px; }
	#news .post p { margin: 15px 0 0; font-size: 14px; line-height: 25px; }
	#news .post blockquote { margin: 15px 0 0; font-size: 12px; line-height: 20px; padding: 10px; border-radius: 10px; }
	.wp-block-gallery { margin: 15px 0 0; }
	
	#news .bottom { margin-top: 30px; }
	#news .bottom p { font-size: 14px; line-height: 25px; margin-top: 15px; }
	#news .bottom p.archive a { width: 120px; line-height: 30px; margin: 15px auto 0; }
}