/* 共通 */

.news article a:hover,.know-how li a:hover{ text-decoration: none; opacity: 0.7; } 

/* お知らせ */

.news article{ margin-bottom: 80px; }

.news article a{ display: grid; grid-template-rows: auto auto 1fr; align-items: center; justify-content: space-between; height: auto; overflow: visible; }

.news a * { transition: all .2s ease-in-out; }

.news figure{ grid-area: 1/1/4/2; width: 320px; height: 216px; border: 1px solid #dedede; box-shadow: 0 0 4px rgba(0,0,0,0.25); overflow: hidden; }

.news a:hover figure img{ transform: scale(1.1); }

.news h2,.news p{ width: 664px; }

.news h2{ grid-area: 1/2/2/3; margin: 0 0 16px; line-height: 1.6; }
.news .date{ grid-area: 2/2/3/3; margin-bottom: 8px; }
.news p{ grid-area: 3/2/4/3; }

/* ノウハウ集 */

.know-how li{ margin-bottom: 64px; }

.know-how li p{ margin-top: 16px; text-align: justify; }

.know-how li p span{ margin-left: 8px; font-weight: 600; color: var(--main); }

@media (max-width: 979px) {
    
    .news article,.know-how li{ margin-bottom: 10.667vw; }

    .news article a{ display: block; }
    
    .news figure,.news h2, .news p{ width: 100%; }
    
    .news h2{ margin: 0 auto 2.133vw; }
    .news .date{ margin: 0; }
    .news figure{ margin: 3.2vw auto; }

    /* ノウハウ */
    
    .key.common.know-how-ttl{ height: 48.533vw; }
    
    .knowhow-ttl { line-height: 1.4; }
    
}