@charset "utf-8";
#kv .inner-kv { width: 100%; padding: 30px 0;}
#kv .slider .slide { padding: 20px 40px;}
#kv .slider .slide img { width: 100%; box-shadow: 0 8px 12px rgba(40,40,40,0.2);}
#kv .slider .slide img.sp { display: none;}
#kv .slider .slide a:hover { opacity: 0.85;}

#kv .slick-prev { left: 12.5%;}
#kv .slick-next { right: 12.5%}
#kv .slick-dots li button { background: #dbdbdb; border-radius: 50%;}
#kv .slick-dots li.slick-active button { background: #666;}
@media (max-width: 801px) {
	#kv .inner-kv { padding: 0px;}
	#kv .slider { padding: 0px;}
	#kv .slider .slide { padding: 0px; border-bottom: solid 1px #00aa83;}
}
@media (max-width: 641px) {
	#kv .slider .slide img.pc { display: none;}
	#kv .slider .slide img.sp { display: block;}
}

#news .inner-sct { padding: 50px 0;}
#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 26px;}
#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; line-height: 1;}
#news .category ul li span { display: block; width: 94%; margin: 0 auto; padding: 12px 0; border: solid 2px #c7c7c7; border-radius: 6px;
 text-align: center; cursor: pointer;
}
#news .category ul li.on span.all,
#news .category ul li span.all:hover { border-color: #00aa83; color: #00aa83;}
#news .category ul li.on span.cate-1,
#news .category ul li span.cate-1:hover { border-color: #77c397; color: #77c397;}
#news .category ul li.on span.cate-2,
#news .category ul li span.cate-2:hover { border-color: #c983b8; color: #c983b8;}
#news .category ul li.on span.cate-3,
#news .category ul li span.cate-3:hover { border-color: #91afd7; color: #91afd7;}
#news .category ul li.on span.cate-4,
#news .category ul li span.cate-4:hover { border-color: #d4b36c; color: #d4b36c;}
#news .category ul li.on span.cate-5,
#news .category ul li span.cate-5:hover { border-color: #009caa; color: #009caa;}


#news .ctn { width: 92%; max-width: 960px; margin: 0 auto;}
#news .ctn .news-box { display: none;}
#news .ctn .news-box.show { display: block;}
#news .ctn ul { margin-bottom: 30px; border-top: dashed 1px #817f7f;}
#news .ctn ul li { padding: 18px 0; border-bottom: dashed 1px #817f7f; font-size: 1.065rem; line-height: 1.4;}
#news .ctn ul li time { position: relative; display: inline-block; margin-right: 15px; color: #00aa83; font-weight: 700; vertical-align: middle;}
#news .ctn ul li span { position: relative; display: inline-block; margin-right: 10px; padding: 4px 15px; border-radius: 50px; color: #fff; font-size: 15px; line-height: 1; vertical-align: middle; transform: translateY(-1px);}
#news .ctn ul li span.all { display: none;}
#news .ctn ul li span.news { background: #77c397;}
#news .ctn ul li span.cate_comm { background: #c983b8;}
#news .ctn ul li span.cate_area { background: #91afd7;}
#news .ctn ul li span.cate_semi { background: #d4b36c;}
#news .ctn ul li span.cate_conv { background: #009caa;}
#news .ctn ul li a { display: block; margin-top: 6px; color: #000; letter-spacing: 0.15rem; text-decoration: none;}
#news .ctn ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
#news .btn { width: 80%; max-width: 230px; margin: 0 auto;}
#news .btn a { display: block; padding: 12px 0; background: #00aa83; border-radius: 50px;
 color: #fff; font-weight: 700; text-align: center; text-decoration: none;
}
#news .btn a:hover { opacity: 0.8;}
@media (max-width: 801px) {
	#news .category ul li { width: 33%; padding: 6px;}
	#news .category ul li span { width: 100%;}
	#news .ctn { width: calc( 92% - 14px );}
}
@media (max-width: 481px) {
	#news .inner-sct { padding: 20px 0 40px;}
	#news h2 { margin-bottom: 12px; font-size: 1.25rem;}
	#news .category { margin: 0 auto 12px;}
	#news .category ul li { font-size: 14px;}

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


#links { background: #c2f3e8;}
#links .sct1 { padding: 40px 0 20px;}
#links .sct2 { padding: 40px 0; background: #b6ebdf;}
#links .sct3 { padding: 40px 0;}
#links h3 { margin-bottom: 15px; font-size: 24px; font-weight: 700; line-height: 1; text-align: center;}
#links ul { width: 92%; max-width: 1240px; margin: 0 auto; font-size: 0; text-align: center;}
#links ul li { display: inline-block; width: 25%; padding: 15px; font-size: 1.0rem;}
#links ul li a { display: block; width: 100%; background: #fff; box-shadow: 0 8px 12px rgba(40,40,40,0.2); color: #000;}
#links ul li a dl { width: 100%;}
#links ul li a dl dt img { width: 100%;}
#links ul li a dl dd { position: relative; padding: 12px 0; font-weight: 700;}
#links ul li a dl dd:before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 10px;
 border-top: solid 2px #00aa83; border-right: solid 2px #00aa83;
 position: relative; transform: rotate(45deg); vertical-align: middle;
}
#links ul li a dl dd span { display: inline-block; vertical-align: middle;}
#links ul li a:hover dl { opacity: 0.8;}
@media (max-width: 1201px) {
	#links ul li { font-size: 14px;}
}
@media (max-width: 801px) {
	#links ul li { width: 50%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#links .sct1 { padding: 30px 0 20px;}
	#links .sct2 { padding: 30px 0 20px;}
	#links .sct3 { padding: 30px 0 20px;}
	#links h3 { margin-bottom: 8px; font-size: 1.25rem;}
	#links ul li { padding: 10px; font-size: 11px;}
	#links ul li a dl dd { padding: 4px 0;}
	#links ul li a dl dd:before { width: 8px; height: 8px; margin-right: 6px; border-top: solid 1px #00aa83; border-right: solid 1px #00aa83;}
	#links ul li a dl dd span.wide { padding: 1px 0; font-size: 10px; letter-spacing: -0.04rem;}
}