@charset "utf-8";
/* ============ 職種紹介ページ（施術者/ドライバー/事務員/相談員） ============ */

/* ---- ヒーロー（デザイン画像焼き付き＋透明リンク） ---- */
.jhero{ position:relative; width:min(100%,160rem); margin-inline:auto; }
.jhero > img, .jhero > picture > img{ width:100%; display:block; }
.jheroes{ position:relative; width:min(100%,160rem); margin-inline:auto; }
.jhero__ttl{ position:absolute; left:-999.9rem; top:0; }
/* 職種ページの見出しを画像の上に HTML で重ねる（2026-09-08 指示）
   見出し「施術者」など＝M PLUS Rounded 1c、サブコピー「あなたに合う職場が、きっと見つかる。」＝Inter、リード＝標準ゴシック。
   位置は各ページの hero_pc.jpg / hero_sp.jpg の焼き込みを実測。焼き込み無しバナーが来たら画像だけ差し替える */
.jhero__ttl{ left:0; top:0; z-index:2; }
.jhero__ttl h1{
  position:absolute; left:16.6rem; top:12.8rem; margin:0; white-space:nowrap;
  font-family:"Noto Sans JP", sans-serif; font-weight:700; font-size:7.8rem; line-height:1; letter-spacing:-.02em; color:var(--mg);   /* 丸ゴシック→ゴシック（Figma 9/17「ゴシック戻したい」「ゴシック体」・デザインカンプ準拠） */
  paint-order:stroke fill; -webkit-text-stroke:.8rem #fff; stroke-linejoin:round;   /* 焼き込みと同じ白い縁取り */
}
.jhero__catch{
  position:absolute; left:17.1rem; top:23.8rem; margin:0; white-space:nowrap;
  font-family:"Inter", "Noto Sans JP", sans-serif; font-weight:700; font-size:2.4rem; line-height:1.25; letter-spacing:.08em; color:var(--mg);
}
/* PCだけの職種別調整（各ページの焼き込み実測）: ドライバーはサブコピーとリードが1.4rem左寄り、事務員は見出しが小さい */
@media (min-width:768px){
  .page-driver .jhero__catch, .page-driver .jhero__lead{ left:15.7rem; }
  .page-driver .jhero__ttl h1, .page-sodan .jhero__ttl h1{ top:12.5rem; }
  .page-driver .jhero__ttl h1{ letter-spacing:-.06em; }   /* ドライバー（5文字）は焼き込みの方が詰まっている */
  .page-jimu .jhero__ttl h1{ font-size:6.6rem; top:12.6rem; }
}
@media (min-width:768px){ .page-sejutsu .jhero__catch{ display:none; } }   /* 施術者のPCバナーにはサブコピーが無い（SPにはある） */
.jhero__lead{
  position:absolute; left:17.1rem; top:27.9rem; margin:0; white-space:nowrap;
  font-size:1.6rem; font-weight:500; line-height:1.7; color:#494949;
}
.page-sejutsu .jhero__lead{ top:24.8rem; }
/* Figma 9/17「トル」: ドライバー・相談員・事務員のPCヒーローのリード文（全国440拠点以上…）は非表示 */
@media (min-width:768px){ .page-driver .jhero__lead, .page-sodan .jhero__lead, .page-jimu .jhero__lead{ display:none; } }
.page-driver .jhero__sp-lead, .page-sodan .jhero__sp-lead, .page-jimu .jhero__sp-lead{ display:none; }   /* SPも同様（Figma 9/17 SP版フレームにも「トル」） */
@media (max-width:767px){
  .jhero__ttl h1{ left:2.6rem; top:3.8rem; font-size:2.4rem; -webkit-text-stroke:0; paint-order:normal; }   /* SPの焼き込みは縁取り無し */
  .jhero__catch{ display:block; left:2.8rem; top:8.65rem; font-size:1.3rem; line-height:1.54; letter-spacing:0; }
  .page-sodan .jhero__ttl h1{ left:3.3rem; top:4.4rem; }
  .page-sodan .jhero__catch{ left:3rem; top:9.35rem; }
  .page-jimu  .jhero__ttl h1{ left:3.6rem; }
  .page-jimu  .jhero__catch{ left:3.2rem; top:8.75rem; }
  .jhero__lead{ display:none; }   /* SPのリードは画像の下に別途あり */
}
.jhero__link{ position:absolute; display:block; }
/* 施術者: 2ボタン */
.jhero__link--new{ left:16.4rem; top:34.5rem; width:24.4rem; height:9.9rem; }
.jhero__link--mid{ left:42.4rem; top:34.5rem; width:24.4rem; height:9.9rem; }
/* ドライバー/事務員/相談員: 検索1ボタン */
.jhero__link--search{ left:16.8rem; top:36rem; width:21.6rem; height:4.8rem; font-size:0; }
/* 支給ヒーロー（ボタンが焼き込まれていない）を使うページは、ボタン自体をCSSで描く */
.page-driver .jhero__link--search,
.page-sodan .jhero__link--search,
.page-jimu .jhero__link--search{
  left:16.9rem; top:37rem; width:21.4rem; height:5.2rem;
  display:flex; align-items:center; justify-content:center;
  background:var(--mg); color:#fff; border-radius:99rem;
  font-size:1.6rem; font-weight:600; line-height:1; transition:.2s;
}
.page-driver .jhero__link--search:hover,
.page-sodan .jhero__link--search:hover,
.page-jimu .jhero__link--search:hover{ opacity:.85; }

