/* ==========================================================================
   エムケアーズ 採用サイト 共通スタイル
   前半: 相談支援事業所ゆるり 採用サイト（reference/yururi-recruit-site.html）の <style> をそのまま移植
   後半: 複数ページ化のための追加分（パンくず・職種カード・要記入・モバイル固定CTA 等）
   ========================================================================== */
  :root{
    --paper:#EFEBDE;
    --paper-card:#FAF8F1;
    --paper-card2:#E7E1CF;
    --ink:#22302A;
    --ink-soft:#51604F;
    --ink-faint:#8B9186;
    --accent:#C1791F;
    --accent-deep:#8F5518;
    --accent-tint:#F3E3C6;
    --teal:#1F6F63;
    --teal-soft:#4B8B7F;
    --teal-tint:#DCEAE6;
    --line:#D9D0B8;
    --shadow: 0 1px 2px rgba(34,48,42,.06), 0 8px 24px rgba(34,48,42,.06);
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --paper:#1A231E;
      --paper-card:#212B24;
      --paper-card2:#283329;
      --ink:#ECE8DC;
      --ink-soft:#B9C1B4;
      --ink-faint:#7C877D;
      --accent:#E3A552;
      --accent-deep:#F2C27E;
      --accent-tint:#3A2E19;
      --teal:#5FA99B;
      --teal-soft:#3E6D63;
      --teal-tint:#22322E;
      --line:#37423A;
      --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
    }
  }
  :root[data-theme="dark"]{
    --paper:#1A231E;
    --paper-card:#212B24;
    --paper-card2:#283329;
    --ink:#ECE8DC;
    --ink-soft:#B9C1B4;
    --ink-faint:#7C877D;
    --accent:#E3A552;
    --accent-deep:#F2C27E;
    --accent-tint:#3A2E19;
    --teal:#5FA99B;
    --teal-soft:#3E6D63;
    --teal-tint:#22322E;
    --line:#37423A;
    --shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
  }

  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Hiragino Sans",sans-serif;
    font-size:16px;
    line-height:1.85;
    padding-inline:20px;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;}
  img,.aspect{max-width:100%;}
  h1,h2,h3{font-family:"Shippori Mincho",serif;text-wrap:balance;margin:0;color:var(--ink);}
  .label{font-family:"Zen Kaku Gothic New",sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:700;}
  .wrap{max-width:1040px;margin-inline:auto;}
  .measure{max-width:38em;}
  section{padding-block:76px;}
  .line-top{border-top:1px solid var(--line);}

  /* ---------- header ---------- */
  header.site{
    position:sticky;top:0;z-index:40;
    background:color-mix(in srgb, var(--paper) 88%, transparent);
    backdrop-filter:blur(8px);
    border-bottom:1px solid var(--line);
  }
  .header-inner{
    max-width:1040px;margin-inline:auto;
    display:flex;align-items:center;justify-content:space-between;
    padding-block:14px;gap:16px;
  }
  .brand{display:flex;align-items:baseline;gap:10px;font-family:"Shippori Mincho",serif;font-weight:700;font-size:19px;white-space:nowrap;}
  .brand small{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-size:12px;color:var(--ink-soft);letter-spacing:.06em;}
  nav.site{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:500;}
  nav.site a.navlink{display:none;}
  @media (min-width:720px){ nav.site a.navlink{display:inline;} }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:14.5px;
    padding:11px 22px;border-radius:999px;border:1px solid transparent;
    cursor:pointer;text-decoration:none;white-space:nowrap;
    transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  }
  .btn:active{transform:translateY(1px);}
  .btn-accent{background:var(--accent);color:#2A1B05;}
  .btn-accent:hover{box-shadow:0 6px 18px rgba(193,121,31,.35);}
  .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--teal);color:var(--teal);}
  .btn-block{width:100%;padding-block:14px;font-size:16px;}

  /* ---------- hero ---------- */
  .hero{padding-block:64px 40px;}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
  @media (max-width:860px){ .hero-grid{grid-template-columns:1fr;} }
  .eyebrow{color:var(--teal);margin-bottom:14px;}
  .hero h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.4;}
  .hero h1 .accent-word{color:var(--accent);}
  .hero p.lede{margin-top:20px;color:var(--ink-soft);font-size:17px;max-width:34em;}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
  .hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-family:"Zen Kaku Gothic New",sans-serif;}
  .meta-item{display:flex;flex-direction:column;gap:2px;}
  .meta-item b{font-size:20px;font-family:"Shippori Mincho",serif;}
  .meta-item span{font-size:12px;color:var(--ink-faint);letter-spacing:.04em;}

  .diagram-card{
    background:var(--paper-card);border:1px solid var(--line);border-radius:22px;
    padding:22px 18px 16px;box-shadow:var(--shadow);
  }
  .diagram-caption{text-align:center;color:var(--ink-faint);font-size:12.5px;font-family:"Zen Kaku Gothic New",sans-serif;margin-top:2px;letter-spacing:.03em;}
  svg.network text{font-family:"Zen Kaku Gothic New",sans-serif;}
  .node-line{stroke:var(--teal-soft);stroke-width:2;}
  .node-circle{fill:var(--paper-card2);stroke:var(--teal-soft);stroke-width:1.6;}
  .node-circle.person{fill:var(--teal-tint);stroke:var(--teal);stroke-width:2;}
  .node-label{fill:var(--ink);font-size:15px;font-weight:700;}
  .node-sub{fill:var(--ink-faint);font-size:10.5px;}
  .hub-circle{fill:var(--accent);}
  .hub-label{fill:#2A1B05;font-size:16px;font-weight:700;}
  .hub-sub{fill:#2A1B05;font-size:10.5px;opacity:.8;}
  @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .hub-label, :root:not([data-theme="light"]) .hub-sub{fill:#2A1B05;} }
  :root[data-theme="dark"] .hub-label, :root[data-theme="dark"] .hub-sub{fill:#2A1B05;}

  /* ---------- section headers ---------- */
  .sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:38px;flex-wrap:wrap;}
  .sec-head .label{color:var(--accent);}
  .sec-head h2{font-size:clamp(24px,3vw,32px);font-weight:700;}
  .sec-num{font-family:"Shippori Mincho",serif;color:var(--line);font-size:14px;}

  /* ---------- why section ---------- */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media (max-width:820px){ .why-grid{grid-template-columns:1fr;} }
  .why-card{background:var(--paper-card);border:1px solid var(--line);border-radius:16px;padding:26px 24px;}
  .why-card .num{font-family:"Shippori Mincho",serif;font-size:26px;color:var(--accent);display:block;margin-bottom:10px;}
  .why-card h3{font-size:18px;font-weight:700;margin-bottom:8px;}
  .why-card p{color:var(--ink-soft);font-size:14.5px;margin:0;}

  /* ---------- want (ideal candidate) ---------- */
  .want-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;}
  @media (max-width:780px){ .want-grid{grid-template-columns:1fr;} }
  .want-quote{
    background:var(--paper-card);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;
    padding:22px 26px;box-shadow:var(--shadow);
  }
  .want-quote p{font-family:"Shippori Mincho",serif;font-size:17px;line-height:1.75;color:var(--ink);margin:0;}
  .want-note{margin-top:26px;color:var(--ink-soft);font-size:14.5px;max-width:42em;}
  .want-note strong{color:var(--teal);}

  /* ---------- plan document mock ---------- */
  .plan-doc{
    background:var(--paper-card);border:1px solid var(--line);border-radius:18px;
    box-shadow:var(--shadow);overflow:hidden;
  }
  .plan-doc-head{
    display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
    padding:18px 26px;background:var(--paper-card2);border-bottom:1px dashed var(--line);
    font-family:"Zen Kaku Gothic New",sans-serif;
  }
  .plan-doc-head .doc-title{font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--ink-soft);}
  .plan-doc-head .doc-stamp{font-size:12px;color:var(--teal);border:1px solid var(--teal);border-radius:999px;padding:4px 12px;font-weight:700;}
  .plan-rows{display:grid;grid-template-columns:repeat(2,1fr);}
  @media (max-width:720px){ .plan-rows{grid-template-columns:1fr;} }
  .plan-row{padding:26px;border-bottom:1px solid var(--line);}
  .plan-rows .plan-row:nth-child(odd){border-right:1px solid var(--line);}
  @media (max-width:720px){ .plan-rows .plan-row:nth-child(odd){border-right:none;} }
  .plan-rows .plan-row:nth-last-child(-n+2){border-bottom:none;}
  .plan-row .tag{display:inline-block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.05em;color:var(--teal);background:var(--teal-tint);border-radius:6px;padding:3px 10px;margin-bottom:12px;}
  .plan-row h3{font-size:17px;font-weight:700;margin-bottom:8px;}
  .plan-row p{margin:0;color:var(--ink-soft);font-size:14.5px;}

  /* ---------- timeline ---------- */
  .timeline{position:relative;padding-left:26px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:26px;}
  .tl-item{position:relative;padding-left:22px;}
  .tl-item::before{
    content:"";position:absolute;left:-35px;top:4px;width:12px;height:12px;border-radius:50%;
    background:var(--paper);border:2.5px solid var(--accent);
  }
  .tl-time{font-family:"Shippori Mincho",serif;font-weight:700;color:var(--accent);font-size:16px;margin-right:10px;}
  .tl-item h3{display:inline;font-size:16px;font-weight:700;}
  .tl-item p{margin:6px 0 0;color:var(--ink-soft);font-size:14.5px;}
  .tl-note{margin-top:6px;font-size:12.5px;color:var(--ink-faint);}

  /* ---------- requirements ---------- */
  .req-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  @media (max-width:820px){ .req-grid{grid-template-columns:1fr;} }
  .req-card{background:var(--paper-card);border:1px solid var(--line);border-radius:16px;padding:28px;}
  .req-card h3{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
  .req-card h3 .dot{width:9px;height:9px;border-radius:50%;background:var(--teal);display:inline-block;}
  .req-card.welcome h3 .dot{background:var(--accent);}
  .req-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .req-list li{padding-left:20px;position:relative;color:var(--ink-soft);font-size:14.5px;}
  .req-list li::before{content:"—";position:absolute;left:0;color:var(--ink-faint);}

  /* ---------- pay ---------- */
  .pay-scale{background:var(--paper-card);border:1px solid var(--line);border-radius:18px;padding:32px 30px;box-shadow:var(--shadow);}
  .pay-milestones{position:relative;display:flex;justify-content:space-between;gap:16px 24px;margin:6px 0 40px;flex-wrap:wrap;}
  .pay-milestones::before{content:"";position:absolute;top:9px;left:9px;right:9px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--accent));z-index:0;}
  @media (max-width:640px){ .pay-milestones::before{display:none;} }
  .pay-milestone{position:relative;z-index:1;flex:1 1 150px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;}
  .pay-milestone .dot{width:19px;height:19px;flex-shrink:0;border-radius:50%;background:var(--paper-card);border:3px solid var(--accent);}
  .pay-milestone.start .dot{border-color:var(--teal);}
  .pay-milestone .pay-text{display:flex;flex-direction:column;gap:2px;}
  .pay-milestone .amt{font-family:"Shippori Mincho",serif;font-weight:800;font-size:19px;}
  .pay-milestone .lbl{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;color:var(--ink-soft);}
  @media (max-width:640px){
    .pay-milestones{flex-direction:column;align-items:stretch;gap:18px;}
    .pay-milestone{flex-direction:row;text-align:left;align-items:center;justify-content:flex-start;gap:14px;}
    .pay-milestone .pay-text{align-items:flex-start;}
  }
  .pay-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:8px;}
  @media (max-width:640px){ .pay-benefits{grid-template-columns:1fr;} }
  .pay-benefits li{list-style:none;padding-left:22px;position:relative;color:var(--ink-soft);font-size:14.5px;}
  .pay-benefits li::before{content:"◎";position:absolute;left:0;color:var(--teal);font-size:12px;top:2px;}
  .pay-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:10px;}
  @media (max-width:780px){ .pay-detail-grid{grid-template-columns:1fr;} }
  .pay-table{width:100%;border-collapse:collapse;font-size:14px;}
  .pay-table td{padding:9px 4px;border-bottom:1px solid var(--line);color:var(--ink-soft);}
  .pay-table td:last-child{text-align:right;font-weight:700;font-family:"Zen Kaku Gothic New",sans-serif;color:var(--ink);white-space:nowrap;}
  .pay-highlight{
    background:var(--accent-tint);border-radius:12px;padding:16px 18px;margin-top:14px;
    display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;
  }
  .pay-highlight span:first-child{font-family:"Zen Kaku Gothic New",sans-serif;font-size:13px;font-weight:700;color:var(--accent-deep);}
  .pay-highlight span:last-child{font-family:"Shippori Mincho",serif;font-weight:800;font-size:19px;}
  .pay-sub-head{font-family:"Zen Kaku Gothic New",sans-serif;font-size:13px;font-weight:700;color:var(--ink-faint);letter-spacing:.04em;margin-bottom:10px;}

  /* ---------- support ---------- */
  .support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .support-grid-2{grid-template-columns:repeat(2,1fr);}
  @media (max-width:820px){ .support-grid{grid-template-columns:1fr;} }
  .support-card{padding:0;}
  .support-card .icon{width:44px;height:44px;border-radius:12px;background:var(--teal-tint);color:var(--teal);display:flex;align-items:center;justify-content:center;font-family:"Shippori Mincho",serif;font-weight:800;font-size:18px;margin-bottom:16px;}
  .support-card h3{font-size:16.5px;font-weight:700;margin-bottom:8px;}
  .support-card p{margin:0;color:var(--ink-soft);font-size:14.5px;}

  /* ---------- faq ---------- */
  .faq{display:flex;flex-direction:column;gap:12px;}
  details.faq-item{background:var(--paper-card);border:1px solid var(--line);border-radius:14px;padding:6px 22px;}
  details.faq-item summary{cursor:pointer;list-style:none;padding-block:16px;font-weight:700;font-size:15.5px;display:flex;justify-content:space-between;align-items:center;gap:14px;}
  details.faq-item summary::-webkit-details-marker{display:none;}
  details.faq-item summary::after{content:"+";font-family:"Shippori Mincho",serif;font-size:22px;color:var(--accent);transition:transform .18s ease;}
  details.faq-item[open] summary::after{transform:rotate(45deg);}
  details.faq-item p{margin:0 0 18px;color:var(--ink-soft);font-size:14.5px;}

  /* ---------- process ---------- */
  .process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;}
  @media (max-width:820px){ .process{grid-template-columns:1fr 1fr;} }
  @media (max-width:520px){ .process{grid-template-columns:1fr;} }
  .step{position:relative;padding:24px 20px;background:var(--paper-card);border:1px solid var(--line);border-radius:14px;}
  .step .step-no{font-family:"Shippori Mincho",serif;color:var(--accent);font-weight:800;font-size:22px;display:block;margin-bottom:10px;}
  .step h3{font-size:15px;font-weight:700;margin-bottom:6px;}
  .step p{margin:0;color:var(--ink-soft);font-size:13.5px;}
  .step-arrow{display:none;}
  @media (min-width:821px){
    .step:not(:last-child)::after{content:"›";position:absolute;right:-15px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--ink-faint);}
  }

  /* ---------- apply ---------- */
  .apply-wrap{background:var(--paper-card);border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:var(--shadow);}
  @media (max-width:640px){ .apply-wrap{padding:26px 20px;} }
  .apply-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}
  @media (max-width:640px){ .apply-grid{grid-template-columns:1fr;} }
  .field{display:flex;flex-direction:column;gap:7px;}
  .field.full{grid-column:1/-1;}
  .field label{font-family:"Zen Kaku Gothic New",sans-serif;font-size:13px;font-weight:700;color:var(--ink-soft);}
  .field .req{color:var(--accent);margin-left:2px;}
  .field input,.field select,.field textarea{
    font:inherit;font-size:15px;color:var(--ink);background:var(--paper);
    border:1px solid var(--line);border-radius:10px;padding:11px 13px;
    font-family:"Zen Maru Gothic",sans-serif;
  }
  .field textarea{resize:vertical;min-height:96px;}
  .field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--teal);outline-offset:1px;}
  .apply-actions{margin-top:26px;display:flex;flex-direction:column;gap:12px;}
  .apply-note{font-size:12.5px;color:var(--ink-faint);}
  .fallback{
    display:none;margin-top:20px;padding:18px 20px;border-radius:14px;
    background:var(--teal-tint);border:1px solid var(--teal-soft);
  }
  .fallback.show{display:block;}
  .fallback p{margin:0 0 10px;font-size:13.5px;color:var(--ink-soft);}
  .fallback textarea{width:100%;min-height:150px;font-family:"Zen Kaku Gothic New",monospace;font-size:12.5px;border-radius:10px;border:1px solid var(--line);padding:12px;background:var(--paper-card);color:var(--ink);}
  .copy-row{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:center;}
  .copy-msg{font-size:12.5px;color:var(--teal);font-weight:700;opacity:0;transition:opacity .2s;}
  .copy-msg.show{opacity:1;}

  /* ---------- footer ---------- */
  footer{padding-block:50px 60px;}
  .foot-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
  .foot-brand{font-family:"Shippori Mincho",serif;font-weight:700;font-size:18px;}
  .foot-col{font-size:13.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px;}
  .foot-col a{color:var(--teal);text-decoration:none;font-weight:700;}
  .foot-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
  .placeholder{color:var(--accent);}

  /* ---------- logo ---------- */
  .brand{gap:10px;}
  .brand img{height:30px;width:auto;display:block;align-self:center;}
  .foot-brand{display:flex;align-items:center;gap:10px;}
  .foot-brand img{height:34px;width:auto;display:block;}

  /* ---------- manager message ---------- */
  .manager-grid{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start;}
  @media (max-width:700px){ .manager-grid{grid-template-columns:1fr;} }
  .manager-photo img{width:100%;height:auto;max-width:200px;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:var(--shadow);display:block;}
  @media (max-width:700px){ .manager-photo img{max-width:160px;margin-inline:auto;} }
  .manager-role{margin-top:14px;text-align:center;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12.5px;color:var(--ink-faint);letter-spacing:.04em;line-height:1.6;}
  .manager-text{position:relative;padding-top:6px;}
  .manager-text .quote-mark{font-family:"Shippori Mincho",serif;font-size:60px;line-height:1;color:var(--teal-tint);display:block;margin-bottom:-22px;user-select:none;}
  .manager-text p{font-size:16px;line-height:2;color:var(--ink);margin:0 0 18px;}
  .manager-text p:last-of-type{margin-bottom:0;}
  .manager-sign{margin-top:24px;display:flex;align-items:center;gap:12px;font-family:"Shippori Mincho",serif;font-weight:700;font-size:15px;color:var(--teal);}
  .manager-sign::before{content:"";width:30px;height:1px;background:var(--line);}

