/**
 * モバイルセクション間隔最適化（6回目修正）
 * ユーザー要望：セクション間の改行が広すぎる → 1行に削減
 * 全セクションのpadding80px→40pxに変更
 */

/* ===== タブレット・モバイル（768px以下） ===== */
@media (max-width: 768px) {
    /* 全セクションのpadding削減 */
    section {
        padding: 40px 0 !important;
    }
    
    /* 各セクション個別調整（problems-section除外：専用CSSで管理） */
    .service,
    .reasons-section,
    .reasons-detail,
    .comparison-section,
    .misconception-section,
    .simulation-section,
    .support-section,
    .trust-section,
    .case-studies-section,
    .faq-section,
    .process-section,
    .contact-section,
    .quick-calculator {
        padding: 40px 20px !important;
    }
    
    /* セクションタイトルの下マージン削減 */
    .section-title {
        margin-bottom: 15px !important;
    }
    
    .section-subtitle {
        margin-bottom: 30px !important;
    }
}

/* ===== スマートフォン（576px以下） ===== */
@media (max-width: 576px) {
    /* 全セクションをさらにコンパクトに */
    section {
        padding: 30px 0 !important;
    }
    
    /* 各セクション個別調整（problems-section除外：専用CSSで管理） */
    .service,
    .reasons-section,
    .reasons-detail,
    .comparison-section,
    .misconception-section,
    .simulation-section,
    .support-section,
    .trust-section,
    .case-studies-section,
    .faq-section,
    .process-section,
    .contact-section,
    .quick-calculator {
        padding: 30px 15px !important;
    }
    
    /* セクションタイトルの下マージン削減 */
    .section-title {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }
    
    .section-subtitle {
        font-size: 16px !important;
        margin-bottom: 25px !important;
    }
    
    /* グリッドやカード間の余白削減 */
    .service-content,
    .reasons-grid,
    .comparison-table-wrapper,
    .misconception-grid,
    .support-grid,
    .trust-grid,
    .case-grid,
    .faq-list,
    .process-steps,
    .problems-grid {
        gap: 20px !important;
        margin-bottom: 20px !important;
    }
}

/* ===== 超小型スマートフォン（375px以下） ===== */
@media (max-width: 375px) {
    /* 全セクションを最小限に */
    section {
        padding: 25px 0 !important;
    }
    
    /* 各セクション個別調整（problems-section除外：専用CSSで管理） */
    .service,
    .reasons-section,
    .reasons-detail,
    .comparison-section,
    .misconception-section,
    .simulation-section,
    .support-section,
    .trust-section,
    .case-studies-section,
    .faq-section,
    .process-section,
    .contact-section,
    .quick-calculator {
        padding: 25px 12px !important;
    }
    
    /* セクションタイトルの下マージン最小化 */
    .section-title {
        font-size: 24px !important;
        margin-bottom: 10px !important;
    }
    
    .section-subtitle {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
}

/* ===== 特定セクションの追加調整 ===== */
@media (max-width: 576px) {
    /* ヒーローセクション下の余白削減 */
    .hero {
        padding-bottom: 30px !important;
    }
    
    /* フッター上の余白削減 */
    .contact-section {
        padding-bottom: 30px !important;
    }
    
    /* アコーディオンコンテンツのpadding削減 */
    .accordion-item.active .accordion-content {
        padding: 20px !important;
    }
}