/* 施術者も支給ヒーローにボタンが無いので、2ボタンをCSSで描く（カンプ実測） */
.page-sejutsu .jhero__link--new,
.page-sejutsu .jhero__link--mid{
  display:flex; flex-direction:column; align-items:center;
  border-radius:.8rem; text-align:center; line-height:1.35;
  padding-bottom:1.75rem; transition:.2s;
}
.page-sejutsu .jhero__link--new{ background:var(--mg); color:#fff; padding-top:.8rem; }
.page-sejutsu .jhero__link--mid{ background:var(--yl); color:var(--mg); padding-top:2.15rem; }
.page-sejutsu .jhero__link small{ font-size:1.2rem; font-weight:500; }
.page-sejutsu .jhero__link b{ font-size:2rem; font-weight:500; }
.page-sejutsu .jhero__link-pill{
  margin-top:auto; background:#fff; color:var(--mg); border-radius:99rem;
  font-size:1.3rem; font-weight:500; padding:.35rem 2.4rem; line-height:1.5;
}
.page-sejutsu .jhero__link--new:hover,
.page-sejutsu .jhero__link--mid:hover{ opacity:.85; }

/* SPヒーロー */
.jhero--sp{ width:100%; }
.jhero__sp-lead{ font-size:1.4rem; line-height:1.9; padding:2rem 1.6rem 0; }
.jhero__sp-btns{ display:flex; gap:1.2rem; padding:1.8rem 1.6rem 0; }
.jhero__sp-btns .qsbtn{ flex:1; }
.jhero__sp-search{ display:block; margin:4.8rem auto 0; width:max-content; min-width:26rem; white-space:nowrap; }   /* 「募集要項かんたん検索」をスマホで1行に（倉持さん指示 2026-09-21） */

/* ---- どんな仕事？ ---- */
.jwork{ position:relative; padding:7.1rem 0 8rem; overflow:hidden; }  /* SPは下の@mediaで上書き */
.jwork__inner{ position:relative; width:min(100%,160rem); margin-inline:auto; min-height:31rem; }
.jwork__body{ width:min(100%,72rem); margin-inline:auto; text-align:center; position:relative; z-index:2; }
.jwork__body .script{ display:block; margin-bottom:.6rem; }
.jwork__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); letter-spacing:0; line-height:1.21; }
.jwork__txt{ margin-top:3rem; font-size:1.6rem; line-height:1.25; font-weight:400; }
.jwork__ph{ position:absolute; top:0; z-index:1; }
.jwork__ph--l{ left:6rem; }
.jwork__ph--r{ right:6rem; }
@media (max-width:767px){
  .jwork{ padding:3rem 0 9rem; }
  .jwork__ttl{ font-size:2.3rem; }
  .jwork__txt{ font-size:1.4rem; line-height:1.95; text-align:left; padding:0 1.6rem; margin-top:2rem; }
  .jwork__ph{ position:static; margin:5.4rem auto -2rem; width:75%; }
}

/* ---- 黄色帯 Who/What/Value ---- */
.jyellow{ background:var(--yl); padding:7.4rem 0 12.7rem; overflow-x:clip; }
.jyellow__inner{ width:min(100% - 4rem, 121.4rem); margin-inline:auto; }
.jcard{
  position:relative; background:#fff; padding:2.6rem 12.4rem; min-height:29.6rem;
  display:flex; flex-direction:column; justify-content:center;
}
.jcard + .jcard{ margin-top:3.6rem; }
.jcard__body{ width:50%; }
.jcard--l .jcard__body{ margin-left:auto; width:61%; }  /* イラスト左のカード */
.jcard .script{ font-size:3.6rem; margin-bottom:.4rem; display:block; }
.jcard__ttl{ font-size:1.9rem; font-weight:600; color:var(--mg); margin-bottom:1.2rem; }
.jcard__body li{ font-size:1.5rem; line-height:2.05; text-indent:-1em; padding-left:1em; }
.jcard__body li::before{ content:"・"; }
.jcard__ill{ position:absolute; top:50%; transform:translateY(-50%); max-height:82%; max-width:32%; width:auto; height:auto; }
.jcard--r .jcard__ill{ right:8rem; }
.jcard--l .jcard__ill{ left:8rem; }
.jyellow__catch{
  text-align:center; margin-top:8.6rem; color:var(--mg);
  font-size:4.5rem; font-weight:600; line-height:1.21; letter-spacing:0;
}
.jyellow__sub{ text-align:center; font-size:1.64rem; font-weight:400; line-height:1.21; margin-top:1.6rem; color:var(--ink); }
@media (max-width:767px){
  .jyellow{ padding:4.6rem 0 5.4rem; }
  .jyellow__inner{ width:min(100% - 3.2rem, 36rem); }
  .jcard{ padding:1.8rem 2rem 3rem; min-height:0; }
  .jcard + .jcard{ margin-top:2.4rem; }
  .jcard__body, .jcard--l .jcard__body{ width:100%; }
  .jcard .script{ font-size:3rem; }
  .jcard__ttl{ font-size:1.7rem; }
  .jcard__body li{ font-size:1.2rem; line-height:1.7; }
  .jcard__ill{ position:relative; transform:none; max-height:none; max-width:23rem; width:auto; margin:1rem auto 0; top:2rem; left:0; }
  .jcard--l .jcard__ill{ left:0; }
  .page-sodan .jcard__ill--who{ max-width:31rem; top:0; left:0; }   /* 相談員だけ（倉持さん指示 2026-09-07） */
  /* 相談員 What のイラスト（SP専用カット ill2_sp.png）。SPカンプ実測: 幅331px・本文下端から35px・カード下端まで31px */
  .page-sodan .jcard__ill--what{ width:33.1rem; max-width:none; top:0; left:-1.6rem; margin-top:3.5rem; }
  .page-sodan .jcard__ill--value{ max-width:32rem; }   /* 倉持さん指示 2026-09-07 */
  /* 倉持さん指示: 施術者「Who」「What」のイラスト（SP） */
  .page-sejutsu .jcard__ill--who{ width:30rem; max-width:none; padding-bottom:2rem; }
  .page-sejutsu .jcard__ill--what{ width:29rem; max-width:none; top:0; padding-bottom:1rem; }
  /* 相談員の「Who」筆記体（倉持さん指示 2026-09-07） */
  .page-sodan .script img.sw-who{ --sw-sp:9rem; left:0; top:2rem; }
  /* What / Value はSPカンプ実測（カード左上から x18px・y29/27px、幅105/101px）に合わせる */
  .page-sodan .script img.sw-what { --sw-sp:10.5rem; left:-.2rem; top:1.1rem; }
  .page-sodan .script img.sw-value{ --sw-sp:10.1rem; left:-.2rem; top:.9rem; }
  /* 見出しはカンプでは筆記体の直下（上端=カード+65px）。本文位置は変えずに見出しだけ上げる */
  .page-sodan .jcard--what .jcard__ttl { position:relative; top:-.4rem; }
  .page-sodan .jcard--value .jcard__ttl{ position:relative; top:-.3rem; }
  /* 事務員（SP）: Who/What/Value の筆記体が既定の24remのまま大きすぎたので、同じ型の相談員と同じ値に揃える
     （2026-09-08 倉持さん指示。事務員のSPカンプは相談員のものと同一ファイルだった） */
  .page-jimu .script img.sw-who  { --sw-sp:9rem;    left:0;     top:2rem; }
  .page-jimu .script img.sw-what { --sw-sp:10.5rem; left:-.2rem; top:1.1rem; }
  .page-jimu .script img.sw-value{ --sw-sp:10.1rem; left:-.2rem; top:.9rem; }
  .page-jimu .jcard--what .jcard__ttl { position:relative; top:-.4rem; }
  .page-jimu .jcard--value .jcard__ttl{ position:relative; top:-.3rem; }
  /* 施術者のWhoの筆記体だけ個別調整 */
  .jcard__body img.sejutsu-jyellow-who{ --sw-sp:8rem; top:1rem; left:0; }
  .jcard__body img.sejutsu-jyellow-what{ --sw-sp:10rem; top:2rem; left:0; }
  .jcard__body img.sejutsu-jyellow-value{ --sw-sp:10rem; top:2rem; left:0; }
  .jcard__body img.driver-jyellow-who{ --sw-sp:8rem; top:1rem; left:0; }
  .jcard__body img.driver-jyellow-what{ --sw-sp:10rem; top:2rem; left:0; }
  .jcard__body img.driver-jyellow-value{ --sw-sp:12rem; top:2rem; left:0; }
  .jpoint img.sejutsu-jpoint-point{ --sw-sp:13rem; top:1rem; left:0; }
  .page-driver img.driver-jpoint-point{ --sw-sp:12rem; top:0; left:0; }
  /* 他と違う魅力：番号（01.〜）はSPで小さく、少し内側へ */
  .jpcard__no{ position:absolute; top:-4rem; left:-2rem; }
  .jpcard__no img{ --sw-sp:5.8rem; position:relative; left:1.5rem; top:0; }
  /* ドライバー：What／Value のイラストだけ個別調整 */
  .page-driver .jcard__ill--what{ left:0; }
  .page-driver .jcard__ill--value{ max-width:28rem; top:-1rem; left:0; }
  .jyellow__catch{ font-size:2rem; margin-top:5.6rem; }
  .jyellow__sub{ font-size:1.2rem; padding:0 1.6rem; }
}

