/* =========================================================
   SYNCA CTA BUTTON COLOR UNIFY / 2026-09-08
   基本ボタン色：黄土色 #c9aa67
   ========================================================= */
:root{
    --synca-cta-ochre:#e6b422;
    --synca-cta-ochre-hover:#b99754;
}

/* 1. ファーストビュー お問い合わせ */
.synca-hero-contact-button,
/* 2. 3プラン内 お問い合わせ */
.plan-card__cta,
/* 3. 主な提供サービス 01〜08 お問い合わせ */
.synca-services-compact .service-word-cta a,
/* 4. お問い合わせフォーム送信 */
.synca-contact-submit,
/* 5. 下部 お問い合わせボタン */
a.synca-contact-submit.synca-contact-jump{
    background:var(--synca-cta-ochre) !important;
    border-color:var(--synca-cta-ochre) !important;
    color:#111 !important;
}

/* アイコンも文字色に統一 */
.synca-hero-contact-button i,
.plan-card__cta i,
.synca-services-compact .service-word-cta a .fa-envelope,
.synca-services-compact .service-word-cta a .fa-arrow-right,
.synca-contact-submit i,
a.synca-contact-submit.synca-contact-jump i{
    color:#111 !important;
}

/* hoverも全ボタン共通 */
.synca-hero-contact-button:hover,
.plan-card__cta:hover,
.synca-services-compact .service-word-cta a:hover,
.synca-contact-submit:hover,
a.synca-contact-submit.synca-contact-jump:hover{
    background:var(--synca-cta-ochre-hover) !important;
    border-color:var(--synca-cta-ochre-hover) !important;
    color:#111 !important;
}

.synca-services-compact .service-word-cta a:hover .fa-envelope,
.synca-services-compact .service-word-cta a:hover .fa-arrow-right{
    color:#111 !important;
}