/* =========================================================
    Project: Top Feature Section
========================================================= */

/* グリッドレイアウト (PC: 3列) */
.p-featureGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 30px; /* 縦の隙間を広めに */
    margin-bottom: 40px;
}

/* 一覧を見るボタン */
.p-topFeature__btn {
    text-align: center;
    margin-top: 40px;
}

/* スマホ版 (768px以下) */
@media screen and (max-width: 768px) {
    .p-topFeature {
        padding: 40px 0;
    }

    /* スマホは 2列 × 3段 */
    .p-featureGrid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 12px;
    }

    .p-topFeature__title {
        font-size: 20px;
    }
}