/* ---- 他と違う魅力 ---- */
.jpoint{ padding:13rem 0 16.3rem; overflow-x:clip; }
.jpoint__head{ width:min(100% - 4.8rem, 138rem); margin-inline:auto; }
.jpoint__head .script{ display:block; margin-bottom:.2rem; }
.jpoint__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); letter-spacing:0; line-height:1.21; }
.jpoint__cards{
  width:min(100% - 4.8rem, 138.8rem); margin:6.2rem auto 0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:3rem;
}
.jpcard{ background:#F0F0F0; padding:2rem 2rem 5.4rem; position:relative; }
.jpcard > img, .jpcard > picture > img{ width:100%; aspect-ratio:428/276; object-fit:cover; }
.jpcard__no{ font-family:"Sacramento",cursive; color:var(--mg); font-size:3.4rem; line-height:1; margin:1.8rem 0 0 .6rem; position:absolute; top:-4rem; left:-3rem; }
.jpcard__ttl{
  font-size:1.9rem; font-weight:600; color:var(--mg); line-height:1.47;
  margin:2.4rem 2rem 0;
}
.jpcard__txt{ font-size:1.64rem; font-weight:400; line-height:1.21; margin:1.6rem 2rem 0; }
@media (max-width:767px){
  .jpoint{ padding:5rem 0 0; }
  .jpoint__head{ width:min(100% - 3.2rem,36rem); }
  .jpoint__ttl{ font-size:2.3rem; position:relative; left:2rem; top:-1rem; }
  .jpoint__cards{ grid-template-columns:1fr; width:min(100% - 3.2rem,36rem); gap:2.4rem; margin-top:3rem; }
}

/* ---- 求める人物像 ---- */
.jwanted{ padding:0 0 5.6rem; overflow-x:clip; }
.jwanted__inner{ width:min(100% - 4.8rem, 100rem); margin-inline:auto; position:relative; }
.jwanted__head{ text-align:left; }
.jwanted__head .script{ display:block; }
.jwanted__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); letter-spacing:0; line-height:1.21; }
.jwanted__note{
  position:absolute; right:8rem; top:9rem; font-size:1.6rem; line-height:1.56; color:var(--mg); text-align:center;
  transform:rotate(6deg);
}
.jwanted__note::before,.jwanted__note::after{
  content:""; position:absolute; top:50%; width:0; height:4.6rem;
  border-left:.15rem solid var(--mg);
}
.jwanted__note::before{ left:-1.8rem; transform:translateY(-50%) rotate(-30deg); }
.jwanted__note::after{ right:-1.8rem; transform:translateY(-50%) rotate(30deg); }
.jwanted__box{
  background:var(--yl); border-radius:2rem; margin-top:4.6rem; padding:5.6rem 9rem;
  display:flex; flex-direction:column; gap:2.6rem;
}
.jwanted__box li{ display:flex; align-items:flex-start; gap:1.4rem; font-size:1.64rem; font-weight:400; line-height:1.21; }
.jwanted__box li::before{
  content:""; flex:none; width:2.3rem; height:2.3rem; border-radius:50%; margin-top:.2rem;
  background:var(--mg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23FEE101' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat;   /* カンプ: 紫丸に太い黄色チェック（2026-09-09 ドライバー新カンプ照合） */
}
@media (max-width:767px){
  .jwanted{ padding:0 0 5rem; }
  .jwanted__ttl{ font-size:2.3rem; }
  .jwanted .jwanted__note{ position:relative; transform:none; margin-top:1.2rem; top:3.5rem; left:auto; right:auto; }
  .jwanted__note::before,.jwanted__note::after{ top:42%; height:2rem; }
  .jwanted__note::before{ left:7.2rem; transform:translateY(-50%) rotate(-30deg); }
  .jwanted__note::after{ right:7.2rem; transform:translateY(-50%) rotate(30deg); }
  .jwanted__box{ padding:2.8rem 2rem; gap:1.4rem; border-radius:1.2rem; margin-top:8.6rem; }
  .jwanted__box li{ font-size:1.4rem; gap:1.2rem; line-height:1.4; }

  /* 倉持さん指示 2026-09-04: ドライバーの「求める人物像」SP個別調整 */
  .page-driver .jwanted .script img{ --sw-sp:16rem; top:3rem; left:2rem; }
  .page-driver .jwanted__ttl{ position:relative; top:2rem; left:-1rem; }
  .page-driver .jwanted .jwanted__note--multi-sp{ top:4.8rem; }
  .page-driver .jwanted__box{ padding:2.8rem 2rem; gap:1.4rem; border-radius:1.2rem; margin-top:5.6rem; }
  .page-sejutsu .jwanted__box{ margin-top:4.6rem; }
  .page-driver .jwanted__box li{ font-size:1.4rem; gap:1.2rem; line-height:1.2; }
  .page-driver .jwanted__box li::before{ margin-top:-0.4rem; }
}

/* ---- CTA帯 ---- */
/* PCカンプ（4職種とも同じ）: 求める人物像の枠→CTA上端 120px、見出し行送り64px(=1.42)、リード14px、リード→ボタン 62px（2026-09-08 照合） */
@media (min-width:768px){
  .jwanted{ padding-bottom:12rem; }
  .jcta--full .jcta__ttl{ line-height:1.42; }
  .jcta--full .jcta__lead{ font-size:1.4rem; margin-top:2.6rem; }
  .jcta--full .jcta__btns{ margin-top:5.7rem; }
  .jcta--full .jcta__body{ top:-2rem; }   /* 見出し上端をカンプ位置(セクション上端から139px)に */
}
.jcta{ position:relative; background:#FAFAFA; overflow:hidden; }
.jcta__inner{
  position:relative; width:min(100%,160rem); margin-inline:auto; min-height:62.7rem;
  display:flex; flex-direction:column; justify-content:center;
}
.jcta__body{ position:relative; z-index:2; padding-left:12rem; width:56%; }
.jcta__body .script{ display:block; font-size:4.2rem; margin-bottom:.6rem; }
.jcta__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); line-height:1.2; letter-spacing:0; }
.jcta__lead{ font-size:1.64rem; font-weight:400; line-height:1.21; margin-top:1.8rem; }
.jcta__btns{ display:flex; gap:2.4rem; margin-top:3.4rem; }
.jcta__ph{
  position:absolute; right:0; top:0; bottom:0; z-index:1; height:100%; width:auto;
  object-fit:cover;
}
@media (max-width:767px){
  /* SPは 見出し→本文→写真→ボタン の順に並べる（ボタンだけ写真の下へ） */
  .jcta__inner{ min-height:0; padding:4.6rem 0 5rem; display:flex; flex-direction:column; }
  .jcta__body{ display:contents; }
  .jcta__body > *{ padding-inline:1.6rem; text-align:center; z-index:10; }
  .page-driver .jcta__body > *{ position:relative; top:-1rem; }
  .jcta__ph{ order:2; }
  .jcta__btns{ order:3; }
  .jcta__ttl{ font-size:2.4rem; }
  .jcta__lead{ font-size:1.3rem; position:relative; top:2rem; }
  /* カンプ通り、写真の下にボタンを縦積みで置く（2026-09-04 支給カット差し替えに合わせて修正） */
  .jcta__btns{ flex-direction:column; justify-content:center; gap:1.6rem; align-items:center; margin-top:3.3rem; padding-inline:1.6rem; position:relative; top:0; }
  .jcta__btns a{ width:21.8rem; flex:none; max-width:none; padding-inline:1rem; }
  .jcta__ph{ position:static; width:100%; height:auto; margin-top:3rem; }
}

