.catBox {position: relative;padding-bottom: 0;z-index: 2;}

#NewsBox{padding:5vw 0;}
#NewsBox .stitle{text-align:center;margin-bottom:65px;padding:0}
#NewsBox ul{list-style: none;}
#NewsBox ul li{margin:0 10px}
#NewsBox ul li,#NewsBox ul li .lineBox{position:relative}
#NewsBox ul li:after{left:auto;right:0}
#NewsBox ul li .lineBox{margin:0 5px}
#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{margin-bottom:-13px;display:block;text-align:center;font-size:18px;color:#d7a297}
#NewsBox ul li .lineBox a:before{position:absolute;top:-10px;left:calc((100% - 50px) / 2);width:50px;height:1px;background:#d7a297;content:""}
#NewsBox ul li .lineBox:after{left:auto;right:1px}
#NewsBox ul li .news-block{position:relative}
#NewsBox ul li .news-block a.photo{position:absolute;width:100%;height:100%}
#NewsBox ul li .news-block img{aspect-ratio:16/9;object-fit:cover;object-position:bottom}
#NewsBox ul li .news-block p{color:#d7a297}
#NewsBox ul li .news-block h3{margin:30px 0 40px;line-height:28px;letter-spacing:1px;font-size:22px;height:55px;-webkit-line-clamp:2;transition-duration:.6s}
#NewsBox ul li .news-block article{font-size:15px;height:44px;line-height:22px;-webkit-line-clamp:2;transition-duration:.8s}
.contentMain #NewsBox ul{font-size:0;display: flex;flex-direction: column;gap: 50px;}
.contentMain #NewsBox ul li .news-box{display:grid;grid-template-columns:1fr 45%;gap:50px}
.contentMain #NewsBox ul li .news-box .info{display:flex;flex-direction:column;justify-content:center}
.contentMain #NewsBox ul li .news-box .info p.date{color:#ccc2b8}
.contentMain #NewsBox ul li .news-box .info h3{font-size:1.4em;line-height:1.4;margin:10px 0;font-weight:600}
.contentMain #NewsBox ul li .news-box .info article.text-clamp{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:15px}
.contentMain #NewsBox ul li .news-box .info p.more{text-align:left;padding:60px 0 0}
.contentMain #NewsBox ul li a:not(.contentMain #NewsBox ul li .news-box .info p.more a){position:absolute;width:100%;height:100%}
#NewsBox ul li:nth-child(3n - 1):after,#NewsBox ul li:nth-child(3n - 2):after{background:transparent}
#NewsBox p.more{text-align:center}
#NewsBox .slick-prev{left:-100px}
#NewsBox .slick-next{right:-85px}
#NewsBox .slick-prev:before{content:url(/images/42/arrow-prev.png)}
#NewsBox .slick-next:before{content:url(/images/42/arrow-next.png)}

@media screen and (max-width:1280px){
    #NewsBox ul li:nth-child(3n - 1):after,#NewsBox ul li:nth-child(3n - 2):after{background:#f0d8d3}
    #NewsBox ul li:nth-child(2n - 1):after{background:transparent}
}
@media screen and (max-width:680px){
    .contentMain #NewsBox ul li .news-box{grid-template-columns:1fr;gap:15px}
    .contentMain #NewsBox ul li .news-box .info h3{font-size:1.1em}
    .contentMain #NewsBox ul li .news-box .info p.more{text-align:left;padding:30px 0 0}
    #NewsBox ul li .news-block h3{margin:30px 0 20px}
    #NewsBox .stitle{margin-bottom:35px}
    .contentMain #NewsBox ul li{width:100%;margin:0}
    #NewsBox ul li:nth-child(2n - 1):after{background:#f0d8d3}
}