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

#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 { border-bottom: solid 1px #00aa83;}
	#kv .slider .slide { padding: 0px;}
	#kv .slider .slide img { border-radius: 0px; box-shadow: none;}
}
@media (max-width: 641px) {
}

aside.bnr ul { width: 90%; max-width: 1100px; margin: 0 auto; font-size: 0; text-align: center;}
aside.bnr ul li { display: inline-block; width: 33.3333%; padding: 18px;}
aside.bnr ul li a { display: block; width: 100%; border: solid 1px #c5c5c5; border-radius: 10px; overflow: hidden;}
aside.bnr ul li a img { width: 100%;}
aside.bnr ul li a:hover { opacity: 0.8;}
@media (max-width: 801px) {
	aside.bnr ul { padding-top: 20px;}
}
@media (max-width: 641px) {
	aside.bnr ul li { padding: 8px;}
}
@media (max-width: 481px) {
	aside.bnr ul { padding-top: 30px;}
	aside.bnr ul li { width: 50%; padding: 5px;}
}

#news .inner-sct { padding: 20px 0;}
#news .bloc { position: relative; width: 92%; max-width: 1300px; margin: 0 auto; padding: 50px 80px 40px; padding-left: 250px; border-radius: 20px; background: #fff;}
#news .tit { position: absolute; left: 0; top: 0; width: 250px; padding: 50px 0; padding-left: 70px;}
#news .tit h2 { color: #6b9d57; font-size: 13px; font-weight: 700; line-height: 2.0;}
#news .tit h2 span { display: block; color: #000; font-size: 1.42rem;}
#news .category { margin: 0 auto 20px;}
#news .category ul { font-size: 0px;}
#news .category ul li { display: inline-block; width: 140px; margin-right: 15px; font-size: 1.0rem; font-weight: 700;}
#news .category ul li:last-child { margin-right: 0px;}
#news .category ul li span { display: block; width: 100%; padding: 2px 0; border-radius: 50px; color: #000; text-align: center; cursor: pointer;}
#news .category ul li span.all { border: solid 1px #e89a3d; background: #e89a3d; color: #fff;}
#news .category ul li span.cate-info { border: solid 1px #ec549c; background: #ec549c; color: #fff;}
#news .category ul li span.cate-event{ border: solid 1px #58ab85; background: #58ab85; color: #fff;}
#news .category ul li span.cate-job { border: solid 1px #367bd9; background: #367bd9; color: #fff;}

#news .category ul li.on span.all,
#news .category ul li span.all:hover { background: #fff; color: #e89a3d;}
#news .category ul li.on span.cate-info,
#news .category ul li span.cate-info:hover { background: #fff; color: #ec549c;}
#news .category ul li.on span.cate-event,
#news .category ul li span.cate-event:hover { background: #fff; color: #58ab85;}
#news .category ul li.on span.cate-job,
#news .category ul li span.cate-job:hover{ background: #fff; color: #367bd9;}

#news .ctn { width: 100%;}
#news .ctn .news-box { display: none;}
#news .ctn .news-box.show { display: block;}
#news .ctn ul { margin-bottom: 20px; border-top: solid 1px #d6cdb6;}
#news .ctn ul li { position: relative; padding: 15px 0; padding-left: 290px; border-bottom: solid 1px #d6cdb6; font-size: 1.06rem; line-height: 1.4;}
#news .ctn ul li time { position: absolute; left: 5px; top: 15px; font-weight: 700;}
#news .ctn ul li span { position: absolute; left: 150px; top: 14px; width: 120px; padding: 2px 0px; border-radius: 50px;
 color: #fff; font-size: 0.88rem; font-weight: 700; text-align: center;
}
#news .ctn ul li span.cate-info { background: #ec549c; z-index: 3;}
#news .ctn ul li span.cate-event { background: #58ab85; z-index: 2;}
#news .ctn ul li span.cate-recruit{ background: #367bd9; z-index: 1;}
#news .ctn ul li span:nth-of-type(2),
#news .ctn ul li span:nth-of-type(3) { display: none;}
#news .ctn ul li a { 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 .more { text-align: right;}
#news .more a { position: relative; display: inline-block; padding-left: 30px; color: #000; font-size: 1.15rem; font-weight: 700; text-decoration: none;}
#news .more a:before ,
#news .more a:after { content: ''; display: block; position: absolute; top: 50%;}
#news .more a:before { content: ''; display: block; width: 23px; height: 23px; background: #6b9d57; border-radius: 50%;
 left: 0; transform: translateY(-50%);
}
#news .more a:after { width: 8px; height: 8px; border-top: solid 1px #fff; border-right: solid 1px #fff;
 left: 5px; transform: translateY(-50%) rotate(45deg);
}
#news .more a:hover { text-decoration: underline;}

