/* =====================================================================
   採用：プライバシーポリシー（/recruit/privacy/）v2 2026-10-06 B5
   Figma 393:1500（policy＝415:98553）。px ÷ 10 ＝ rem（1920 で 1rem=10px）。y は Figma − 20.88。
   共通部品（.rc-hero* / .rc-cta* / .rc-footer / .rc-pending / .rc-wrap*）は上書きしない。
   ===================================================================== */

/* ---------- 本文（白・ヒーロー直後 99rem から。前文の上端 Figma 1310 → 1289.12） ---------- */
.rc-page-privacy .pp-policy{background:#fff;padding:29.91rem 0 15.98rem}   /* 下 16rem − .2px: 1920 で本文の高さの端数（行の高さ 33.75 等）を打ち消し、次の LET'S START 帯を整数 px に置く（他ページの帯と画素一致させるため） */
.rc-page-privacy .pp-intro{font-size:var(--t-body-xl);line-height:2.4;font-weight:500;letter-spacing:.04em;color:var(--brown-2);padding-bottom:4.4rem}

/* 各条（415:98561〜）。左列は 1440 以下で見出しの文字の下限（15px）が折れないよう 180px で止める。: 上線 #796d55（1px）＋pad 44/0/44（Figma の線は INSIDE＝中身は上端から 45）・左 25rem ＋ gap 8rem ＋ 本文。条と条の間 .3rem（Figma の auto layout gap 3） */
.rc-page-privacy .pp-art{display:grid;grid-template-columns:max(25rem,180px) minmax(0,1fr);column-gap:max(8rem,40px);align-items:start;margin-top:.3rem;padding:4.4rem 0 4.4rem;border-top:max(.1rem,1px) solid var(--brown)}
.rc-page-privacy .pp-art:last-of-type{border-bottom:max(.1rem,1px) solid var(--line)}
.rc-page-privacy .pp-art__head{display:flex;flex-direction:column;align-items:flex-start;gap:.61rem;font-weight:900;color:var(--brown-2)}
.rc-page-privacy .pp-art__num{font-size:max(2.8rem,20px);line-height:1.2;letter-spacing:0;color:var(--brown)}
.rc-page-privacy .pp-art__title{font-size:max(2rem,15px);line-height:1.7;letter-spacing:.06em;padding-right:1.68rem;word-break:auto-phrase;text-wrap:balance}   /* balance: auto-phrase 非対応の Safari/Firefox でも「開示・訂正・／削除のご請求」 */

/* 本文: 段落 15/33.75・注記バッジは本文の下 1.188rem */
.rc-page-privacy .pp-art__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.188rem;font-size:var(--t-body-l);line-height:2.25;font-weight:500;letter-spacing:.025em;color:var(--text-2)}
.rc-page-privacy .pp-art__body>*{max-width:100%}
.rc-page-privacy .pp-art__body p,.rc-page-privacy .pp-art__body .pp-list{align-self:stretch}
.rc-page-privacy .pp-art__body p{text-wrap:pretty}   /* 縮小幅で最後の行が 1〜2 字だけになるのを防ぐ（1920 の改行は Figma と同じ） */

/* 番号つき・点の箇条書き（415:98573）: 行ごとに下の点線・pad 13/0/14・記号 Georgia 2.8rem 幅＋gap 1rem */
.rc-page-privacy .pp-list{line-height:2.1}
.rc-page-privacy .pp-list li{display:grid;grid-template-columns:2.8rem minmax(0,1fr);column-gap:1rem;padding:1.3rem 0 1.4rem;border-bottom:max(.1rem,1px) dashed var(--line)}
.rc-page-privacy .pp-list li:first-child{padding-top:0}
.rc-page-privacy .pp-list li:last-child{padding-bottom:0;border-bottom:0}
.rc-page-privacy .pp-list__mark{font-family:var(--georgia,Georgia,'Times New Roman',serif);font-weight:400;color:var(--brown)}
.rc-page-privacy .pp-nb{white-space:nowrap}   /* FB-13（2026-10-09・実装FBシート No.13「連絡のため が 1 字だけ改行」）: 行の最後の文節を 1 かたまりに */

