@layer component {
    .p-about-global__hd {
        margin: calc(6 * var(--base-unit)) 0 0;
        width: 100%;
    }
    @media screen and (max-width: 767px) {
        .p-about-global__hd {
            margin-top: calc(2 * var(--base-unit));
        }
    }
    .p-about-global__hd-ttl {
        margin-inline: auto;
        padding-top: calc(2 * var(--base-unit));
        width: var(--width-contents);
    }
    .p-about-global__hd-ttl::before {
        content: "";
        display: inline-block;
        margin-right: calc(1 * var(--base-unit));
        width: calc(3.6 * var(--base-unit));
        height: calc(3.6 * var(--base-unit));
        background: url(https://www.mitsubishicorp.com/jp/en/about/global/assets_r24/images/icon_point.svg) center/contain no-repeat;
        vertical-align: sub;
    }
    .p-about-global__hd-ttl > span {
        font-size: calc(3.4 * var(--base-unit));
        font-weight: 400;
        letter-spacing: 0.1em;
        line-height: 1.4117647059;
        color: #333;
    }
    @media screen and (max-width: 767px) {
        .p-about-global__hd-ttl > span {
            font-size: calc(2.2 * var(--base-unit));
            font-weight: 500;
            line-height: 1.3636363636;
        }
    }
    .p-about-global__disable-auto-tell {
        pointer-events: none;
    }
    .p-about-global .p-btn01 {
        margin-top: calc(6 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-about-global .p-btn01 {
            margin-top: calc(3 * var(--base-unit));
        }
    }
    .p-about-global .p-btn01 a {
        padding-inline: calc(3 * var(--base-unit)) calc(7.2 * var(--base-unit));
        color: #333;
        background-color: #fff;
        border: 1px solid #0F2350;
    }
    @media screen and (max-width: 767px) {
        .p-about-global .p-btn01 a {
            padding-inline: calc(1.6 * var(--base-unit)) calc(5.9 * var(--base-unit));
        }
    }
    .p-about-global .p-btn01 a::after {
        filter: brightness(0.2) sepia(1) saturate(0) hue-rotate(0deg);
    }
    @media screen and (min-width: 768px) {
        .p-about-global .p-btn01 a {
            transition: background-color 0.3s, color 0.3s, filter 0.3s;
        }
        .p-about-global .p-btn01 a:hover {
            color: #fff;
            background-color: #A22041;
            border-color: #A22041;
        }
        .p-about-global .p-btn01 a:hover::after {
            filter: invert(1);
        }
        .p-about-global .p-btn01 a:hover .p-btn01__ico {
            filter: brightness(0) invert(1);
        }
    }
    .p-about-global .p-btn01__ico {
        filter: invert(0);
    }
}