@charset 'utf-8';
/*
 * name:news.css
 * author:Sovanda
*/

/* news
------------------------------------------------ */

.news__block { display: flex; flex-wrap: wrap; }
.news__lists { font-size: inherit; width: 32.3%; margin-right: 1.55%; border-radius: .77em; background: #fff; display: block; overflow: hidden; box-shadow: 1px 1px 13px rgb(0 0 0 / 12%); }
.news__lists:nth-child(3n) { margin-right: 0; }
.news__lists:nth-child(n+4) { margin-top: 1.55%; }
.news__lists--img { display: block; overflow: hidden; position: relative; height: 19.84em; }
.news__lists--img a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news__lists--img a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; object-position: center; transition: 300ms ease; }
.news__lists--img a:after { content: ''; display: block; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2.538em; background: url(../../img/top/news-bg-box.png) no-repeat; background-size: 100% 100%; z-index: 2; }
.news__lists--img a:hover img { transform: scale(1.1); }
.news__lists--desc { display: block; position: relative; padding: 0 3.46em 1.538em; z-index: 2; }
.news__lists--date { font-size: 1.075em; line-height: 1; margin-bottom: 1.28em; }
.news__lists--date span { font-size: 138%; display: inline-block; color: var(--color-main); }
.news__lists--tlt { font-size: 1.23em; line-height: 2; margin-bottom: .25em; }
.news__lists--tlt a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news__lists--cmn { font-size: .92em; color: #555555; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news__lists--btn { font-size: inherit; display: block; margin-top: .5em; }
.news__lists--btn a { display: inline-block; padding: .25em 1em; color: #fff; background: var(--color-main); overflow: hidden; border-radius: .3em; border: 1px solid var(--color-main); vertical-align: top; }
.news__lists--btn a:hover { background: none; color: var(--color-main); }

    @media screen and (max-width: 768px) {
        .news__lists,
        .news__lists:nth-child(3n) { font-size: inherit; width: 48%; margin-right: 4%; border-radius: .385em; }
        .news__lists:nth-child(2n) { margin-right: 0; }
        .news__lists:nth-child(n+3) { margin-top: 4%; }
        .news__lists--img { height: 0; padding-bottom: 67.5%; }
        .news__lists--img a:after { height: 1.46em; }
        .news__lists--desc { padding: 0 .77em .77em; }
        .news__lists--date { font-size: inherit; margin-top: 0.385em; margin-bottom: 0.77em; }
        .news__lists--tlt { font-size: 1.075em; line-height: 2; margin-bottom: 0; }
        .news__lists--cmn,
        .news__lists--btn { display: none; }
    }