@charset "UTF-8";

/* スマホ (576px 未満) */
@media screen and (max-width: 575.98px) {
    
    /* タイトル文字サイズ調整 */
    .display-4 { 
        font-size: 2.2rem; 
        font-weight: bold;
    }
    
    /* ヒーローヘッダーの高さ調整 */
    .hero-header { 
        height: auto;       
        min-height: 500px;  
        padding-top: 60px; 
        padding-bottom: 60px; 
    }

    /* セクション見出しのサイズ */
    h2.h3 { 
        font-size: 1.5rem; 
    }
}