/* =========================================
   News Section Styles (PC & Mobile)
   ========================================= */

/* --------------------------------------------------
   PC Styles (Min-width: 769px)
   -------------------------------------------------- */
@media (min-width: 769px) {
    .news-section {
        padding: clamp(3rem, 5vw, 5.6rem) 0;
        background-color: #fff;
    }

    .news-section .container {
        padding: 0 2rem;
    }

    .news-list {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .news-item {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }

    .news-item:last-child {
        border-bottom: none;
    }

    .news-date {
        font-size: 12px;
        color: #888;
        margin-bottom: 8px;
    }

    .news-title {
        font-size: 14px;
        line-height: 1.7;
        font-weight: 500;
    }
}

/* --------------------------------------------------
   SP Styles (Max-width: 768px)
   -------------------------------------------------- */
@media (max-width: 768px) {
    .news-section {
        padding: 56px 0;
        background-color: #fff;
    }

    .news-section .container {
        padding: 0 16px;
    }

    .news-list {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .news-item {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
    }

    .news-item:last-child {
        border-bottom: none;
    }

    .news-date {
        font-size: 12px;
        color: #888;
        margin-bottom: 8px;
    }

    .news-title {
        font-size: 14px;
        line-height: 1.7;
        font-weight: 500;
    }
}