/* ══ 金継ぎ追補スタイル（naoshi planner 自動生成・2026-08-31）══
   元の規則と同じセレクタ・同じmediaで後から上書きする。:root の変数は触らない。
   直した行: 91・手で見る行: 9 */
/* [contrast] コントラスト比2.41→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.hero__vacancy-cta { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.hero__desc { color: #7A5548; }
/* [contrast] コントラスト比2.53→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.btn--outline { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.hero__scroll-text { color: #7A5548; }
/* [contrast] コントラスト比1.68→基準4.5以上（既存色 #3D2B1F・背景#F4845F） */
.marquee-sep { color: #3D2B1F; }
/* [contrast] コントラスト比3.93→基準4.5以上（既存色 #7A5548・背景#FFF5F0） */
.news__date { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.about__body { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.about__info-row dt { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.stat-card__label { color: #7A5548; }
/* [contrast] コントラスト比4.22→基準4.5以上（既存色 #7A5548・背景#FFFFFF） */
.greeting__sign-station { color: #7A5548; }
/* [contrast] コントラスト比4.22→基準4.5以上（既存色 #7A5548・背景#FFFFFF） */
.greeting__sign-role { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.section-desc { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.service-card__body { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.flow__tab-btn { color: #7A5548; }
/* [contrast] コントラスト比2.53→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.flow__subtitle { color: #7A5548; }
/* [contrast] コントラスト比2.53→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.flow__time { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.flow__note { color: #7A5548; }
/* [contrast] コントラスト比3.61→基準4.5以上（既存色 #7A5548・背景#FFF5F0） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.howto__cta-links { color: #7A5548; }
/* [contrast] コントラスト比2.35→基準4.5以上（既存色 #7A5548・背景#FFF5F0） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.howto__cta-links a { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.recruit__catch-sub { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.contact-chat-guide__desc { color: #7A5548; }
/* [contrast] コントラスト比2.53→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.contact-chat-guide__link a { color: #7A5548; }
/* [contrast] コントラスト比3.87→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.contact-box__hours { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.footer__tagline { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.footer__company { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.footer__address { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.footer__nav-link { color: #7A5548; }
/* [contrast] コントラスト比3.69→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-text-muted（共有29箇所。変数は触らず規則側で上書き） */
.footer__copy { color: #7A5548; }
/* [contrast] コントラスト比2.41→基準4.5以上（既存色 #7A5548・背景#FFF8F5） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） */
.footer__totop { color: #7A5548; }
/* [font] 役割「その他」の 14.7px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.chat-fab-speech { font-size: 13.6px; }
/* [font] 役割「その他」の 14.4px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.header__topbar-icon { font-size: 13.6px; }
/* [font] 役割「その他」の 13.1px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.header__topbar-item { font-size: 13.6px; }
/* [font] 役割「その他」の 12px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.marquee-sep { font-size: 13.6px; }
/* [font] 役割「その他」の 10.4px を近いサイズ 12px へ寄せる（25%以内・一番使われている値へ・極小） */
.hero__scroll-text { font-size: 12px; }
/* [font] 役割「ボタン」の 17.6px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.header__logo-text { font-size: 16.8px; }
/* [font] 役割「ボタン」の 17.6px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.header__cta-icon { font-size: 16.8px; }
/* [font] 役割「ボタン」の 17.6px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.contact-box__tel { font-size: 16.8px; }
/* [font] 役割「ボタン」の 16px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.header__topbar-tel { font-size: 16.8px; }
/* [font] 役割「ボタン」の 16px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.chat-panel__restart { font-size: 16.8px; }
/* [font] 役割「ボタン」の 15.2px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.btn { font-size: 16.8px; }
/* [font] 役割「ボタン」の 14.7px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.header__cta-btn { font-size: 16.8px; }
/* [font] 役割「ボタン」の 14.4px を近いサイズ 16.8px へ寄せる（25%以内・一番使われている値へ） */
.chat-panel__close { font-size: 16.8px; }
/* [font] 役割「ボタン」の 12.5px を近いサイズ 13.1px へ寄せる（25%以内・一番使われている値へ） */
.footer__totop { font-size: 13.1px; }
/* [font] 役割「本文」の 17.6px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.greeting__sign-name { font-size: 16px; }
/* [font] 役割「本文」の 15.5px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.greeting__body { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.hero__desc { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.about__body { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.flow__action { font-size: 16px; }
/* [font] 役割「本文」の 15.2px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.recruit__catch-sub { font-size: 16px; }
/* [font] 役割「本文」の 14.7px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.howto__step-desc { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.recruit-banner__body { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） ⚠inherited（祖先 .about__info-row の規則を上書き＝配下全部に効く） */
.about__info-row { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.howto__cta-links { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.contact-chat-guide__desc { font-size: 16px; }
/* [font] 役割「本文」の 14.4px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） ⚠inherited（祖先 .contact-chat-guide__link の規則を上書き＝配下全部に効く） */
.contact-chat-guide__link { font-size: 16px; }
/* [font] 役割「本文」の 14.1px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.service-card__body { font-size: 16px; }
/* [font] 役割「本文」の 14.1px を近いサイズ 16px へ寄せる（25%以内・一番使われている値へ） */
.chat-panel__name { font-size: 16px; }
/* [font] 役割「本文」の 13.1px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.header__nav-link { font-size: 13.6px; }
/* [font] 役割「本文」の 13.1px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.hero__sub { font-size: 13.6px; }
/* [font] 役割「本文」の 13.1px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.flow__note { font-size: 13.6px; }
/* [font] 役割「本文」の 13.1px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.footer__tagline { font-size: 13.6px; }
/* [font] 役割「本文」の 12.8px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.recruit-banner__label { font-size: 13.6px; }
/* [font] 役割「本文」の 12.8px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.greeting__sign-role { font-size: 13.6px; }
/* [font] 役割「本文」の 12.5px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.greeting__sign-station { font-size: 13.6px; }
/* [font] 役割「本文」の 12.5px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.footer__company { font-size: 13.6px; }
/* [font] 役割「本文」の 12.5px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.footer__copy { font-size: 13.6px; }
/* [font] 役割「本文」の 12px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ） */
.section-label { font-size: 13.6px; }
/* [font] 役割「本文」の 11.8px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ・極小） */
.footer__address { font-size: 13.6px; }
/* [font] 役割「本文」の 11.5px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ・極小） */
.news__badge { font-size: 13.6px; }
/* [font] 役割「本文」の 11.5px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ・極小） */
.chat-panel__status { font-size: 13.6px; }
/* [font] 役割「本文」の 11.2px を近いサイズ 13.6px へ寄せる（25%以内・一番使われている値へ・極小） */
.contact-box__hours { font-size: 13.6px; }
/* [font] 役割「h3」の 24px を近いサイズ 19.2px へ寄せる（25%以内・一番使われている値へ） */
.about__heading { font-size: 19.2px; }
/* [radius] 角丸 10px を 12px へ（9種→3） */
.header__cta-btn { border-radius: 12px; }
/* [radius] 角丸 13.4px を 12px へ（9種→3） */
.chat-panel__restart { border-radius: 12px; }
/* [radius] 角丸 13.4px を 12px へ（9種→3） */
.chat-panel__close { border-radius: 12px; }
/* [radius] 角丸 14px を 16px へ（9種→3） */
.chat-fab-speech { border-radius: 16px; }
/* [radius] 角丸 20px を 16px へ（9種→3） */
.contact-chat-guide { border-radius: 16px; }
/* [radius] 角丸 20px を 16px へ（9種→3） */
.chat-panel { border-radius: 16px; }
/* [color] 似て非なる色 #5A3E35 → #3D2B1F */
.greeting__body { color: #3D2B1F; }
/* [color] 似て非なる色 #5C3D2E → #7A5548 */
.header__nav-link { color: #7A5548; }
/* [z] z-index 1000 → 100（層は1/10/100） */
.header { z-index: 100; }
/* [z] z-index 1001 → 100（層は1/10/100） */
.chat-fab-speech { z-index: 100; }
/* [z] z-index 1000 → 100（層は1/10/100） */
.chat-fab { z-index: 100; }
/* [z] z-index 999 → 100（層は1/10/100） */
.chat-panel { z-index: 100; }
@media (max-width: 767px) {
  /* [contrast] コントラスト比2.53→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠via-var --color-accent（共有40箇所。変数は触らず規則側で上書き） / mobile-only */
  .drawer__tel { color: #7A5548; }
  /* [contrast] コントラスト比4.22→基準4.5以上（既存色 #7A5548・背景#FFFFFF） ⚠mobile-only */
  .drawer__hours { color: #7A5548; }
}

/* ══ ここから手仕事（金継ぎ 2026-08-31）══
   自動処方が「地を暗くする」で当てようとしたボタンは、色を守って文字側を濃くする方針に替えた。
   理由＝オレンジと水色はこのサイトの顔で、暗く潰すと別のサイトになる。 */

/* [contrast・手] オレンジのボタン：地はそのまま、白文字を濃茶へ（比2.53→5.32） */
.header__cta-btn--recruit,
.header__cta-btn--recruit .header__cta-icon,
.btn--primary,
.recruit-banner__btn { color: #3D2B1F; }

/* [contrast・手] 水色のボタン：地はそのまま、白文字を濃茶へ（比1.67→8.02） */
#navContactBtn,
#navContactBtn .header__cta-icon,
.header__cta-btn--contact,
.header__cta-btn--contact .header__cta-icon { color: #3D2B1F; }

/* [contrast・手] 引き出しメニュー（狭い幅）の電話と受付時間 */
.drawer__tel { color: #7A5548; }
.drawer__hours { color: #7A5548; font-size: 13.6px; }

/* [contrast・手] 吹き出しのstyle属性直書きをCSS側で上書き（比2.53→6.52） */
#chatFabSpeech > span { color: #7A5548 !important; font-size: 13.6px !important; }

/* [contrast・手] 空き情報バッジ：水色の地は「空きあり」を示す役割色なので残し、文字を濃くする（比5.51） */
.news__badge--vacancy { color: #1A6A8A; }

/* [font・手] 役割「h3」を2段に（問い合わせ枠の見出しだけ浮いていた） */
.contact-box__title { font-size: 19.2px; }

/* [font・手] 役割「本文」を3段に（採用のキャッチだけ大きすぎた） */
.recruit__catch-copy { font-size: 20px; }

/* [font・手] 役割「ボタン」を2段に（空き情報ピルと引き出しメニューを揃える） */
#heroVacancyLabel { font-size: 14.1px; }
.drawer__link, .drawer__tel { font-size: 16.8px; }

/* [font・手] 役割「その他」を3段に（小さな飾り文字を1つの段へ） */
.hero__scroll-text { font-size: 13.6px; }
.stat-card__label { font-size: 13.6px; }
.contact-chat-guide__icon { font-size: 35.2px; }

/* [radius・手] 角丸を3種に（ハンバーガーの線を丸線へ） */
.hamburger__bar { border-radius: 999px; }

/* [z・手] 引き出しメニューの層を100へ */
.drawer, #drawer { z-index: 100; }

/* [泣き別れ・手] 文字サイズを揃えた副作用で語が行またぎするのを防ぐ */
.about__body, .greeting__body, .service-card__body,
.section-desc, .hero__desc, .about__info-row dd,
.recruit__catch-sub, .recruit__catch-copy, .contact-chat-guide__desc { word-break: auto-phrase; }

/* ══ 3巡目の手仕事 ══ */

/* [contrast・手] 水色のボタンはサイト側が color:#fff !important を持つので、同じ強さで上書きする */
#navContactBtn,
#navContactBtn .header__cta-icon { color: #3D2B1F !important; }

/* [contrast・手] オレンジのグラデ地に載る文字を濃茶へ（画素検査の違反7件） */
.recruit-banner__label,
.recruit-banner__body { color: #3D2B1F; }
.flow__tab-btn--active { color: #3D2B1F; }
.howto__step-num { color: #3D2B1F; }

/* ══ 本番反映時の手当て（2026-08-31・金子さん承認A）══
   .drawer を層100へ下げた副作用で、背景の暗い幕（998のまま）がメニューより上に来て
   スマホのメニューが押せなくなっていた。幕を層10へ下げて元の重なりに戻す。 */
.drawer-overlay { z-index: 10; }