/*
 * kunitachi-iryo.jp mobile refinements — v2.2
 * 1. 大きすぎるセクション間余白を縮小
 * 2. 調査費用の補足説明
 * 3. 固定ヘッダーを約10〜15%コンパクト化
 */

.kmi-v22-fee-note {
    display: block;
    margin-top: 0.85rem;
    max-width: 32em;
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.85;
    letter-spacing: 0.02em;
    color: #66716e;
}

@media (max-width: 782px) {
    /*
     * 余白調整
     * JSで対象セクションだけにクラスを付与するため、
     * 他のセクションの余白には影響しません。
     */
    .kmi-v22-compact-top {
        margin-top: 0 !important;
        padding-top: 56px !important;
        min-height: auto !important;
    }

    .kmi-v22-compact-bottom {
        margin-bottom: 0 !important;
        padding-bottom: 56px !important;
        min-height: auto !important;
    }

    /*
     * 画面幅が特に小さい端末では少し詰める。
     */
    @media (max-width: 430px) {
        .kmi-v22-compact-top {
            padding-top: 48px !important;
        }

        .kmi-v22-compact-bottom {
            padding-bottom: 48px !important;
        }
    }

    /*
     * ヘッダー
     * JSが「くにたち法律事務所」を含むサイトヘッダーだけを判定します。
     */
    .kmi-v22-mobile-header {
        min-height: 0 !important;
    }

    .kmi-v22-mobile-header-inner {
        min-height: 0 !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .kmi-v22-mobile-header img {
        max-height: 68px !important;
        width: auto;
        object-fit: contain;
    }

    .kmi-v22-mobile-header button,
    .kmi-v22-mobile-header [role="button"] {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .kmi-v22-fee-note {
        margin-top: 0.8rem;
        font-size: 0.9rem;
        line-height: 1.8;
    }
}