/* ==========================================================================
   追加分（複数ページ用）
   ========================================================================== */
html{scroll-behavior:smooth;scroll-padding-top:80px;}
body{overflow-wrap:anywhere;}
:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px;}
.brand{text-decoration:none;color:var(--ink);}
.brand-mark{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--accent);align-self:center;box-shadow:16px 0 0 -2px var(--teal);margin-right:16px;}
nav.site a.corp{font-size:12.5px;color:var(--ink-soft);text-decoration:none;white-space:nowrap;}
nav.site a.corp:hover{color:var(--teal);}
@media (max-width:719px){ nav.site{gap:12px;} nav.site .btn{display:none;} .brand{font-size:16px;} .brand small{display:none;} }
.nowrap{white-space:nowrap;}
.btn{min-height:44px;}

/* パンくず */
.breadcrumb{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12.5px;color:var(--ink-faint);padding-top:18px;}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;}
.breadcrumb li+li::before{content:"›";margin:0 6px 0 2px;}
.breadcrumb a{color:var(--teal);text-decoration:none;}

/* 数字で見る */
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:820px){ .stat-grid{grid-template-columns:1fr 1fr;} }
.stat{background:var(--paper-card);border:1px solid var(--line);border-radius:16px;padding:20px 18px;}
.stat.wide{grid-column:span 2;}
.stat .lbl{display:block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12.5px;font-weight:700;color:var(--ink-faint);letter-spacing:.04em;}
.stat b{display:block;font-family:"Shippori Mincho",serif;font-weight:800;font-size:30px;line-height:1.35;color:var(--ink);}
.stat b small{font-size:14px;margin-left:2px;}
.stat .note{display:block;font-size:12px;color:var(--ink-faint);}
.ratio{display:flex;height:10px;border-radius:999px;overflow:hidden;margin:10px 0 6px;background:var(--line);}
.ratio span{display:block;height:100%;}
.ratio .r1{background:var(--teal);}
.ratio .r2{background:var(--accent);}
.ratio-legend{display:flex;justify-content:space-between;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12.5px;font-weight:700;color:var(--ink-soft);}

