/* 記事下LINE相談CTA（2026-07-18版。旧 .article-cta はキャッシュ衝突回避のため廃止・新名義） */
.consult-cta { box-sizing: border-box; max-width: 560px; margin: 48px auto 64px; padding: 24px 20px 20px; background: #f3f6ef; border: 1px solid #e4ead9; border-radius: 18px; font-family: inherit; }
.consult-cta * { box-sizing: border-box; }
.consult-cta-h { color: #102c52; font-size: 19px; font-weight: 800; line-height: 1.5; margin: 0 0 14px; text-align: center; border: 0; padding: 0; }
.consult-cta-row { display: flex; align-items: flex-end; gap: 8px; margin: 0 0 14px; }
.consult-cta-av { flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%; background: #06C755; display: flex; align-items: center; justify-content: center; }
.consult-cta-av svg { width: 22px; height: 22px; fill: #fff; }
.consult-cta-bubble { position: relative; max-width: 82%; background: #fff; border: 1px solid #e6e6e6; border-radius: 4px 16px 16px 16px; padding: 11px 14px; color: #333; font-size: 14px; line-height: 1.65; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.consult-cta-bubble b { color: #06962f; }
.consult-cta-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 56px; padding: 14px 18px; margin: 6px 0 0; background: #06C755; color: #fff; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 999px; box-shadow: 0 6px 18px rgba(6,199,85,.4); transition: filter .12s, transform .12s; }
.consult-cta-btn:hover { filter: brightness(.94); }
.consult-cta-btn:active { transform: translateY(2px); filter: brightness(.85); }
.consult-cta-btn:focus-visible { outline: 3px solid #102c52; outline-offset: 2px; }
.consult-cta-ico { flex: 0 0 auto; width: 26px; height: 26px; fill: #fff; }
.consult-cta-sub { margin: 12px 0 0; color: #5f6b5a; font-size: 12.5px; line-height: 1.7; text-align: center; }
.consult-cta-note { margin: 8px 4px 0; color: #8a8f84; font-size: 11px; line-height: 1.7; text-align: center; }
.consult-cta-note a { color: #9c6b3f; }
@media (max-width: 760px) { .consult-cta { margin: 36px 14px 48px; } .consult-cta-bubble { max-width: 100%; } }
@media (prefers-reduced-motion: reduce) { .consult-cta-btn { transition: none; } }
