@charset "utf-8";
#fv { background: url(../images2/news/fv_bg.jpg) center center no-repeat; background-size: 1496px; color: #fff;}
#fv h2 span { line-height: 130%; }
#fv p { padding: 10px 0 0;}

.flex{display: flex;}
#news{padding: 57px 0 157px;}
#news .select_box{ display: flex; justify-content: space-between; width: 790px; margin: 0 auto;}
#news .select_box .choice{font-size: 16px; color: #fff; text-align: center; padding: 16px 0; line-height: 160%; background: linear-gradient( 35deg, #00A7E0 , #4461B1, #00AE7C); clip-path: polygon(0 0,90% 0,100% 50%,90% 100%,0 100%); width: 173px; font-family: 'Noto Sans Japanese medium'; display: inline-block;}
#news .select_box .select_btn{display: inline-block; height: auto; text-align: center; margin: 0 0 0 74px; font-family: 'Noto Sans Japanese medium'; line-height: 150%;position: relative; padding: 7px 0;}
#news .select_box .slider_box{display: inline-block; width: 610px; overflow-x: scroll;}
#news .select_box .thumb-hover.select_btn:before{content: ""; display: block; width: 100%; height: 1px; border-bottom: 1px solid #000; bottom: 0px; left: 0px; position: absolute;}
#news .select_box .select_btn input { display: none;}
#news .select_box .select_btn span { position: relative;}
#news .select_box .select_btn input[name="cats[]"]:checked + span:before { position: absolute; bottom: -9px; left: 0px; content: ""; display: block; width: 100%; height: 1px; border-bottom: 1px solid #000; }


#news ul.content_box{padding: 59px 0 0; flex-wrap: wrap;}
#news ul.content_box li{width: 100%; height: auto; }
#news ul.content_box li.empty { margin: 0 auto; text-align: center;}
#news ul.content_box li:not(:last-child){margin-bottom: 21px;}
#news ul.content_box li a{border-bottom: 1px solid #DEDEDE; padding: 0 0 23px; align-items: flex-start;}
#news ul.content_box li .text_box{width: 100%; padding: 20px 0 0 38px;}
#news ul.content_box li .text_box p.text{font-size: 20px; font-family: 'Noto Sans Japanese medium'; padding: 18px 0 0; }
#news ul.content_box li .text_box p.tag .tag_2{border-radius: 100px; border: 1px solid #707070; font-size: 14px; text-align: center; padding: 6px 29px 7px; margin: 0px 20px 0px 0; line-height: 143%; }
#news ul.content_box li .text_box p.tag .deta{font-size: 14px; line-height: 143%; }



#news .list_btn_box{justify-content: center; padding: 67px 0 0;}
#news .list_btn_box .list_btn{width: 51px; height: auto; border: 1px solid #000; text-align: center; padding: 12px 0; line-height: 150%; color: #000; background: #fff;font-family: 'Noto Sans Japanese medium'; font-size: 18px;}
#news .list_btn_box .list_btn.active{background: #000; color: #fff;}
#news .list_btn_box .list_btn:not(:last-child){margin: 0 16px 0 0;}
@media only screen and (max-width:640px){
	#news img{width: 100%; height: auto;}
	#fv {background: url(../images2/news/fv_bg_sp.jpg) center center no-repeat;  background-size: 100%; }
	#fv h2 span { line-height: 130%; }
	#fv p { padding: 10px 0 0;}
	.flex{display: flex;}
	#news{padding:9px 0 70px;}
	#news .select_box{width: 100%; }
	#news .select_box .slider_box {width: calc(100% - 120px); overflow-x: scroll; position: relative; top: 7px;}
	#news .select_box .slider_box .select{ width: 300px;}
	#news .select_box .choice{padding: 10px 0; font-size: 13px; width: 99px; margin: 0 15px 0 0;}
	#news .select_box .select_btn{margin:0px; padding: 0; font-size: 14px; width: auto;}
	#news .select_box .select_btn:not(:last-child){ margin-right: 20px;}
	#news .select_box .select_btn input[name="cats[]"]:checked + span:before { bottom: -2px; left: 0px; }

	#news ul.content_box{padding: 40px 0 0;}
	#news ul.content_box li{width: 100%; height: auto; margin-bottom: 30px;}
	#news ul.content_box li a{ padding: 0 0 19px; }
	#news ul.content_box li:last-child a{border: none;}
	#news ul.content_box li img{width: 41%; height: auto; max-width: 131px;}
	#news ul.content_box li:not(:last-child) {margin-bottom: 27px;}
	#news ul.content_box li .text_box{padding: 2px 0 0 19px; width: calc(100% - 131px);}
	#news ul.content_box li .text_box p.text{font-size: 14px; padding: 0; line-height: 143%;}
	#news ul.content_box li .text_box p.tag{padding: 0px 0 10px; }
	#news ul.content_box li .text_box p.tag .tag_2{margin: 0 10px 0 0; font-size: 11px;padding: 3px 26px 2px 27px;}
	#news ul.content_box li .text_box p.tag .deta{font-size: 14px;}
	
	#news .list_btn_box{justify-content: center; padding: 7px 0 0;}
	#news .list_btn_box .list_btn{width: 36px; padding: 7px 0 8px;font-size: 14px;}
	#news .list_btn_box .list_btn:not(:last-child){margin: 0 13px 0 0;}

}