/* ホバー演出（全ページ共通。どのページでも最後に読む → ページ CSS の地の指定より後勝ち）。
   値は原本 STUDIO（urala.com・採用プレビュー）の DOM から抽出した :hover に合わせる（capture/<main-current|recruit-preview>/index/dom.html。※コメントの中に「*」の直後に「/」が来る書き方をしない＝そこでコメントが閉じて :root の変数が丸ごと無効になっていた。2026-09-28 修正）:
     - 時間と加速: 0.3s cubic-bezier(.4,.4,0,1)
     - 塗りのボタン ⇄ 白地＋オレンジ 2px 枠（反転）。白／枠のボタンはオレンジ塗りへ。矢印は右へ（原本は gap +8px）
     - 採用のカード（2026-09-29 現行プレビューを実測。ユーザー指示「ホバーのアニメーションは今のプレビューのやつと一緒に」）:
         先輩スタッフの声（a.iv-card）・リンクカード（.link-card。ABOUT US の 3 枚ほか採用の全部）＝ 縁 2px の色だけが地色からオレンジに変わる。
           持ち上げ・影・写真の拡大・文字色の変化・丸矢印の移動は無い。縁は内側の box-shadow で描く（大きさが変わらない）
         仕事を知る（a.job-card）＝ 上へ 10px ＋ 真下にぼかし無しの影 0 10px 0 rgba(0,0,0,.1)。丸矢印は動かない
         3 分で分かるバナー（.rh-about-banner）＝ 枠は動かず、中の画像だけ 1.03 倍（中心基準・角丸の枠で切る）
         CHARMS のカード＝ 縁がオレンジ 2px になるだけ（recruit/home.css）。右の「＋」は塗らない
     - それ以外のカード（医院のスタッフ・お知らせ・アイコン格子など）: 上へ 6px 持ち上がる（--lift）、写真は 1.03 倍（枠で切る）
     - 文字リンク: 色 #574D45（--c-ink-soft）か不透明度 0.6
     - ハンバーガー: 0.95 倍、線はピーチ
   ホバーは (hover:hover) and (pointer:fine) の中だけ。指の端末（開いた折りたたみの 880px 帯を含む）では押した後に状態が残らない。
   transition は外に置く（戻りも滑らかに。reduce 指定は base.css が全部止める）。 */

:root {
  --ease-hover: cubic-bezier(.4, .4, 0, 1);
  --t-hover: color .3s var(--ease-hover), background-color .3s var(--ease-hover), border-color .3s var(--ease-hover), box-shadow .3s var(--ease-hover), transform .3s var(--ease-hover), opacity .3s var(--ease-hover), filter .3s var(--ease-hover);
  --lift: -6px;
  --lift-shadow: 0 6px 0 rgba(39, 18, 0, 0.08);
}

.btn, .btn-ring, .btn-arrow, .btn .i-ext,
.hd-switch, .hd-switch .icon, .hd-logo, .ft-logo, .menu-toggle, .menu-toggle-bars, .menu-toggle-bars::before, .menu-toggle-bars::after, .drawer-close,
.hd-pill > .nav-item > a, .hd-pill > .nav-item > .nav-parent, .hd-pill .nav-sub a,
.qlb-link, .qlb-ic, .qlb-arrow, .qlb-label, .igrid-card, .igrid-ic, .bnav-card, .bnav-ic, .bnav-btn, .bnav-btn .icon,
.link-card, .iv-card, .iv-photo img, .job-card, .job-photo img, .staff-card, .staff-photo img, .ncard, .ncard-img img,
.cta, .cta-bg img, .cta-ring, .cta-ring .icon,
.news-link, .news-title, .news-date, .anchor-pill, .anchor-pill .icon, .chip, .chip::before, .case-pill, .case-pill .icon,
.link-arrow, .link-arrow .icon, .acc-btn, .acc-btn > .icon, .acc-btn .acc-q, .rh-charm-plus,
.reserve, .dw-link, .dw-link .icon, .ft-parent, .ft-sub a, .ft-leaves a, .ft-ext, .ft-acc,
.breadcrumb a, .entry-submit, .flow-btn, .jb-sc-btn, .abt-hist-btn, .field-link, .access-tel-link, .wk-flow-link, .ab-group-btn,
.prose a, .ncard-text a, .note a,
.ab-hist-btn, .case-crumb-link, .case-cta-tel, .board-partner-tel, .rh-about-banner a, .rh-about-banner img { transition: var(--t-hover); }