/* ---- 先輩インタビュー ---- */
.jiv{ background:var(--yl); padding:9rem 16rem 11.9rem 8rem; overflow-x:clip; }  /* SPは下の@mediaで上書き */
.jiv__head{ width:min(100% - 4.8rem, 138rem); margin-inline:auto; }
.jiv__head .script{ display:block; }
.jiv__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); letter-spacing:0; line-height:1.21; }
.jiv__lead{ font-size:1.64rem; font-weight:400; line-height:1.21; margin-top:1.6rem; }
.jiv__carousel{ position:relative; width:min(100% - 4.8rem, 138.8rem); margin:6rem auto 0; }
/* ページャー（3枚ずつ送る） */
.jiv__pager{
  display:flex; justify-content:center; align-items:center; gap:1rem;
  margin-top:4.6rem; font-size:1.5rem; font-weight:500;
}
.jiv__pager span, .jiv__pager button{ cursor:pointer; }
.jiv__pager .is-on{
  background:var(--mg); color:#fff; width:3.4rem; height:3.4rem; border-radius:50%;
  display:flex; align-items:center; justify-content:center; cursor:default;
}
/* 倉持さん指示: 職種紹介4ページはページャーを非表示 */
.page-sejutsu .jiv__pager,
.page-driver  .jiv__pager,
.page-sodan   .jiv__pager,
.page-jimu    .jiv__pager{ display:none; }
.jiv__pgarrow{
  background:var(--mg); color:#fff; width:3.4rem; height:3.4rem; border-radius:.6rem;
  display:flex; align-items:center; justify-content:center;
}
/* 先輩インタビュー: TOPと同じ横スクロール式（矢印1回でカード1枚分・端まで行ったら先頭へ戻るループ）。Figma 9/17「アニメーションはトップと同じ」「ゆるっと」 */
.jiv__cards{ display:flex; gap:5rem; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-left:1.5rem; scrollbar-width:none; padding:3rem 1.5rem 0; margin:-3rem -1.5rem 0; }   /* scroll-padding-left が無いとスナップで左の余白ぶん(1.5rem)先にスクロールした状態で始まり、番号「01.」の左が欠ける（2026-09-21） */   /* 番号「01.」がカード外(上-2rem/左-1rem)にはみ出すぶんの余白を確保 */
.jiv__cards::-webkit-scrollbar{ display:none; }
.jiv__cards > li{ flex:0 0 calc((100% - 10rem) / 3); scroll-snap-align:start; }
.jiv__cards > li[hidden]{ display:none !important; }
.jivcard{ background:#fff; padding:1.6rem 1.6rem 10rem; min-height:0; display:flex; flex-direction:column; position:relative; }
.jivcard__no{ position:absolute; top:-2rem; left:-1rem; margin:0; z-index:2; }   /* 写真の下に隠れないように */
/* 番号は画像ではなくSacramentoの文字で出す（人数が増えても対応できる） */
.jivcard__no--txt{ font-family:"Sacramento",cursive; color:var(--mg); font-size:4.6rem; line-height:1; }
.jivcard__thumb{ background:#DCDCDC; aspect-ratio:447/270; overflow:hidden; }
/* 支給の顔写真は頭が上端ぎりぎりなので、上を基準にトリミングする */
.jivcard__thumb img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.jivcard__tag{
  display:inline-block; align-self:flex-start; background:var(--mg); color:#fff; font-size:1.58rem; font-weight:400; line-height:1.21;
  padding:.3rem 1.6rem; margin-top:1.8rem;
}
.jivcard__quote{ font-size:2.2rem; font-weight:500; color:var(--mg); line-height:1.4; margin-top:1rem; }   /* 3.5→2.2rem（Figma 9/15 #10 デザイナー添付のサイズ感・全ページ共通） */
.jivcard__name{
  font-size:2.7rem; font-weight:400; border-left:.4rem solid var(--mg);
  padding-left:1.2rem; margin-top:1.6rem; line-height:1.2;
}
.jivcard__name small{ display:block; font-size:1.15rem; font-weight:400; color:#555; margin-top:.3rem; }
.jivcard__btn{ display:flex; align-items:center; justify-content:center; width:21.8rem; height:3.4rem; margin:0 auto; text-align:center; border-radius:5rem; padding:0; font-size:1.5rem; line-height:1; position:absolute; bottom:4.1rem; left:0; right:0; }   /* カンプ実測 218×34px・カード下端まで41px（2026-09-11 先方指摘でサイズ合わせ） */
.jiv__arrow{
  position:absolute; top:32%; width:6.6rem; height:6.6rem; border-radius:50%;
  background:var(--mg); color:#fff; border:none; font-size:3rem; font-weight:700; cursor:pointer;
  display:flex; align-items:center; justify-content:center; z-index:5; transition:.2s;
}
@media (hover:hover){ .jiv__arrow:hover{ transform:scale(1.08); } }
.jiv__arrow--l{ left:-7.4rem; }
.jiv__arrow--r{ right:-7.4rem; }
@media (max-width:767px){
  .jiv{ padding:4.6rem 0 5.4rem; }
  .jiv__head{ width:min(100% - 3.2rem,36rem); text-align:center; }
  .jiv__ttl{ font-size:2.3rem; }
  .jiv__lead{ font-size:1.25rem; text-align:left; }
  .jiv__carousel{ width:min(100% - 3.2rem,36rem); }
  .jiv__cards{ gap:2.4rem; padding:3.4rem 1.2rem 0; margin:-3.4rem -1.2rem 0; scroll-padding-left:1.2rem; }   /* SPの番号は top:-3rem なので上余白 3.4rem（2026-09-21 上が欠けていた） */   /* SPは横スワイプで全員見られる（以前は4人目以降が見えなかった） */
  .jiv__cards > li{ flex:0 0 86%; }
  .jiv__arrow{ display:none; }
}

/* ---- 直営店とフランチャイズ店のちがい（施術者のみ） ---- */
.jcmp{ padding:9rem 0 7.5rem; overflow-x:clip; }
.jcmp__inner{ width:min(100% - 4.8rem, 138rem); margin-inline:auto; }
.jcmp .script--txt{ margin-bottom:.4rem; }
.jcmp__ttl{ font-size:3.6rem; font-weight:700; color:var(--mg); letter-spacing:.04em; }
.jcmp__lead{ font-size:1.5rem; line-height:2; margin-top:2rem; }
.jcmp__table{
  display:grid; grid-template-columns:21rem 40.5rem 40.5rem; justify-content:center;
  margin-top:3.4rem; gap:0 1rem; font-size:1.5rem;
}
.jcmp__hd{ padding:2rem 1rem; text-align:center; font-weight:700; border-radius:.8rem .8rem 0 0; }
.jcmp__hd--mg{ background:var(--mg); color:#fff; grid-column:2; }
.jcmp__hd--yl{ background:var(--yl); grid-column:3; }
.jcmp__row{ display:contents; }
.jcmp__label{
  background:#F0F0F0; padding:1.8rem 2rem; font-size:1.4rem; display:flex; align-items:center;
  border-bottom:.1rem solid #fff;
}
.jcmp__cell{ padding:1.8rem 2.4rem; border-bottom:.1rem solid #fff; line-height:1.9; }
.jcmp__cell--mg{ background:#F7E7F2; }
.jcmp__cell--yl{ background:#FCF8E3; }
.jcmp__cell li{ text-indent:-1em; padding-left:1em; font-size:1.4rem; }
.jcmp__cell li::before{ content:"・"; }
.jcmp__btncell{ display:flex; align-items:center; justify-content:center; padding:3rem 2rem; }
.jcmp__btn{
  display:inline-flex; flex-direction:column; align-items:center; gap:.6rem;
  border-radius:1rem; padding:1.6rem 3.4rem; font-size:1.9rem; font-weight:800; transition:.2s;
}
@media (hover:hover){ .jcmp__btn:hover{ transform:translateY(-.2rem); } }
.jcmp__btn--mg{ background:var(--mg); color:#fff; }
.jcmp__btn--yl{ background:var(--yl); color:var(--mg); line-height:1.2; text-align:center; }
.jcmp__btn span{
  background:#fff; border-radius:1.4rem; font-size:1.2rem; font-weight:700; padding:.2rem 1.8rem; line-height:1.92; }   /* 白い帯の高さを両ボタンで統一（太い方＝27px に合わせる。2026-09-16 倉持さん指示）*/
.jcmp__btn--mg span{ color:var(--mg); }
.jcmp__btn--yl span{ color:var(--mg); }   /* カンプ: 黄色ボタン内の「簡単検索 →」は紫（2026-09-11 倉持さん指示） */
@media (max-width:767px){
  .jcmp{ padding:5rem 0 5.4rem; }
  .jcmp__ttl{ font-size:2.2rem; }
  .jcmp__lead{ font-size:1.3rem; }
  .jcmp__table{ grid-template-columns:8.6rem 1fr 1fr; gap:0 .4rem; font-size:1.2rem; }
  .jcmp__label{ font-size:1.1rem; padding:1rem .8rem; }
  .jcmp__cell{ padding:1rem .9rem; font-size:1.2rem; line-height:1.7; }
  .jcmp__cell li{ font-size:1.1rem; }
  .jcmp__btn{ font-size:1.3rem; padding:1.2rem 1.4rem; }
  /* SPでも「簡単検索 →」は1行で見せる（2026-09-07 SP表示に変更したため） */
  .jcmp__btn{ font-size:1.1rem; padding:1.2rem .5rem; }
  .jcmp__btn span{ white-space:nowrap; }
  .jcmp__btncell{ padding:2rem .6rem; }
  /* 直営店ボタンをフランチャイズ店ボタン（line-height:1.2）と同じ高さ・位置に（倉持さん指示 2026-09-08） */
  .jcmp__btn--mg{ line-height:1.2; text-align:center; }
}

/* ---- 働く環境を知る（施術者のみ） ---- */
.jenv{ background:var(--bg-gray); padding:11.5rem 0 9rem; overflow-x:clip; }
.jenv__inner{ width:min(100% - 4.8rem, 138rem); margin-inline:auto; }
.jenv .script--txt{ margin-bottom:.4rem; }
.jenv__ttl{ font-size:4.5rem; font-weight:600; color:var(--mg); letter-spacing:0; line-height:1.21; }
.jenv__cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:4.6rem; margin-top:4rem; }
.jenvcard{
  background:#fff; border-radius:1rem; box-shadow:.9rem .9rem 0 var(--yl);
  padding:2.6rem 2.4rem; display:flex; gap:2rem; align-items:center; min-height:22rem;
  position:relative;   /* カード全体をリンクにするための基準 */
}
/* 倉持さん指示: 「詳しく見る」だけでなくカード全体をクリックできるようにする。
   見た目を変えないよう、リンクの疑似要素をカード全面に広げる方式（::afterは矢印で使用済み） */
.jenvcard__more::before{ content:""; position:absolute; inset:0; z-index:1; }
.jenvcard{ cursor:pointer; }
.jenvcard:hover .jenvcard__more{ text-decoration:underline; }
.jenvcard__ic{ width:9.5rem; flex:none; }
@media (min-width:768px){ .jenvcard__ic{ width:14.5rem; flex:none; } }
.jenvcard__ttl{ font-size:2.2rem; font-weight:600; }
.jenvcard__txt{ font-size:1.35rem; line-height:1.8; margin-top:.8rem; }
.jenvcard__more{ display:block; text-align:right; color:var(--mg); font-size:1.3rem; font-weight:700; margin-top:1.4rem; }
.jenvcard__more::after{ content:" →"; }
/* 倉持さん指示 2026-09-05: 施術者の「働く環境を知る」カードだけ文字サイズ・余白を調整 */
.jenvcard__ttl{ font-size:2.6rem; }
.jenvcard__txt{ font-size:1.5rem; }
.jenvcard__more{ margin-right:6rem; }
@media (max-width:767px){
  .jenv{ padding:4.6rem 0 5.4rem; }
  .jenv__ttl{ font-size:2.3rem; }
  .jenv__cards{ grid-template-columns:1fr; gap:2.6rem; margin-top:2.6rem; }
  .jenvcard{ padding:2.4rem 2rem; }
  .jenvcard__ic{ width:9rem; }
  .jenvcard__more{ white-space:nowrap; }
}

@media (max-width:767px){
  .jivcard{ min-height:0; }
  .jpcard{ padding-bottom:3.4rem; margin-bottom:3rem; }
  .page-driver .jpcard{ padding-bottom:5.4rem; margin-bottom:2rem; }
  .jenvcard{ min-height:0; }
  .jwork__inner{ min-height:0; }
  .jyellow__catch{ font-size:2.4rem; }
  .page-driver .jyellow__catch{ font-size:2.4rem; width:100vw; position:relative; left:-1rem; margin-top:7.5rem; margin-bottom:3rem; }
  .jcta__ttl{ font-size:2.4rem; position:relative; top:1.5rem; text-align:left; left:2rem; }   /* 倉持さん指示 2026-09-07 */
  .jivcard__quote{ font-size:2.2rem; }
  .jivcard__name{ font-size:1.8rem; }
}


/* 修正依頼1回目: PCも筆記体見出し・番号を表示する */

/* 修正依頼1回目: jworkにも筆記体を表示 */
/* CTAボタン文字色（カンプ=マゼンタ） */
.jcta .btn-yl{ color:var(--mg); }

/* ============ SP精密化（SPカンプ準拠） ============ */
@media (max-width:767px){
  .jwork__ttl{ display:block; position:relative; left:-3rem; }
  .page-driver .jwork__ttl{ left:1rem; }
  .jhero__sp-lead{ font-size:1.3rem; line-height:1.54; }
  .jwork__txt{ font-size:1.3rem; font-weight:500; line-height:1.54; }
  .jcard__ttl{ font-size:1.9rem; font-weight:500; line-height:1.21; position:relative; top:1.5rem; left:2rem; margin-bottom:3.5rem; }
  .page-driver .jcard__ttl{ margin-top:-1.5rem; }
  .jyellow__sub{ font-size:1.3rem; font-weight:500; line-height:1.54; }
  .jpoint__ttl, .jwanted__ttl, .jiv__ttl{ font-size:2.4rem; }
  .page-driver .jpoint__ttl{ font-size:2.3rem; position:relative; left:2rem; top:-1.6rem; margin-bottom:4.5rem; }
  .jcmp__ttl{ font-size:2.4rem; }
  .jpcard__ttl{ font-weight:500; line-height:1.21; margin-left:0; }
  .page-driver .jpcard__ttl{ font-weight:500; line-height:1.21; margin-left:-0.5rem; margin-top:2.8rem; margin-right:0; }
  .jpcard__txt{ font-size:1.3rem; font-weight:500; line-height:1.4; margin-left:0; margin-right:0; }
  .jcta__btns a{ font-size:1.3rem; }
  .jiv__lead{ font-size:1.25rem; font-weight:500; line-height:1.6; }
  .jivcard__tag{ font-size:1rem; font-weight:500; line-height:1.4; }
  .jivcard__quote{ font-size:1.9rem; font-weight:500; line-height:1.21; }
  .jivcard__name{ font-size:1.9rem; font-weight:500; }
  .jivcard__name small{ font-size:1rem; font-weight:500; color:#000; }
  a.jivcard__btn{ font-size:1rem; padding:0; width:16.8rem; height:2.8rem; bottom:3.3rem; display:flex; align-items:center; justify-content:center; line-height:1; }   /* SPカンプ実測 168×28px・文字約10px・カード下端まで33px（2026-09-11 先方指摘。9/8の拡大指示より先方寸法を優先） */
  a.jivcard__btn{ left:0; right:0; margin-inline:auto; transform:none; }   /* 4職種ともカード中央に（2026-09-08 倉持さん確認）。translateX(-50%) は :hover の transform に上書きされてタップ時にずれたため左右0＋auto margin に変更（2026-09-11） */
  .jivcard{ border:.15rem solid var(--mg); }
  .jiv__head{ text-align:left; }
  .jiv__cards{ gap:5.4rem; }
  .jivcard{ position:relative; }
  .jivcard__no{ position:absolute; top:-3rem; left:0.2rem; margin:0; z-index:2; width:6rem; }
  .jiv__cards > li{ overflow:visible; }
  .script img.sw-point{ --sw-sp:14rem; top:1rem; }   /* 他と違う魅力「Point」（倉持さん指示 2026-09-07） */
  .jwanted .script img{ --sw-sp:16rem; left:1rem; top:1rem; }   /* 求める人物像「Wanted」（倉持さん指示 2026-09-07） */
  .jcta .script img{ --sw-sp:8rem; left:0; top:1rem; }
  /* 倉持さん指示: 施術者の「About the work」筆記体（SP） */
  .page-sejutsu .jwork .script img.sw-about-the-work{ left:-6.3rem; top:2.4rem; }
  .page-sodan   .jwork .script img.sw-about-the-work{ left:-6rem; top:2rem; }   /* 相談員（倉持さん指示 2026-09-07） */
  .page-jimu    .jwork .script img.sw-about-the-work{ --sw-sp:20.5rem; left:-6.65rem; top:2.4rem; }   /* 事務員（2026-09-11 新SPカンプ: 幅205px・見出し左端-2px・見出し直上） */

  /* 倉持さん指示 2026-09-05: 施術者のCTA見出し・筆記体（SP） */
  .page-sejutsu .jcta .script img{ --sw-sp:13rem; left:-9rem; top:0; }
  .page-sodan   .jcta .script img{ --sw-sp:13rem; left:-11rem; top:3rem; }   /* 相談員のCTA筆記体「Entry」（倉持さん指示 2026-09-07） */
  .page-jimu    .jcta .script img{ --sw-sp:13rem; left:-11rem; top:1.6rem; }   /* 事務員もSPカンプは左寄せ大サイズ（2026-09-08 カンプ照合） */
  .page-sejutsu .jcta__ttl{ font-size:2.4rem; position:relative; top:-1.5rem; text-align:left; left:4rem; }

  /* 倉持さん指示 2026-09-04: ドライバーの「先輩インタビュー」SP個別調整 */
  .page-driver .jiv .script img{ transform-origin:left bottom; position:relative; left:0; top:1rem; --sw-sp:20rem; }
  .page-driver .jiv__ttl{ font-size:2.4rem; position:relative; left:2.5rem; }
  .page-driver .jiv__lead{ font-size:1.25rem; font-weight:500; line-height:1.6; margin-top:3.5rem; }
  .page-driver .jiv__carousel{ margin-top:7rem; }
  .jiv__pager{ margin-top:3.4rem; }
  .jiv__pager .is-on{
    background:var(--mg); color:#fff; width:3.4rem; height:3.4rem; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
  }
  .jiv__pgarrow{
    background:var(--mg); color:#fff; width:3.4rem; height:3.4rem; border-radius:.6rem;
    display:flex; align-items:center; justify-content:center;
  }
}
/* wanted注記のPC/SP文言分岐 */
.jwanted__note-sp{ display:none; }
@media (max-width:767px){
  .jwanted__note-pc{ display:none; }
  .jwanted__note-sp{ display:inline; }
  /* SPも職種ごとの文言（複数行）を出すページ：カンプ通り左揃えのブロックにする */
  .jwanted .jwanted__note--multi-sp{ top:2.4rem; }
  .jwanted__note--multi-sp .jwanted__note-sp{
    display:inline-block; text-align:left; font-size:1.4rem; line-height:1.5;
  }
  .jwanted__note--multi-sp::before,.jwanted__note--multi-sp::after{ top:50%; height:3.6rem; }
  .jwanted__note--multi-sp::before{ left:3.1rem; }
  .jwanted__note--multi-sp::after{ right:2.9rem; }
}

/* CTAエントリーボタン（PCカンプ16px/500） */
.jcta .btn-mgfill{ font-size:1.6rem; font-weight:500; }
@media (min-width:768px){
  .jcta__btns a{ width:21.4rem; white-space:nowrap; }
}

/* 筆記体テキスト版（Difference / Work environment / Entry等） */
@media (max-width:767px){
  .script--txt{ font-size:3rem; }
}

/* 倉持さん指示 2026-09-02: jwork見出し・筆記体の位置調整（4職種共通・PCのみ） */
@media (min-width:768px){
  .jwork h2.jwork__ttl{ position:relative; top:-3rem; }
  .jwork .jwork__body .script img{ position:relative; left:-10rem; }
}

/* 倉持さん指示 2026-09-04: ドライバーのイラスト位置・カード余白（PCのみ） */
@media (min-width:768px){
  .page-driver .jcard--r .jcard__ill{ right:18rem; max-width:100%; width:29rem; top:16rem; max-height:none; height:auto; }   /* width固定＋基本の max-height:82% で縦が潰れていた（2026-09-21） */
  .page-driver .jcard--l .jcard__ill{ left:12rem; top:17rem; width:27rem; max-height:none; height:auto; }
  .page-driver .driver-jcard-what{ padding-bottom:13rem; }
  .page-driver img.driver-jyellow-ill3{ width:40rem; top:14.5rem; right:15.5rem; }
}

/* 相談員PC: カンプでは見出しが筆記体と左端で揃う（筆記体 x486・見出し x505）。リードは中央のまま（2026-09-08 指示） */
@media (min-width:768px){
  .page-sodan .jwork__ttl{ text-align:left; padding-left:6.5rem; }
  /* 倉持さん指示 2026-09-08（相談員PC）: 右写真・筆記体・見出し・本文の位置 */
  .page-sodan .jwork .jwork__ph--r{ width:30rem; right:8.9rem; top:-2rem; }   /* 後方の職種共通指定に負けないよう詳細度を上げる */
  .page-sodan .jwork .jwork__ph--l{ width:35rem; left:10rem; top:-.7rem; }
  /* 倉持さん指示 2026-09-08（ドライバーPC）: 写真・筆記体・見出し・本文の位置 */
  .page-driver .jwork .jwork__ph--r{ width:31rem; right:12.9rem; top:-3rem; }
  .page-driver .jwork .jwork__ph--l{ width:35rem; left:10rem; top:-1.7rem; }
  .page-driver .jwork .jwork__body .script img{ position:relative; left:-10rem; top:2rem; }
  .page-driver .jwork h2.jwork__ttl{ position:relative; top:-1rem; left:-3rem; }
  .page-driver .jwork__txt{ margin-top:4.5rem; font-size:1.6rem; line-height:1.6; font-weight:400; }
  /* 倉持さん指示 2026-09-08（事務員PC）: 写真・筆記体・見出し・本文の位置 */
  .page-jimu .jwork .jwork__ph--l{ width:35rem; left:10rem; top:-.7rem; }
  .page-jimu .jwork .jwork__ph--r{ width:31rem; right:18.5rem; top:-3rem; }
  .page-jimu .jwork .jwork__body .script img{ position:relative; left:-10rem; top:2rem; }
  .page-jimu .jwork h2.jwork__ttl{ position:relative; top:-.8rem; left:-2.8rem; }
  .page-jimu .jwork__txt{ margin-top:4.5rem; font-size:1.6rem; line-height:1.6; font-weight:400; letter-spacing:-.1rem; position:relative; left:-2rem; }
  .page-sodan .jwork .jwork__body .script img{ position:relative; left:-11rem; top:2rem; }
  .page-sodan .jwork h2.jwork__ttl{ position:relative; top:-1rem; left:-3rem; }
  .page-sodan .jwork__txt{ margin-top:3rem; font-size:1.6rem; line-height:1.25; font-weight:400; position:relative; top:2rem; }
}
/* 倉持さん指示 2026-09-02: 施術者ページのみ jwork写真位置（PCのみ） */
@media (min-width:768px){
  .page-sejutsu .jwork__ph--l{ left:10rem; top:-5rem; width:34rem; }
  .page-sejutsu .jwork__ph--r{ right:11.4rem; top:-4.35rem; width:31.1rem; }
}

/* ============ CTA：支給バナーを使うセクション（.jcta--full） ============
   支給されたPCカットは左に余白を持つ「セクション全体に敷く」絵柄。
   高さは画像比から算出した --jcta-h をHTML側で受け取る。 */
.jcta--full .jcta__inner{ min-height:var(--jcta-h, 49.5rem); }
.jcta--full .jcta__ph{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:right center;
}
@media (max-width:767px){
  .jcta--full .jcta__inner{ min-height:0; }
  /* SPカンプの写真枠（390:320）に合わせて人物側を見せる */
  .jcta--full .jcta__ph{
    position:static; width:100%; height:auto; margin-top:3rem;
    aspect-ratio:390/320; object-fit:cover; object-position:center bottom;
  }
  /* SP専用カットは支給ファイルを無加工（トリミングなし）で使う。
     上部の余白（#FAFAFA＝セクション背景と同色）は見出し・本文の下に潜り込ませ、
     写真の頭が本文の3rem下に来るように margin-top で引き上げる。 */
  .jcta--full .jcta__ph.sp-only{ aspect-ratio:auto; position:relative; margin-top:3rem; z-index:0; }
  .page-driver  .jcta--full .jcta__ph.sp-only{ margin-top:-20.8rem; }
  .page-sejutsu .jcta--full .jcta__ph.sp-only{ margin-top:-20.8rem; }
  .page-sodan   .jcta--full .jcta__ph.sp-only{ margin-top:-22.1rem; }
  .page-jimu    .jcta--full .jcta__ph.sp-only{ margin-top:-18.8rem; }   /* 事務員SPカンプと照合（2026-09-08） */
  /* 相談員だけ: CTAの余白（倉持さん指示 2026-09-07） */
  .page-sodan .jcta--full .jcta__inner{ padding:0 0 5rem; }
  .page-sodan .jcta__btns{ margin-top:7.3rem; }
  /* 事務員: SPカンプ照合（2026-09-08）。見出し・リードは左揃え、写真→ボタン間と下余白をカンプに合わせる */
  .page-jimu .jcta--full .jcta__inner{ padding:2.5rem 0 5.8rem; }
  .page-jimu .jcta__ttl{ top:0.1rem; }
  .page-jimu .jcta__lead{ text-align:left; top:0.9rem; }
  .page-jimu .jcta__btns{ margin-top:3.1rem; }
  .page-sodan .jwanted__box{ margin-top:3.6rem; }   /* 求める人物像の枠（倉持さん指示 2026-09-07） */
  .page-jimu  .jwanted__box{ margin-top:3.6rem; }   /* 事務員も相談員と同じ（注記→枠の隙間が65pxと空きすぎていた。カンプは約20px。2026-09-08） */
}

/* ドライバー：どんな仕事？のコラージュ（2026-09-04 支給素材に差し替え）
   支給版は余白のない書き出しなので、旧画像に含まれていた余白のぶんだけ位置をずらす */
.page-driver .jwork__ph--l,
.page-sodan .jwork__ph--l,
.page-jimu .jwork__ph--l{ width:40rem; left:6rem; top:-0.7rem; }
.page-driver .jwork__ph--r,
.page-sodan .jwork__ph--r,
.page-jimu .jwork__ph--r{ width:33rem; right:8.9rem; top:-1rem; }
@media (max-width:767px){
  .page-driver .jwork__ph--l, .page-driver .jwork__ph--r,
  .page-sodan .jwork__ph--l,  .page-sodan .jwork__ph--r,
  .page-jimu .jwork__ph--l,   .page-jimu .jwork__ph--r{ width:75%; left:auto; right:auto; top:auto; }
}

/* ============ エントリーバナー（職種紹介ページ末尾／カンプ entry_banner.png） ============
   カンプ実測（1600px設計・原寸4倍のPNGから採寸）:
     セクション 1598×546.5 / 背景 #FAFAFA
     Entry筆記体 x107 y134 w145.5
     見出し 40px（1行）グリフ上端 y200
     リード 16px グリフ上端 y252
     ボタン 348.5×84.2 のピル・間隔32.8・上端 y323
     写真は右側に配置し、セクション下端で切れる
   写真は支給のバナーカット entry_banner.jpg（3200x1094＝表示1600pxの2倍・比率2.925）を
   セクション全面に敷く。カンプ原寸と同じ絵柄なので、位置合わせは不要。 */
.ebnr{ position:relative; background:#FAFAFA; min-height:54.7rem; overflow:hidden; }
.ebnr__inner{ width:min(100% - 4.8rem, 138.8rem); margin-inline:auto; position:relative; z-index:2; }
.ebnr__body{ padding-top:13.4rem; }
.ebnr__body .script{ display:block; line-height:1; margin:0; }
.ebnr__script{ display:block; width:14.55rem; }   /* inline由来のディセンダ分の隙間を出さない */
.ebnr__ttl{ font-size:4rem; font-weight:600; color:var(--mg); line-height:1.2; letter-spacing:0; margin-top:-1.27rem; }
.ebnr__lead{ font-size:1.6rem; font-weight:400; line-height:1.21; margin-top:.6rem; }
.ebnr__btns{ display:flex; gap:3.3rem; margin-top:5.31rem; }
.ebnr__btn{
  width:34.85rem; height:8.4rem; border-radius:99rem; padding:0;
  display:flex; align-items:center; justify-content:center;
  font-size:3rem; font-weight:500; letter-spacing:0; line-height:1;
}
.ebnr .btn-yl{ color:var(--mg); }
.ebnr__ph{ position:absolute; left:0; top:0; width:100%; height:auto; z-index:1; }

/* PC=エントリーバナー／SP=従来の採用情報、という出し分け。仕様であって不具合ではない。
   ・PCカンプ（comp_sejutsu_pc）に採用情報セクションは無い → PCはバナーのみ
   ・SPカンプ（comp_sejutsu_sp・2026-09-07 03:49版）でも採用情報は無くなったが、
     消すとSP本文中の応募導線が無くなるため、倉持さんの判断で「現状通り」＝SPは採用情報を残す
     （2026-09-07 確認済み。カンプと違うのは承知のうえ） */
@media (max-width:767px){
  .ebnr{ display:none; }
}
@media (min-width:768px){
  .page-sejutsu .saiyo,
  .page-driver  .saiyo,
  .page-sodan   .saiyo,
  .page-jimu    .saiyo{ display:none; }
}

/* ============ 2026-09-08 カンプ照合 ============ */
@media (max-width:767px){
  /* 施術者SPカンプ: カード見出しは筆記体・箇条書きと左端揃え／求める人物像は中央揃え */
  .page-sejutsu .jcard__ttl{ left:0; }
  .page-sejutsu .jwanted__head{ text-align:center; }
  .page-sejutsu .jwanted .script img{ left:0; }
}

@media (max-width:767px){
  .page-jimu .jyellow__catch{ font-size:2.2rem; }   /* SPカンプ: 「ありがとう、助かったよ」は、／現場からも届きます。の2行 */
  .page-jimu .jwanted__note--multi-sp .jwanted__note-sp{ font-size:1.2rem; }   /* SPカンプ: 注記2行 */
  /* 事務員は注記がほぼ全幅なので、斜線を文字の外側（カンプ: 左x≈17px／右x≈370px）へ。線がセリフに重なっていた（2026-09-10） */
  .page-jimu .jwanted__note--multi-sp::before,.page-jimu .jwanted__note--multi-sp::after{ height:2.8rem; }
  .page-jimu .jwanted__note--multi-sp::before{ left:-.6rem; }
  .page-jimu .jwanted__note--multi-sp::after{ right:-.4rem; }
}

/* インタビューカードの顔写真: 顔が切れないように位置調整（横塚・鵜飼）修正内容_260916 */
.jivcard[data-iv^="sodan-05"] .jivcard__thumb img{ object-position:center 24%; }   /* 顔が y230〜700px（1350px中）。表示窓は高さ40%なので 24% で頭からあごまで収まる */
.jivcard[data-iv^="sejutsu-06"] .jivcard__thumb img{ object-position:center 28%; }