@charset "utf-8";
/* CSS Document */


#news {
	padding-top: 7.0vw;
	/*padding-top: 6%;*/
}



#news h2{
	position: relative;
	width: calc(885/1800*100%);
	line-height: 0;
}
@media screen and (max-width: 840px) {
	#news h2{
		width: 100%;
	}
}

#news .chara1{
	position: absolute;
	width: calc(121/885*100%);
	top: -50%;
}



#news .newsWrap{
	width: 100%;
	margin: 0;
	padding:1vw 0 0;
    /*display: flex;
    justify-content:flex-start;
	word-wrap: break-word;*/
}
#news .newsWrap li{
    width: calc(558/1800*100%);
	margin-right: calc(42/1800*100%);
	box-sizing: border-box;
	padding: 0.7vw;
	border: 0.5vw  solid #DCDCDC;
	border-radius:1.5vw;
	float: left;
}
#news .newsWrap li:nth-child(3n){
	margin-right: 0;
}

		
@media screen and (max-width: 840px) {
	#news .newsWrap{
		display:block;
	}
	#news .newsWrap li{
		width: 100%;
		box-sizing: border-box;
		padding: 0.7vw;
		border: 0.5vw  solid #DCDCDC;
		border-radius:1.5vw;
		margin-bottom: 10vw;
		float: none;
	}
}
		

	@media screen and (max-width: 840px) {
		#news .container-item-img img{
			display: block;
			height:auto;
			object-fit: contain;
			width: 100%;
			text-decoration:none;
		}
	}


/**********/
.newsWrap{
    display: flex;
    justify-content:flex-start;
	word-wrap: break-word;
}
.newsWrap li{
    width: calc(390/1180*100%);
	box-sizing: border-box;
	padding: 0.7vw;
	border: 0.5vw  solid #DCDCDC;
	border-radius:1.5vw;
}
		
@media screen and (max-width: 840px) {
	.newsWrap{
		display:block;
	}
	.newsWrap li{
		width: 100%;
		box-sizing: border-box;
		padding: 0.7vw;
		border: 0.5vw  solid #DCDCDC;
		border-radius:1.5vw;
		margin-bottom: 2vw;
	}
}
		

#news .container-item-img{
	border: 1px solid #ccc;
	background-color: #ffffff;
	margin-bottom: 0.5vw;
}
#news .container-item-img img{
    display: block;
    height: 180px;
    object-fit: contain;
    width: 100%;
	text-decoration:none;
}
	@media screen and (max-width: 840px) {
		.container-item-img img{
			display: block;
			height:auto;
			object-fit: contain;
			width: 100%;
			text-decoration:none;
		}
	}
#news .newsWrap li h3{
font-size: 1.5vw;
font-weight: 600;
padding: 0;
margin: 0.5vw 0 0.2vw;
}
#news .newsWrap li p{
font-size: 1.4vw;
padding: 0;
margin: 0;
}
@media screen and (max-width: 840px) {
		#news .newsWrap li h3{
		font-size: 4.6vw;
		font-weight: 600;
		padding: 0;
		margin: 1.5vw 0 0.8vw;
		}
		#news .newsWrap li P{
		font-size: 4.0vw;
		padding: 0;
		margin: 0;
		}


		#news .newsWrap li h3{
		font-size: 5.6vw;
		font-weight: 600;
		padding: 0;
		margin: 1.5vw 0 0.8vw;
		}
		#news .newsWrap li P{
		font-size: 4.0vw;
		padding: 0;
		margin: 0;
		}
}
/**********/












#news a.detail{
	display: inline-block;
	border: 2px solid #666666;
	border-radius: 20px;
	padding: 2px 10px;
	clear: both;
	margin-top: 8px;
	float: right;
	color: #333333;
	text-decoration:none;
}
#news a:hover.detail{
	display: inline-block;
	border: 2px solid #666666;
	border-radius: 20px;
	padding: 2px 10px;
	clear: both;
	margin-top: 8px;
	float: right;
	background-color: #666666;
	color: #FFFFFF
}
	


.dli-chevron-right {
	display: inline-block;
	vertical-align: middle;
	color: #333333;
	line-height: 0;
	width: 9px;
	height: 9px;
	position:relative;
	top: -2px;
	left: 3px;
	border: 2px solid #333333;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateX(-25%) rotate(45deg);
}


@media screen and (max-width: 840px) {
	#news .newsWrap{
		display:block;
	}
	li{
		width: 100%;
		box-sizing: border-box;
		padding: 2.0vw;
		border: 1.0vw  solid #DCDCDC;
		border-radius:2.5vw;
		margin-bottom: 5.0vw;
	}
}















/****************/