/* ========================================
   トップページ専用CSS
======================================== */

/* PC・タブレット：2カラムレイアウト強制 */
@media screen and (min-width: 769px) {
    .after-list {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 1.5rem !important;
        row-gap: 1.5rem !important;
    }
    
    .after-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 1rem !important;
        padding: 1.2rem !important;
        margin: 0 !important;
    }
    
    .after-icon {
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
        flex-shrink: 0 !important;
    }
    
    .after-item p {
        font-size: 0.95rem !important;
        line-height: 1.7 !important;
        margin: 0 !important;
        flex: 1 !important;
    }
}

/* スマホ：1カラムレイアウト */
@media screen and (max-width: 768px) {
    .after-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .after-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 0.8rem !important;
        padding: 1rem !important;
    }
    
    .after-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        flex-shrink: 0 !important;
    }
    
    .after-icon i {
        font-size: 1.2rem !important;
    }
    
    .after-item p {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin: 0 !important;
    }
    
    .after-item br {
        display: none !important;
    }
}