@media (max-width: 1001px) {
	#news .bloc { padding: 40px 50px 30px; padding-left: 180px;}
	#news .tit { position: absolute; left: 0; top: 0; width: 180px; padding: 40px 0; padding-left: 40px;}

	#news .category ul li { width: 100px; margin-right: 10px; font-size: 1.0rem;}

	#news .ctn ul li { padding: 12px 0; padding-left: 250px; font-size: 0.88rem;}
	#news .ctn ul li time { top: 12px;}
	#news .ctn ul li span { width: 100px; left: 140px; top: 11px; font-size: 0.78rem;}
	#news .more a { font-size: 1.0rem;}
}
@media (max-width: 801px) {
	#news .bloc { padding: 30px 40px;}
	#news .tit { position: relative; left: auto; top: auto; width: 100%; padding: 0px; margin-bottom: 12px;}

	#news .category ul li { width: 50%; margin: 0; padding: 6px;}
	#news .category ul li span { width: 100%;}
	#news .ctn { width: calc( 100% - 12px); margin: 0 auto;}
}
@media (max-width: 641px) {
	#news .ctn ul li { padding: 12px 6px;}
	#news .ctn ul li time { position: relative; left: auto; top: auto; display: inline-block; vertical-align: middle; margin-right: 10px;}
	#news .ctn ul li span { position: relative; left: auto; top: auto; display: inline-block; vertical-align: middle;}
	#news .ctn ul li a { display: block; margin-top: 5px;}	
}
@media (max-width: 481px) {
	#news .bloc { padding: 20px; border-radius: 10px;}
	#news .tit h2 { font-size: 13px; line-height: 1.8;}
	#news .tit h2 span{ font-size: 1.15rem;}
	#news .category { margin: 0 auto 12px;}
	#news .category ul li { padding: 4px; font-size: 0.78rem;}

	#news .ctn ul li { font-size: 13px;}
	#news .ctn ul li time {}
	#news .ctn ul li span { margin-right: 6px; padding: 2px 12px; font-weight: 700; font-size: 0.75rem;}
	#news .ctn ul li a { letter-spacing: 0.05rem;}
	#news .more a { padding-left: 25px; font-size: 0.88rem;}
	#news .more a:before { width: 18px; height: 18px;}
	#news .more a:after { width: 5px; height: 5px;}
}


#sns .inner { width: 92%; margin: 0 auto; padding: 20px 0 80px;}
#sns .ctn { display: flex; justify-content: space-between; width: 100%; max-width: 980px; margin: 0 auto;}
#sns .ctn .box { width: 48.5%; border-radius: 10px; overflow: hidden;}
#sns .ctn .box .tit { background: #6b9d57; padding: 10px 0 8px;}
#sns .ctn .box .tit h3 { color: #fff; font-size: 21px; font-weight: 700; text-align: center;}
#sns .ctn .box .tit h3 img { display: inline-block; width: 25px; margin-right: 15px; vertical-align: middle;}
#sns .ctn .box .tit h3 span{ display: inline-block; vertical-align: middle;}
#sns .ctn .box .inner { width: 100%; height: 430px; padding: 10px; background: #fff;}
#sns .ctn .box .inner .twitter-timeline { width: 100%; height: 100%; overflow-y: scroll;}
#sns .ctn .box .inner iframe { width: 100%; height: 100%;}
@media (max-width: 801px) {
	#sns .ctn .box .tit h3 { font-size: 2.0vw;}
	#sns .ctn .box .tit h3 img { width: 20px}
}
@media (max-width: 641px) {
	#sns .ctn { display: block;}
	#sns .ctn .box { width: 100%; margin-bottom: 20px;}
	#sns .ctn .box:last-child { margin-bottom: 0px;}
}
@media (max-width: 481px) {
	#sns .inner { padding: 20px 0 40px;}
	#sns .ctn .box .tit h3 { font-size: 1.0rem;}
}