@charset "utf-8";
#kv { background: url('/img/kv/news.jpg') no-repeat 50% 50% / cover;}

#news .inner-sct { width: 88%; margin: 0 auto; padding: 40px 0 80px;}

#news h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; line-height: 1.2; text-align: center;}
#news .category { width: 92%; max-width: 980px; margin: 0 auto 30px;}
#news .category ul { font-size: 0px; text-align: center;}
#news .category ul li { display: inline-block; width: 16.5%; font-size: 1.0rem; font-weight: 700;}
#news .category ul li span { display: block; width: 94%; margin: 0 auto; padding: 6px 0; border: solid 2px #c7c7c7; border-radius: 6px;
 text-align: center; cursor: pointer;
}
#news .category ul li a { display: block; width: 94%; margin: 0 auto; padding: 6px 0; border: solid 2px #c7c7c7; border-radius: 6px;
 color: #333; text-align: center; text-decoration: none;
}
#news .category ul li span,
#news .category ul li a.all:hover { border-color: #00aa83; color: #00aa83;}
#news .category ul li span.news,
#news .category ul li a.news:hover { border-color: #77c397; color: #77c397;}
#news .category ul li span.cate_area,
#news .category ul li a.cate_area:hover { border-color: #c983b8; color: #c983b8;}
#news .category ul li span.cate_comm,
#news .category ul li a.cate_comm:hover { border-color: #91afd7; color: #91afd7;}
#news .category ul li span.cate_semi,
#news .category ul li a.cate_semi:hover { border-color: #d4b36c; color: #d4b36c;}
#news .category ul li span.cate_conv,
#news .category ul li a.cate_conv:hover { border-color: #009caa; color: #009caa;}

#news .list { width: 100%; max-width: 960px; margin: 0 auto 30px;}
#news .list ul { border-top: dashed 1px #817f7f;}
#news .list ul li { padding: 18px 0; border-bottom: dashed 1px #817f7f; font-size: 1.065rem; line-height: 1.4;}
#news .list ul li time { position: relative; display: inline-block; margin-right: 15px; color: #00aa83; font-weight: 700; vertical-align: middle;}
#news .list ul li span { position: relative; display: inline-block; margin-right: 10px; padding: 2px 15px; border-radius: 50px; color: #fff; font-size: 15px; vertical-align: middle; transform: translateY(-1px);}
#news .list ul li span.all { display: none;}
#news .list ul li span.news { background: #77c397;}
#news .list ul li span.cate_comm { background: #c983b8;}
#news .list ul li span.cate_area { background: #91afd7;}
#news .list ul li span.cate_semi { background: #d4b36c;}
#news .list ul li span.cate_conv { background: #009caa;}

#news .list ul li a { display: block; margin-top: 6px; color: #000; letter-spacing: 0.15rem; text-decoration: none;}
#news .list ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
@media (max-width: 801px) {
	#news .category ul li { width: 33%; padding: 6px;}
	#news .category ul li span { width: 100%;}
}
@media (max-width: 481px) {
	#news .inner-sct { padding: 20px 0 60px;}
	#news .category { margin: 0 auto 12px;}
	#news .category ul li { font-size: 14px;}

	#news .list { margin: 0 auto 20px;}
	#news .list ul li { padding: 12px 0; font-size: 0.812rem;}
	#news .list ul li time {}
	#news .list ul li span { margin-right: 6px; padding: 2px 12px; font-weight: 700; font-size: 12px;}
	#news .list ul li a { letter-spacing: 0.05rem;}
}