/* 職種カード */
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0;}
@media (max-width:900px){ .job-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .job-grid{grid-template-columns:1fr;} }
.job-card{display:flex;flex-direction:column;height:100%;background:var(--paper-card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s, box-shadow .15s;}
a.job-card:hover{border-color:var(--teal);box-shadow:var(--shadow);}
.job-card .fac{font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;font-weight:700;color:var(--teal);letter-spacing:.04em;}
.job-card h3{font-size:18px;font-weight:700;margin:4px 0 10px;}
.job-card p{margin:0 0 6px;color:var(--ink-soft);font-size:14px;}
.job-card .pay{font-family:"Shippori Mincho",serif;font-weight:800;color:var(--ink);font-size:16px;}
.job-card .more{margin-top:auto;padding-top:10px;font-family:"Zen Kaku Gothic New",sans-serif;font-size:13.5px;font-weight:700;color:var(--accent-deep);}
.job-card .more::after{content:" →";}
.job-card.soon{opacity:.72;border-style:dashed;}
.job-card .badge{align-self:flex-start;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11.5px;font-weight:700;border-radius:6px;padding:2px 10px;margin-bottom:10px;}
.badge.open{background:var(--accent-tint);color:var(--accent-deep);}
.badge.soon{background:var(--paper-card2);color:var(--ink-faint);}

/* 勤務地サマリー */
.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media (max-width:820px){ .place-grid{grid-template-columns:1fr;} }

/* 【要記入】 */
.todo{background:var(--paper-card2);color:var(--ink-faint);border-radius:4px;padding:0 4px;}
.todo-card{background:var(--paper-card2);border:2px dashed var(--line);border-radius:14px;padding:18px 20px;color:var(--ink-faint);font-size:14px;}
.todo-card .todo-tag{display:inline-block;font-family:"Zen Kaku Gothic New",sans-serif;font-size:11px;font-weight:700;background:var(--ink-faint);color:var(--paper);border-radius:4px;padding:0 8px;margin-bottom:6px;}

/* CTA ブロック（トップ） */
.cta-band{background:var(--teal);color:#fff;border-radius:22px;padding:40px 28px;text-align:center;}
.cta-band h2{color:#fff;font-size:clamp(22px,3vw,28px);margin-bottom:10px;}
.cta-band p{margin:0 0 18px;opacity:.92;}
.cta-band .hero-ctas{justify-content:center;margin-top:0;}
.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6);}
.cta-band .btn-ghost:hover{color:#fff;border-color:#fff;}
.cta-band .tel-big{display:inline-block;margin-top:18px;color:#fff;font-family:"Shippori Mincho",serif;font-weight:800;font-size:24px;text-decoration:none;}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .cta-band{background:var(--teal-tint);} }
:root[data-theme="dark"] .cta-band{background:var(--teal-tint);}

.tel-line{margin-top:14px;font-size:14px;color:var(--ink-soft);}
.tel-line a{color:var(--teal);font-weight:700;}

/* 404 */
.notfound{text-align:center;padding-block:90px 60px;}
.notfound h1{font-size:clamp(26px,4vw,36px);margin-bottom:14px;}
.notfound .hero-ctas{justify-content:center;}

/* モバイル固定CTA */
.sticky-cta{display:none;}
@media (max-width:719px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));}
  .sticky-cta{
    display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;
    position:fixed;left:0;right:0;bottom:0;z-index:50;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));
    background:color-mix(in srgb, var(--paper) 94%, transparent);backdrop-filter:blur(8px);
    border-top:1px solid var(--line);
  }
  .sticky-cta a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;
    border-radius:12px;text-decoration:none;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:700;
    font-size:14px;line-height:1.25;text-align:center;padding:4px;
  }
  .sticky-cta small{font-size:10.5px;font-weight:500;letter-spacing:0;}
  .sticky-cta .s-apply{background:var(--accent);color:#2A1B05;}
  .sticky-cta .s-visit{background:var(--paper-card);color:var(--ink);border:1px solid var(--line);}
  .sticky-cta .s-tel{background:var(--teal);color:#fff;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{transition:none !important;} }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .sticky-cta .s-tel{color:#10201C;} }
:root[data-theme="dark"] .sticky-cta .s-tel{color:#10201C;}