/**
 * Sections Padding Override - 全セクション左右余白の最優先設定
 * すべての主要セクションに左右40pxの余白を強制適用
 */

/* ===== デスクトップ：全セクションに左右40pxの余白 ===== */
.ppa-hook-section,
.problems-section,
.service,
.reasons-section,
.reason-details-section,
.comparison-section,
.misconception-section,
.simulation-reference,
.support-section,
.warranty,
.case-studies,
.faq,
.process,
.contact,
.quick-calculator,
.cta-section {
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

/* コンテナの中央配置 */
.ppa-hook-section .container,
.problems-section .container,
.service .container,
.reasons-section .container,
.reason-details-section .container,
.comparison-section .container,
.misconception-section .container,
.simulation-reference .container,
.support-section .container,
.warranty .container,
.case-studies .container,
.faq .container,
.process .container,
.contact .container,
.quick-calculator .container,
.cta-section .container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===== タブレット（768px以下） ===== */
@media (max-width: 768px) {
    .ppa-hook-section,
    .problems-section,
    .service,
    .reasons-section,
    .reason-details-section,
    .comparison-section,
    .misconception-section,
    .simulation-reference,
    .support-section,
    .warranty,
    .case-studies,
    .faq,
    .process,
    .contact,
    .quick-calculator,
    .cta-section {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* ===== スマートフォン（576px以下） ===== */
@media (max-width: 576px) {
    .ppa-hook-section,
    .problems-section,
    .service,
    .reasons-section,
    .reason-details-section,
    .comparison-section,
    .misconception-section,
    .simulation-reference,
    .support-section,
    .warranty,
    .case-studies,
    .faq,
    .process,
    .contact,
    .quick-calculator,
    .cta-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* ===== 小型スマートフォン（375px以下） ===== */
@media (max-width: 375px) {
    .ppa-hook-section,
    .problems-section,
    .service,
    .reasons-section,
    .reason-details-section,
    .comparison-section,
    .misconception-section,
    .simulation-reference,
    .support-section,
    .warranty,
    .case-studies,
    .faq,
    .process,
    .contact,
    .quick-calculator,
    .cta-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}