/* newsarea */
.newsarea:after{content:url(/images/42/news-right-bottom.png);position: absolute;right: 0;bottom: 0;}

/* NewsBox */
#NewsBox{width: 90%;margin: 0 0 0 auto;}
#NewsBox ul {padding-top: 2vw}
#NewsBox ul li { margin: 30px 1px 30px 0; }
#NewsBox ul li , #NewsBox ul li .lineBox { position: relative; }
#NewsBox ul li .lineBox {position: absolute;bottom: 0;}
#NewsBox ul li .lineBox:after{content:'';width: 200px;height: 2px;display: block;background: #003f4e;margin-top: 50px;}
#NewsBox ul li .lineBox font { position: relative; margin-top: -26px; display: block; text-align: center; font-size: 32px; color: #d7a297; }
#NewsBox ul li .lineBox a {display: block;}
#NewsBox ul li .news-block {display: flex;flex-wrap: wrap;justify-content: space-between;}
#NewsBox ul li .news-block a.photo {width: 60%;}
#NewsBox ul li .news-block .info{width: 34%;}
#NewsBox ul li .news-block a.photo img{width:100%;}
#NewsBox ul li .news-block p {margin-bottom: 20px;}
#NewsBox ul li .news-block h3 a {margin-bottom: 25px;height: auto;font-size: 32px;color: #003f4e;-webkit-line-clamp: 3;transition-duration: .6s;font-weight: 700;letter-spacing: 7px;}
#NewsBox ul li .news-block article { height: 65px; line-height: 22px; color: #6D6D6D; -webkit-line-clamp: 3; transition-duration: .8s; }
.contentMain #NewsBox ul { font-size: 0; }
.contentMain #NewsBox ul li {margin: 20px 0 100px;}

@media screen and (max-width: 1680px) {
	.newsarea:after{zoom: 70%;}
}
@media screen and (max-width: 1366px) {
	.newsarea:after{zoom: 40%;}
}
@media screen and (max-width: 1024px) {
	#NewsBox{width:100%;}
	#NewsBox ul li .news-block p img{width: 30px;}
	#NewsBox ul li .news-block h3 a{-webkit-line-clamp: 2;font-size: 28px;line-height: 140%;}
	#NewsBox ul li .lineBox a img{width: 160px;}
	#NewsBox ul li .lineBox:after{width: 90px;}
}
@media screen and (max-width: 980px) {
	#NewsBox .btn { left: auto; right: 0; }
	#NewsBox ul li .date {font-size: 28px;}
	#NewsBox ul li .news-block .info {width: 100%;margin-top: 20px;}
	#NewsBox ul li .lineBox{position:relative;}
	#NewsBox ul li .news-block a.photo {width: 100%; height: 100%;top: 0;left: 0;position: relative;display: inline-block;opacity: 1;transform: translateX(0);}
	#NewsBox ul li .slick-slide:after  { background: #d7a297; }
}
@media screen and (max-width: 680px) {
	.contentMain #NewsBox ul li{margin-bottom: 60px;}
}