/* .news */
.news { text-align: center; padding: 6.5rem 0; margin-bottom: 0;}
.news .news-list { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin: 0 -4rem;}
.news .news-list li { width: calc(33% - 1rem*2); margin: .5rem; margin-bottom: 1rem; position: relative;}
.news .news-list li a { display: block;}
.news .news-list li a .text { position: relative; z-index: 5; width: 90%; text-align: left; background-color:#fff; padding: 30px 20px 20px; margin: -50px auto 0; transition: margin .5s ease;}
.news .news-list li a .text h3 { font-family: 'apercuregular', sans-serif; text-transform: none; font-weight: normal; letter-spacing: 0;}
.news .news-list li a .image { height: 275px; background: #f6f6f6; /*border: 1px solid #f6f6f6;*/}
.news .news-list li a img { width: 100%; height: 100%; object-fit: contain;}

@media (hover:hover){
    .news .news-list li a:hover .text { margin: -120px auto 70px;}
}
@media (max-width: 1024px){
    .news .news-list li a .image { height: 150px;}
}
@media (max-width: 767px){
    .news { padding: 3rem 0;}
    .news .content { width: 90%;} 
    .news .news-list { width: 100%; margin: 0;}
    .news .news-list li { width: 100%; margin-bottom: 2rem;}
    .news .news-list li a .image { height: 175px;}
}