/* 連絡先（415:98621）: 線なしの塊・pad 3rem 3.4rem 3rem 0・行 33px */
.rc-page-privacy .pp-box{padding:3rem 3.4rem 3rem 0;line-height:2.2}
.rc-page-privacy .pp-box__name{font-weight:700;letter-spacing:.06em;color:var(--brown-2)}
.rc-page-privacy .pp-box__tel{font-size:max(2.4rem,16px);line-height:max(3.3rem,22px);font-weight:700;letter-spacing:.0156em;color:var(--text-2)}
.rc-page-privacy .pp-box__hours{white-space:nowrap;position:relative}   /* SEL-B09（2026-10-14・文字選択）原因: 電話リンク .pp-tel の押せる範囲を広げる透明の ::after（FB-14・左右 .4rem 張り出し）が、すぐ隣の営業時間（9:00〜16:30）の先頭の字にかかり、先頭の字からなぞるとリンクに当たった→営業時間を ::after より上に出す（位置指定のみ・ずらしなし）。リンクの押せる範囲は営業時間の先頭 4px ぶん狭まるだけ（営業時間の字は押しても何も起きない物） */
.rc-page-privacy .pp-tel{color:var(--brown-2);font-weight:700;letter-spacing:.0375em;text-decoration:underline;text-decoration-thickness:max(.1rem,1px);text-underline-offset:.25em}
.rc-page-privacy .pp-art__body .pp-tel{color:var(--brown-2)}
.rc-page-privacy .pp-tel{position:relative}   /* FB-14（2026-10-09・実装FBシート No.14「タップ範囲 44px 以上」）: 見た目は変えず、透明の ::after で押せる範囲だけ広げる */
.rc-page-privacy .pp-tel::after{content:"";position:absolute;left:-.4rem;right:-.4rem;top:50%;height:max(4.4rem,44px);transform:translateY(-50%)}
@media (hover:hover){
  .rc-page-privacy .pp-tel:hover{color:var(--gold-text)}
}

/* 日付行（415:98556）: 右揃え・gap 2.8rem・最後の条の下線の .3rem 下 */
.rc-page-privacy .pp-dates{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 2.8rem;margin-top:.3rem;font-size:var(--t-small);line-height:2;font-weight:500;letter-spacing:.04em;color:var(--text-3)}

/* ---------- 縮小幅（1024〜1599）: 本文の列が狭くなるので文節で折る（1920 は Figma の改行のまま） ---------- */
@media (min-width:1024px) and (max-width:1599px) and (orientation:landscape), (min-width:1367px) and (max-width:1599px){
  .rc-page-privacy .pp-art__body p{word-break:auto-phrase}
  .rc-page-privacy .pp-intro{word-break:auto-phrase;text-wrap:pretty}
}

/* ---------- SP（≤1023） ---------- */
@media (max-width:1023px), (max-width:1366px) and (orientation:portrait){
  .rc-page-privacy .pp-policy{padding:4.8rem 0 8rem}
  .rc-page-privacy .pp-intro{font-size:var(--t-body-l);line-height:2.1;padding-bottom:3.2rem;word-break:auto-phrase;text-wrap:pretty}
  .rc-page-privacy .pp-art{grid-template-columns:minmax(0,1fr);row-gap:1.6rem;padding:3.2rem 0}
  .rc-page-privacy .pp-art__head{flex-direction:row;align-items:baseline;gap:1rem}
  .rc-page-privacy .pp-art__num{font-size:2.4rem}
  .rc-page-privacy .pp-art__title{font-size:1.9rem;line-height:1.6;padding-right:0;word-break:auto-phrase;text-wrap:balance}
  .rc-page-privacy .pp-art__body{line-height:2.05}
  .rc-page-privacy .pp-art__body p{word-break:auto-phrase;text-wrap:pretty}
  .rc-page-privacy .pp-list{line-height:1.9}
  .rc-page-privacy .pp-list li{grid-template-columns:2.2rem minmax(0,1fr);column-gap:.8rem;padding:1.1rem 0 1.2rem}
  .rc-page-privacy .pp-box{padding:.4rem 0 0;line-height:2}
  .rc-page-privacy .pp-box__tel{font-size:2rem;line-height:1.6;margin-top:.4rem}
  .rc-page-privacy .pp-dates{flex-direction:column;align-items:flex-start;margin-top:1.2rem}
}
