@charset "utf-8";
#kv { margin: 0 auto 70px;}
#kv .inner-kv { position: relative; padding: 50px 0; background: url('../img/top/bg-kv.jpg') repeat-x  0% 50% / auto 100%;}
#kv .slider div { text-align: center; padding-bottom: 6px;}
#kv .slider div a { display: block; width: 94%; margin: 0 auto; background: #fff;}
#kv .slider div span { display: block; width: 94%; margin: 0 auto; background: #fff;}
#kv .slider div a:hover img{ opacity: 0.8;}
#kv .slider img { width: 100%; box-shadow: 6px 6px 0 #e8e8e8;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#kv .slider img { box-shadow: 4px 4px 0 #e8e8e8;}
}
@media (max-width: 641px) {
	#kv { margin: 0 auto 50px;}
}
@media (max-width: 481px) {
	#kv .inner-kv { padding: 20px 0;}
}


#news { margin-bottom: 80px; background: #f6f6f6;}
#news .inner-sct { width: 88%; max-width: 1080px; margin: 0 auto; padding: 30px 0 40px;}
#news ul { margin-bottom: 30px;}
#news ul li { position: relative; margin-bottom: 20px; padding-bottom: 20px; padding-left: 220px; border-bottom: dashed 1px #d4d4d4;}
#news ul li:last-child { margin-bottom: 0px;}
#news ul li time { position: absolute; left: 0; top: 0; font-size: 16px;}
#news ul li span.tag { display: block; width: 70px; position: absolute; left: 125px; top: 2px; font-size: 14px; text-align: center;}
#news ul li a { color: #000;}
#news ul li a:hover { text-decoration: none;}
#news .btn { width: 50%; max-width: 230px; margin: 0 auto;}
#news .btn a { display: block; width: 100%; padding: 10px 0; background: #fff; border: solid 1px #000;
 color: #000; text-align: center; text-decoration: none;
 transition: 0.2s linear;
}
#news .btn a:hover { background: #000; color: #fff;}
@media (max-width: 1001px) {
	#news ul li { margin-bottom: 15px; padding-bottom: 15px; padding-left: 0px; font-size: 14px;}
	#news ul li time { position: relative; left: auto; top: auto; display: block; margin-bottom: 8px; font-size: 14px;}
	#news ul li span.tag { left: 110px; font-size: 12px;}
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#news { margin-bottom: 50px;}
	#news .inner-sct { padding: 15px 0 20px;}
	#news ul { margin-bottom: 20px;}
	#news ul li { position: relative; margin-bottom: 15px; padding-bottom: 15px;}
	#news .btn a { padding: 8px 0; font-size: 13px;}
}



#vision .inner-sct { position: relative;}
#vision .bloc { position: relative;}
#vision .bloc.mb { margin-bottom: 40px;}
#vision .bloc:after { content: ''; display: block; width: calc(100% - 150px); height: 100%; background: #f6f6f6; z-index: 1;
 position: absolute; top: 0; left: 0;
}
#vision .bloc .inner-bloc { position: relative; z-index: 2; width: 92%; max-width: 1100px; margin: 0 auto; padding: 50px 0 60px; padding-right: 60px;}
#vision .bloc .quot { margin-bottom: 40px; padding-left: 80px; background: url('../img/quot-L.png') no-repeat 0 0;}
#vision .bloc .quot h3 { display: inline-block; padding-right: 50px; font-size: 40px; background: url('../img/quot-R.png') no-repeat 100% 100%;}
#vision .bloc .quot h3 span { display: inline-block; padding: 0 5px; background: linear-gradient(90deg,#ca5459,#b7272d); color: #fff; line-height: 1.2;}
#vision .bloc .quot h3 br.sp { display: none;}
#vision .bloc .descript { position: relative; background: #fff; box-shadow: 6px 6px 0 #e8e8e8; padding: 40px; padding-left: 220px;}
#vision .bloc .descript figure { width: 180px; position: absolute; left: 20px; top: 40px; text-align: center;}
#vision .bloc .descript figure img { width: 100%;}
#vision .bloc .descript .txt { margin-bottom: 20px; padding: 30px 0; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4;}
#vision .bloc .descript p.source { font-size: 14px; line-height: 1.5; text-align: right;}
@media (max-width: 1401px) {
	#vision .bloc:after { width: calc(100% - 80px);}
	#vision .bloc .inner-bloc { width: calc(100% - 180px);}
	#vision .bloc .quot h3 { font-size: 3.0vw;}
}
@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
	#vision .bloc:after { width: calc(100% - 40px);}
	#vision .bloc .inner-bloc { width: calc(100% - 80px);}

	#vision .bloc .descript { padding: 30px; padding-left: 180px;}
	#vision .bloc .descript figure { width: 150px; top: 30px;}
}
@media (max-width: 801px) {
	#vision .bloc .inner-bloc { padding-right: 40px;}
	#vision .bloc .box { box-shadow: 4px 4px 0 #e8e8e8;}

	#vision .bloc .quot { margin-bottom: 30px; padding-left: 40px; background-size: 35px auto;}
	#vision .bloc .quot h3 { padding-right: 35px; background-size: 35px auto;}
}
@media (max-width: 641px) {
	#vision .bloc .inner-bloc { padding: 30px 0 40px; padding-right: 40px;}

	#vision .bloc .quot { margin-bottom: 20px;}
	#vision .bloc .descript { padding: 30px 20px; padding-left: 140px;}
	#vision .bloc .descript figure { width: 120px; left: 10px; top: 30px;}
	#vision .bloc .descript .txt { margin-bottom: 15px; padding: 20px 0;}
	#vision .bloc .descript .txt p { font-size: 14px;}
	#vision .bloc .descript p.source { font-size: 12px;}
}
@media (max-width: 481px) {
	#vision .bloc:after { width: calc(100% - 20px);}
	#vision .bloc .inner-bloc { width: calc(100% - 40px); padding-right: 25px;}

	#vision .bloc .quot { margin-bottom: 12px; padding-left: 50px; background-position: 12px 0px; background-size: 30px auto;}
	#vision .bloc .quot h3 { padding-right: 6px; background-size: 30px auto; font-size: 21px;}
	#vision .bloc .quot h3 br.sp { display: block;}

	#vision .bloc .descript { padding: 15px 20px;}
	#vision .bloc .descript figure { position: relative; left: auto; top: auto; width: 120px; margin: 0 auto;}
	#vision .bloc .descript .txt { margin-bottom: 10px; padding: 12px 0;}
	#vision .bloc .descript .txt p { font-size: 13px;}
	#vision .bloc .descript p.source { font-size: 11px; text-align: left;}
}