/* 採用のカードの縁（地の状態）: 2px の輪を内側の box-shadow で持っておき、ホバーで色だけオレンジへ（0.3s で色が補間される）。
   地は透明＝今の見た目のまま（〜767 の本物の縁・余白を触らない）。先輩スタッフの声の 1080〜 は各ページ CSS で地色（--c-cream）にする */
a.iv-card, .link-card { box-shadow: inset 0 0 0 2px transparent; }

@media (hover: hover) and (pointer: fine) {
  /* ---------- ボタン（.btn 系） ---------- */
  .btn:hover { transform: none; }   /* 旧: 2px 持ち上げ → 原本どおり色の反転と矢印の移動に置き換える */
  .btn:hover .btn-arrow { transform: translateX(6px); }
  .btn-back:hover .btn-arrow { transform: translateX(-6px); }
  .btn:hover .btn-ring { transform: translateX(4px); }
  .btn-primary:hover { background: var(--c-white); color: var(--c-orange); border-color: var(--c-orange); }
  .btn-primary:hover .btn-arrow { color: var(--c-orange); }
  .btn-gradient:hover { background: var(--c-white); color: var(--c-orange); box-shadow: inset 0 0 0 2px var(--c-orange); }
  .btn-gradient:hover .btn-arrow { color: var(--c-orange); }
  .btn-outline:hover { background: var(--c-orange); color: var(--c-white); }
  .btn-outline:hover .btn-arrow { color: var(--c-white); }
  .btn-white:hover { background: var(--c-orange); color: var(--c-white); }
  .btn-white:hover .btn-arrow { color: var(--c-white); }
  .btn-text:hover { opacity: .6; }
  /* 丸矢印つき（.btn-circle）: 地と丸の色を入れ替える（components.css の既存指定と同じ向き。白塗りの採用フッター用もここで） */
  .btn-circle.btn-primary:hover { background: var(--c-white); color: var(--c-orange); }
  .btn-circle.btn-primary:hover .btn-ring { background: var(--c-orange); color: var(--c-white); }
  .btn-circle.btn-outline:hover { background: var(--c-orange); color: var(--c-white); border-color: var(--c-orange); }
  .btn-circle.btn-outline:hover .btn-ring { background: var(--c-white); color: var(--c-orange); }
  .ft-tongue-recruit .btn-outline:hover { background: var(--c-orange); border-color: var(--c-orange); }

  /* ---------- ヘッダー・ドロワー・フッター ---------- */
  .hd-logo:hover, .ft-logo:hover { opacity: .7; }
  .hd-pill > .nav-item > a:hover, .hd-pill > .nav-item > .nav-parent:hover { color: var(--c-ink-soft); }
  .hd-pill .nav-sub a:hover { color: var(--c-orange); opacity: .7; }
  .hd-switch:hover { background: var(--c-orange); color: var(--c-white); border-color: var(--c-orange); }
  .hd-switch:hover .icon { transform: translateX(3px); }
  .menu-toggle:hover { transform: scale(.95); }
  .menu-toggle:hover .menu-toggle-bars, .menu-toggle:hover .menu-toggle-bars::before, .menu-toggle:hover .menu-toggle-bars::after { background: var(--c-peach); }
  .drawer-close:hover { transform: scale(.95); background: var(--c-peach-soft); }
  .dw-link:hover { color: var(--c-ink-soft); }
  .dw-link:hover .icon { transform: translateX(4px); }
  /* フッターの親の見出しは、自分のページを持つもの（a.ft-parent）だけ薄くする。押しても移動しない見出し（span.ft-parent。
     医院の「私たちについて」、採用の「私たちについて」「人を知る」）はホバーで変えない（2026-09-29 ユーザー指示「クリックできるページがないのに、ホバーで色が薄くなるのは違う」） */
  a.ft-parent:hover, .ft-sub a:hover, .ft-leaves a:hover, .ft-ext:hover { opacity: .6; }
  .reserve:hover { transform: translateY(-3px); box-shadow: 0 6px 16px rgba(229, 99, 0, 0.18); }

  /* ---------- クイックリンク・アイコン格子・下部ナビ ---------- */
  .qlb-link:hover, .qlb-link:hover .qlb-label { color: var(--c-orange); }
  .qlb-link:hover .qlb-ic { transform: translateY(-4px); }
  .qlb-link:hover .btn-ring, .qlb-link:hover .qlb-arrow { transform: translateX(4px); }
  .igrid-card:hover { transform: translateY(var(--lift)); box-shadow: var(--lift-shadow); }
  .igrid-card:hover .igrid-ic { transform: scale(1.06); }
  .bnav-card:hover { transform: translateY(var(--lift)); box-shadow: var(--lift-shadow); }
  .bnav-card:hover .bnav-btn { background: var(--c-orange-3); }
  .bnav-card:hover .bnav-btn .icon { transform: translateX(3px); }

  /* ---------- カード（リンク付き） ---------- */
  /* 採用: 先輩スタッフの声・リンクカードは縁の色だけ（現行プレビュー実測 2026-09-29）。丸矢印・写真・文字は動かさない */
  a.iv-card:hover, .link-card:hover { box-shadow: inset 0 0 0 2px var(--c-orange); }
  /* 職種ページのカードは job.css（1080〜）が .page-job .jb-iv .iv-card で地色の縁を付けていて上の指定より強いので、同じ強さで書く（2026-09-29 照合） */
  .page-job .jb-iv a.iv-card:hover { box-shadow: inset 0 0 0 2px var(--c-orange); }
  /* 医院のスタッフ・お知らせのカードは今までどおり持ち上げ＋写真 1.03 倍 */
  a.staff-card:hover, a.ncard:hover { transform: translateY(var(--lift)); box-shadow: var(--lift-shadow); }
  a.staff-card:hover .staff-photo img, a.ncard:hover .ncard-img img { transform: scale(1.03); }
  /* 仕事を知る: 現行どおり 10px 上へ＋真下にぼかし無しの影（--lift・--lift-shadow は他のカードが使うので値を直書き）。丸矢印は動かさない */
  a.job-card:hover { transform: translateY(-10px); box-shadow: 0 10px 0 rgba(0, 0, 0, 0.1); }

  /* ---------- CTA 帯（ENTRY・写真帯） ---------- */
  a.cta:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(229, 99, 0, 0.18); }
  a.cta:hover .cta-bg img { transform: scale(1.03); }
  a.cta:hover .cta-ring { transform: translateX(6px); }
  a.cta-gradient:hover { filter: brightness(1.04); }

  /* ---------- 文字リンク・ピル・チップ ---------- */
  .news-link:hover { opacity: .6; }   /* 題はもともとオレンジなので色では変わらない → 原本の文字リンクと同じ不透明度 */
  .anchor-pill:hover { background: var(--c-orange); color: var(--c-white); }
  .anchor-pill:hover .icon { transform: translateY(3px); }
  a.chip:hover { color: var(--c-white); }
  a.chip:hover::before { background: var(--c-orange); }
  .case-pill:hover { transform: translateY(-2px); box-shadow: var(--lift-shadow); color: var(--c-orange); }
  .case-pill:hover .icon { transform: translateX(3px); }
  .link-arrow:hover { opacity: .7; }
  .link-arrow:hover .icon { transform: translateX(4px); }
  .breadcrumb a:hover { color: var(--c-orange); }
  .prose a:hover, .ncard-text a:hover, .note a:hover, .field-link:hover, .access-tel-link:hover, .wk-flow-link:hover { opacity: .6; }

  /* ---------- アコーディオン（FAQ・CHARMS・フッター） ---------- */
  .acc-btn:hover { color: var(--c-orange); }
  .acc-btn:hover > .icon { transform: scale(1.15); }
  /* CHARMS のカード: 現行は縁がオレンジ 2px になるだけ（recruit/home.css）。右の「＋」は塗らない（2026-09-29 現行照合で塗りを外した） */

  /* ---------- ページ固有のボタン ---------- */
  .entry-submit:hover { transform: none; filter: brightness(1.06); box-shadow: 0 10px 24px rgba(229, 99, 0, 0.2); }
  .flow-btn:hover { color: var(--c-orange); }
  .jb-sc-btn:hover { background: var(--c-peach-soft); }
  .abt-hist-btn:hover, .ab-hist-btn:hover { background: var(--c-orange); color: var(--c-white); border-color: var(--c-orange); }
  .case-crumb-link:hover, .board-partner-tel:hover { opacity: .6; }
  .case-cta-tel:hover { transform: translateY(-2px); opacity: .8; }
  /* 3 分で分かるバナー: 現行どおり枠は動かさず、中の画像だけ 1.03 倍（中心基準。a の overflow: clip と角丸 16 で切る） */
  .rh-about-banner a:hover img { transform: scale(1.03); }
}