/* SPお知らせー */
.top-news {
    padding: 0 32px;
}

.news-wrapper {
    display: block;
}

.news-list {
    width: 100%;
}

.news-item {
    margin-bottom: var(--space-1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-img {
    height: 210px;
    /* 高さ固定 */
    width: 100%;
    overflow: hidden;
    background-color: var(--content-color);
    padding: var(--space-0);
}

.news-info {
    margin: var(--space-0) 0;
}

.news-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    /* 上下左右を切ってでも比率維持 */
}

.news-detail-link {
    text-align: right;
    margin-top: auto;
}

.top-news a {
    margin-top: var(--space-2);
}

@media (min-width: 740px) {
    .news-wrapper {
        display: flex;
        gap: 6.25%;
    }

    .news-item-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 3等分で横並び */
        gap: var(--space-1);
        /* 余白（任意） */
    }

    .news-info {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

/* PCお知らせ */
@media (min-width: 1073px) {
    .top-news {
        max-width: 1224px;
        margin: 0 auto 144px;
        padding: 0 36px;
    }

    .news-wrapper {
        display: block;
    }

    .news-item-wrapper {
        display: block;
    }

    .top-news .top-dececripton a {
        margin-left: auto;
    }

    .news-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-2);
    }

    .news-item {
        flex: 1;
    }

}