/* /faq 専用ページ */
body.page-faq {
    --page-bg: #fdfdfe;
    --page-accent: #745aad;
    --page-accent-soft: #745aad;
    --page-text: #022254;
    --page-text-body: #242b6a;
    --page-accent-rgb: 116, 90, 173;
    --page-gradient: linear-gradient(135deg, #745aad 0%, #745aad 100%);
    --page-header-icon-filter: hue-rotate(55deg) saturate(1.05) brightness(0.94);
    --page-header-logo-filter: hue-rotate(45deg) saturate(1.05) brightness(0.98);
    --page-cta-contact-gradient: linear-gradient(90deg, #eee6f7 0%, #f2ecf9 22%, #f7f2fb 48%, #fbf9fd 72%, #fdfdfe 100%);
    --page-cta-contact-border: rgba(116, 90, 173, 0.42);

    background-color: var(--page-bg);
}

body.page-faq main {
    background-color: var(--page-bg);
}

body.page-faq #header .common-logo__img {
    filter: var(--page-header-logo-filter);
}

body.page-faq #header .global-nav__icon-img,
body.page-faq #header .global-nav__cta-img {
    filter: var(--page-header-icon-filter);
}

body.page-faq #header .global-nav__title {
    color: var(--page-text);
}

body.page-faq #header .global-nav__text {
    color: var(--page-text-body);
}

body.page-faq #header .global-nav__link:hover,
body.page-faq #header .global-nav__link:focus-visible {
    background: rgba(var(--page-accent-rgb), 0.06);
}

body.page-faq #header .global-nav__cta--estimate {
    background-image: var(--page-gradient), var(--page-gradient);
    box-shadow: 0 2px 12px rgba(var(--page-accent-rgb), 0.22);
}

body.page-faq #header .global-nav__cta--contact {
    background-color: var(--page-bg);
    background-image: linear-gradient(var(--page-bg), var(--page-bg)), var(--page-gradient);
    box-shadow: 0 2px 12px rgba(var(--page-accent-rgb), 0.1);
}

body.page-faq #header #button-smart {
    filter: var(--page-header-icon-filter);
}

body.page-faq .page-cta-pair__btn--estimate {
    background: var(--page-gradient) !important;
    box-shadow: 0 6px 14px -5px rgba(var(--page-accent-rgb), 0.26) !important;
}

body.page-faq .page-cta-pair__btn--estimate .page-cta-pair__icon {
    box-shadow: 0 2px 8px rgba(var(--page-accent-rgb), 0.12) !important;
}

body.page-faq .page-cta-pair__btn--contact {
    background: var(--page-bg, #fdfdfe) !important;
    border-color: var(--page-cta-contact-border) !important;
    box-shadow: 0 2px 12px rgba(var(--page-accent-rgb), 0.1) !important;
}

body.page-faq .page-cta-pair__btn--contact .page-cta-pair__icon {
    border-color: var(--page-cta-contact-border) !important;
}

body.page-faq .page-cta-pair__icon-img,
body.page-faq .page-cta-pair__icon img,
body.page-faq .page-cta-pair__icon picture img {
    filter: var(--page-header-icon-filter);
    -webkit-filter: var(--page-header-icon-filter);
}

.faq-page {
    padding: clamp(88px, 11vh, 112px) 0 clamp(56px, 6vh, 80px);
    font-family: 'Noto Sans JP', sans-serif;
}

.faq-page .faq-section {
    padding-top: 0;
    padding-bottom: 0;
    background: #f9f9f9;
}