/* === モバイル専用 間隔最適化 === */

@media (max-width: 768px) {
    /* セクション間の余白を大幅に削減 */
    .section-wrapper {
        padding: 0.5rem 0 !important;
        margin-bottom: 0.8rem !important;
    }
    
    /* セクション内部の余白を最適化 */
    .section-inner {
        padding: 1rem 1rem !important;
    }
    
    /* ヒーロー下の余白削減 */
    .hero {
        margin-bottom: 0 !important;
    }
    
    /* セクションヘッダーの余白削減 */
    .section-header {
        padding: 0.8rem 0 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* セクションコンテンツの余白削減 */
    .section-content {
        padding: 0.8rem 0 !important;
    }
    
    /* サービスセクション最適化 */
    .service-box {
        padding: 1rem 0 !important;
    }
    
    .service-icon {
        margin: 1rem 0 !important;
    }
    
    .service-description {
        margin: 0.8rem 0 !important;
    }
    
    .service-links {
        margin-top: 1rem !important;
    }
    
    /* AI技術セクション最適化 */
    .ai-content h3 {
        margin-bottom: 1rem !important;
    }
    
    .ai-icon {
        margin: 1.2rem 0 !important;
    }
    
    .ai-features {
        margin-top: 1rem !important;
    }
    
    .feature {
        margin-bottom: 1.2rem !important;
    }
    
    /* 会社情報セクション最適化 */
    .company-content {
        padding: 1rem 0.5rem !important;
    }
    
    .company-image {
        margin-bottom: 1rem !important;
    }
    
    /* 採用情報セクション最適化 */
    .recruitment-content {
        padding: 1rem 0 !important;
        gap: 1rem !important;
    }
    
    .recruitment-icon {
        margin-bottom: 0.8rem !important;
    }
    
    /* お問い合わせセクション最適化 */
    .contact-container {
        padding: 1rem 0 !important;
    }
    
    /* フッター上の余白削減 */
    footer {
        margin-top: 1rem !important;
        padding: 2rem 0 1rem !important;
    }
    
    /* 段落間の余白最適化 */
    .section-content p {
        margin-bottom: 0.8rem !important;
    }
    
    .section-content p:last-child {
        margin-bottom: 0 !important;
    }
    
    /* ヘッダーの余白調整 */
    .section-content h3 {
        margin-bottom: 1rem !important;
    }
    
    .section-content h4 {
        margin-bottom: 0.6rem !important;
    }
}