/* JOBLIA 追加ページ共通CSS（style.css のトークン・部品を再利用） */
.crumb{background:var(--light);border-bottom:1px solid var(--line)}
.crumb ol{display:flex;flex-wrap:wrap;gap:2px 8px;padding:10px 0;font-size:12.5px;font-weight:700;color:#6b7782;line-height:1.5}
.crumb li+li::before{content:"›";margin-right:8px;opacity:.6}
.crumb a{color:var(--accent)}
.crumb a:hover{text-decoration:underline}

.phero{background:var(--deep);color:#fff;position:relative;overflow:hidden;padding:44px 0 48px}
.phero::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.07);right:-110px;top:-120px}
.phero::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(43,182,247,.2);left:-90px;bottom:-120px}
.phero .inner{position:relative;z-index:1}
.phero__kicker{display:inline-block;background:rgba(255,255,255,.95);color:var(--accent);font-weight:900;font-size:12.5px;padding:5px 14px;border-radius:999px}
.phero__title{font-size:28px;line-height:1.4;font-weight:900;margin-top:14px;letter-spacing:.01em}
.phero__desc{margin-top:14px;font-size:15px;line-height:1.85;font-weight:700;opacity:.96}
.phero .btn--lg{margin-top:24px}
.phero .cta-note{color:#d9ecff}
@media (min-width:768px){
  .phero{padding:84px 0 88px}
  .phero__title{font-size:clamp(34px,4vw,46px)}
  .phero__desc{font-size:17px;max-width:46em}
  .phero .btn--lg{margin-top:34px}
  .crumb ol{font-size:13.5px}
}

.sec{padding:var(--sec-y) 0;background:#fff}
.sec--light{background:var(--light)}
.sec__lead{margin-top:16px;font-size:15.5px;line-height:1.95}
.sec .body+.body{margin-top:12px}
@media (min-width:768px){.sec__lead{font-size:17px;max-width:48em;margin-left:auto;margin-right:auto;text-align:center}}

.pgrid{display:grid;gap:14px;margin-top:26px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 18px 22px;position:relative}
.pcard__no{font-family:var(--mono);font-weight:700;font-size:13px;color:#fff;background:var(--grad);border-radius:999px;padding:2px 12px;display:inline-block;letter-spacing:.08em}
.pcard h3{margin-top:10px;font-size:18px;font-weight:900;color:var(--ink);line-height:1.5}
.pcard p{margin-top:8px;font-size:15px;line-height:1.85}
.dots{margin-top:10px}
.dots li{position:relative;padding-left:18px;font-size:15px;line-height:1.8;margin-top:4px}
.dots li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--grad-v)}
@media (min-width:768px){
  .pgrid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px}
  .pgrid--3{grid-template-columns:repeat(3,1fr)}
  .pcard{padding:30px 28px 32px}
  .pcard h3{font-size:20px}
  .pcard p,.dots li{font-size:16px}
}

/* ステップ・リスト */
.slist{margin-top:26px;display:grid;gap:12px;counter-reset:s}
.slist li{counter-increment:s;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:16px 16px 16px 62px;position:relative}
.slist li::before{content:counter(s,decimal-leading-zero);position:absolute;left:14px;top:16px;width:36px;height:36px;border-radius:50%;background:var(--grad-v);color:#fff;font-family:var(--mono);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.slist b{display:block;font-size:16.5px;color:var(--ink);line-height:1.5}
.slist span{display:block;margin-top:4px;font-size:14.5px;line-height:1.8}
@media (min-width:768px){.slist{max-width:860px;margin:44px auto 0;gap:16px}.slist li{padding:22px 24px 22px 80px}.slist li::before{left:22px;top:22px;width:44px;height:44px;font-size:16px}.slist b{font-size:18px}.slist span{font-size:16px}}

/* 比較ボックス */
.cmp{margin-top:26px;display:grid;gap:14px}
.cmp__col{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.cmp__col h3{background:#f1f5f9;color:var(--ink);font-size:16px;font-weight:900;padding:12px 16px;border-bottom:1px solid var(--line)}
.cmp__col--hl h3{background:var(--deep);color:#fff}
.cmp__col dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.6}
.cmp__col dt{color:#6b7782}
.cmp__col dd{font-weight:700;color:var(--ink);text-align:right}
.cmp__sum{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:900;color:var(--ink);font-size:16px;background:#f8fbff}
.cmp__col--hl .cmp__sum{color:var(--accent)}
@media (min-width:768px){.cmp{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px;max-width:900px;margin-left:auto;margin-right:auto}.cmp__col dl>div{font-size:16px;padding:14px 22px}.cmp__col h3{font-size:18px;padding:16px 22px}.cmp__sum{padding:18px 22px;font-size:18px}}

.note{margin-top:22px;background:#fff;border:1px solid #cfe0f5;border-left:5px solid var(--c-end);border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.85;color:var(--text-strong)}
.note b{color:var(--ink)}
.note--warn{background:#fff8ec;border-color:#f6d9a6;border-left-color:#ff8a00}
@media (min-width:768px){.note{font-size:15px;padding:18px 22px;max-width:900px;margin-left:auto;margin-right:auto}}

/* 内部リンクカード */
.lcards{margin-top:26px;display:grid;gap:12px}
.lcard{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 44px 16px 16px;position:relative;transition:transform .18s,box-shadow .18s}
.lcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.lcard::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;margin-top:-6px;border:solid var(--c-end);border-width:3px 3px 0 0;transform:rotate(45deg)}
.lcard__t{display:block;font-weight:900;color:var(--ink);font-size:16px;line-height:1.5}
.lcard__d{display:block;margin-top:4px;font-size:13.5px;line-height:1.7}
@media (min-width:768px){.lcards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.lcards--3{grid-template-columns:repeat(3,1fr)}.lcard{padding:22px 52px 22px 24px}.lcard__t{font-size:18px}.lcard__d{font-size:14.5px}}

/* 求人一覧（独立データから生成） */
.pjobs{display:grid;gap:20px;margin-top:28px}
.jcard__loc{display:inline-block;font-size:12.5px;font-weight:700;color:var(--accent);margin-bottom:4px}
.pjobs .jcard__spec .is-pending{color:#7a868f;font-weight:500}
.jcard__src{margin-top:10px;font-size:13px;text-align:center}
.jcard__src a{color:var(--accent);text-decoration:underline}
@media (min-width:768px){.pjobs{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:48px}}
@media (min-width:1100px){.pjobs{grid-template-columns:repeat(3,1fr)}}

/* サブページ用ヘッダー調整（ナビ4項目が狭幅PCで収まるように） */
@media (min-width:768px) and (max-width:1039px){
  .header__in{padding:0 16px}.header--sub .gnav{gap:14px;margin-left:16px}.header--sub .gnav a{font-size:13.5px}.header--sub .header__cta{padding:0 14px;font-size:13px;height:44px}
}
.footer__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px;font-size:13px;font-weight:700}
.footer__links a{color:var(--accent)}
.footer__links a:hover{text-decoration:underline}
.pjobs .jcard__pay{font-size:26px}@media (min-width:1100px){.pjobs .jcard__pay{font-size:24px}}

/* ===== 仕上げ（見出し・セクション表現・カード強調） ===== */
.sec .h2,.phero__title{text-wrap:balance}
.sec__lead,.pcard p,.defs dd{text-wrap:pretty}

.defs{max-width:780px;margin:26px auto 0}
.defs>div{padding:16px 0;border-bottom:1px solid #cfe0f5}
.defs>div:first-child{border-top:1px solid #cfe0f5}
.defs dt{font-size:17px;font-weight:900;color:var(--ink);line-height:1.5}
.defs dd{margin-top:4px;font-size:15px;line-height:1.85}
@media (min-width:768px){.defs{margin-top:40px}.defs>div{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:22px 8px;align-items:baseline}.defs dt{font-size:18px}.defs dd{margin:0;font-size:16px}}

.msg{max-width:780px;margin:30px auto 0;padding:20px 18px;text-align:center;background:var(--light);border-radius:var(--r);font-size:17px;font-weight:900;color:var(--ink);line-height:1.9}
@media (min-width:768px){.msg{margin-top:48px;padding:30px 32px;font-size:22px}}
.fine{margin-top:16px;text-align:center;font-size:12.5px;color:#7a868f}

.income{margin:26px auto 0;max-width:900px;display:grid;gap:10px}
.income__item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #cfe0f5;border-left:5px solid var(--c-end);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}
.income__m{font-size:14.5px;font-weight:700;color:var(--text-strong);line-height:1.5}
.income__v{font-family:var(--font-en);font-size:40px;font-weight:700;line-height:1;color:var(--accent);white-space:nowrap}
.income__v small{font-size:16px;font-weight:900;margin-left:2px;color:var(--ink)}
@media (min-width:768px){.income{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}.income__item{flex-direction:column;justify-content:center;gap:14px;padding:30px 16px 32px;border-left:1px solid #cfe0f5;border-top:5px solid var(--c-end);text-align:center}.income__m{font-size:16px}.income__v{font-size:64px}.income__v small{font-size:22px}}

.bignums{max-width:900px;margin:22px auto 0;display:grid;gap:10px;grid-template-columns:1fr 1fr}
.bignums li{background:#fff;border:1px solid #cfe0f5;border-radius:12px;padding:14px 8px;text-align:center}
.bignums span{display:block;font-size:12px;font-weight:700;color:#6b7782;line-height:1.5}
.bignums b{display:block;margin-top:6px;font-family:var(--font-en);font-size:24px;line-height:1.2;color:var(--accent);white-space:nowrap}
.bignums small{font-size:13px;font-weight:900;color:var(--ink);margin-left:2px}
@media (min-width:768px){.bignums{gap:22px;margin-top:28px}.bignums li{padding:22px 12px}.bignums span{font-size:14px}.bignums b{font-size:40px}.bignums small{font-size:18px}}

.cgrid{display:grid;gap:12px;margin-top:26px}
.cbox{background:#fff;border:1px solid #cfe0f5;border-radius:12px;padding:16px 18px 18px}
.cbox h3{font-size:17px;font-weight:900;color:var(--ink);line-height:1.5}
.cbox p{margin-top:6px;font-size:15px;line-height:1.85}
.cbox h3.tick{position:relative;padding-left:32px}
.cbox h3.tick::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--grad-v)}
.cbox h3.tick::after{content:"";position:absolute;left:8px;top:6px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.ticks{margin-top:10px}
.ticks li{position:relative;padding-left:26px;margin-top:6px;font-size:15px;line-height:1.7}
.ticks li::before{content:"";position:absolute;left:4px;top:.35em;width:6px;height:11px;border:solid var(--c-end);border-width:0 3px 3px 0;transform:rotate(45deg)}
@media (min-width:768px){.cgrid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px;max-width:960px;margin-left:auto;margin-right:auto}.cbox{padding:24px 26px 26px}.cbox h3{font-size:19px}.cbox p,.ticks li{font-size:16px}}

.nextstep{margin:26px auto 0;max-width:860px;padding:20px 18px;background:#fff;border:1px solid #cfe0f5;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-weight:700;color:var(--text-strong);line-height:1.8}
.nextstep+.lcards{margin-top:22px}
@media (min-width:768px){.nextstep{flex-direction:row;justify-content:space-between;text-align:left;padding:24px 32px;margin-top:40px}.nextstep+.lcards{margin-top:28px}}
.btn--sub{background:#fff;color:var(--accent);border:2px solid var(--accent);height:54px;font-size:16.5px;padding:0 22px;box-shadow:none;max-width:100%}
.btn--sub:hover{background:var(--light)}
.btn--sub .btn__arrow{background:rgba(20,112,224,.14)}
.btn--sub .btn__arrow::before{border-left-color:var(--accent)}

.jcard__shift{margin-top:2px;font-size:12.5px;font-weight:700;color:#7a868f;line-height:1.5}
.tagl .tag--hl{background:var(--deep);color:#fff;border-color:transparent;border-left-color:#7fd0ff}
.jcard__spec dd.is-hl{color:var(--accent);font-weight:900}
.pjobs .jcard__spec{margin-top:6px}
.pjobs .jcard__spec dt{width:70px}
.pjobs .jcard__spec>div{font-size:14.5px}

/* ===== ビジュアル（ヒーロー写真・寮比較・帯・ウェーブ） ===== */
/* ヒーロー：SPは下部に曲線の写真帯、PCは右側に曲線マスクで重ねる */
.phero--img{padding-bottom:0}
.phero__ph{position:relative;z-index:0;margin-top:28px;height:176px;overflow:hidden;clip-path:ellipse(80% 100% at 50% 100%)}
.phero__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 38%);mask-image:linear-gradient(180deg,transparent 0,#000 38%)}
@media (min-width:900px){
  .phero--img{padding:84px 0 88px;min-height:480px;display:flex;align-items:center}
  .phero--img .inner{max-width:calc(var(--maxw) + var(--gut)*2)}
  .phero--img .inner>*{max-width:600px}.phero--img .phero__title{max-width:680px}
  .phero--img .phero__title{font-size:clamp(30px,3.2vw,42px)}
  .phero--img .phero__desc{max-width:30em;font-size:16px}
  .phero__ph{position:absolute;right:0;top:0;bottom:0;width:46%;margin:0;height:auto;clip-path:none;border-radius:320px 0 0 320px/50% 0 0 50%}
  .phero__ph img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
  .phero--img::before{right:auto;left:42%;top:auto;bottom:-170px;width:300px;height:300px;z-index:1;background:rgba(127,208,255,.14)}
}

/* 寮付き：家賃比較は表を主役に、背景に薄い都市シルエットとウェーブ */
.cmpx{position:relative}
.sec--skyline{position:relative;overflow:hidden}
.sec--skyline .inner{position:relative;z-index:1}
.sec--skyline::before{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 150' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%231470e0' fill-opacity='.07'%3E%3Crect x='20' y='92' width='46' height='58'/%3E%3Crect x='76' y='60' width='38' height='90'/%3E%3Crect x='124' y='84' width='52' height='66'/%3E%3Crect x='186' y='38' width='40' height='112'/%3E%3Crect x='236' y='76' width='56' height='74'/%3E%3Crect x='302' y='104' width='40' height='46'/%3E%3Crect x='860' y='100' width='44' height='50'/%3E%3Crect x='914' y='54' width='38' height='96'/%3E%3Crect x='962' y='80' width='54' height='70'/%3E%3Crect x='1026' y='28' width='42' height='122'/%3E%3Crect x='1078' y='72' width='50' height='78'/%3E%3Crect x='1138' y='98' width='46' height='52'/%3E%3C/g%3E%3C/svg%3E") center bottom/100% 100% no-repeat;pointer-events:none}
.sec--skyline::after{content:"";position:absolute;left:0;right:0;top:-1px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0H1440V28C1180 86 940 2 700 34S240 70 0 22Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat;pointer-events:none}
@media (min-width:768px){.sec--skyline::before{height:210px}.sec--skyline::after{height:56px}.cmpx{max-width:900px;margin:44px auto 0}.cmpx .cmp{margin-top:0}}

/* 人気求人：求人の見方の上に現場写真の帯 */
.band{margin:26px auto 0;max-width:860px;height:120px;border-radius:22px 70px 22px 70px;overflow:hidden;box-shadow:var(--shadow)}
.band img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
@media (min-width:768px){.band{height:190px;margin-top:40px;border-radius:30px 110px 30px 110px}}

/* 仕事探しガイド：上端をウェーブにして前セクションから連続させる */
.sec--wave{position:relative;padding-top:calc(var(--sec-y) + 14px)}
.sec--wave::before{content:"";position:absolute;left:0;right:0;top:-1px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0H1440V28C1180 86 940 2 700 34S240 70 0 22Z'/%3E%3C/svg%3E") center top/100% 100% no-repeat}
@media (min-width:768px){.sec--wave::before{height:64px}}

/* 3ヶ月記事：ひとことの背景に都市シルエット */
.msg{background:var(--light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 80' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%231470e0' fill-opacity='.09'%3E%3Crect x='10' y='44' width='34' height='36'/%3E%3Crect x='52' y='26' width='28' height='54'/%3E%3Crect x='90' y='38' width='40' height='42'/%3E%3Crect x='140' y='14' width='30' height='66'/%3E%3Crect x='180' y='36' width='44' height='44'/%3E%3Crect x='236' y='50' width='30' height='30'/%3E%3Crect x='330' y='46' width='32' height='34'/%3E%3Crect x='372' y='20' width='28' height='60'/%3E%3Crect x='410' y='36' width='42' height='44'/%3E%3Crect x='462' y='8' width='30' height='72'/%3E%3Crect x='502' y='32' width='36' height='48'/%3E%3Crect x='548' y='48' width='42' height='32'/%3E%3C/g%3E%3C/svg%3E") center bottom/100% 72px no-repeat;padding-bottom:calc(20px + 40px)}
@media (min-width:768px){.msg{background-size:100% 96px;padding-bottom:calc(30px + 54px)}}

/* ===== 3ヶ月記事：給与明細風シミュレーション／モデルケース ===== */
.br-sp{display:none}
.payslip{margin:26px auto 0;max-width:900px;display:grid;gap:14px}
.payslip__sheet{background:#fff;border:1px solid #cfe0f5;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
.payslip__head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--deep);color:#fff;padding:12px 16px;font-weight:900;font-size:15px}
.payslip__head em{font-style:normal;font-size:12px;font-weight:900;background:#fff;color:var(--accent);padding:3px 10px;border-radius:999px;white-space:nowrap}
.payslip__rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.payslip__rows>div:last-child{border-bottom:0}
.payslip__rows dt{font-size:14.5px;color:#4a5560;font-weight:700}
.payslip__rows dd{font-family:var(--font-en);font-size:19px;font-weight:700;color:var(--ink);white-space:nowrap}
.payslip__rows small,.payslip__total small,.payslip__three small{font-family:var(--font-jp,inherit);font-size:.7em;font-weight:900;margin-left:2px}
.payslip__sum{display:grid;gap:12px;align-content:stretch}
.payslip__total{background:#fff;border:1px solid #cfe0f5;border-top:5px solid var(--c-end);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px}
.payslip__total span,.payslip__three span{font-size:13.5px;font-weight:900;color:var(--text-strong)}
.payslip__total b{font-family:var(--font-en);font-size:46px;line-height:1.1;color:var(--accent);white-space:nowrap}
.payslip__three{justify-content:center;background:var(--light);border:1px dashed #9cc3f0;border-radius:var(--r);padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}
.payslip__three b{font-family:var(--font-en);font-size:30px;line-height:1.2;color:var(--ink);white-space:nowrap}
.fine--l{text-align:left;max-width:900px;margin-left:auto;margin-right:auto}
@media (min-width:768px){
  .br-sp{display:inline}
  .payslip{grid-template-columns:1.15fr 1fr;gap:24px;margin-top:44px}
  .payslip__head{padding:16px 24px;font-size:17px}
  .payslip__rows>div{padding:16px 24px}
  .payslip__rows dt{font-size:16px}.payslip__rows dd{font-size:22px}
  .payslip__total{padding:28px 16px}.payslip__total b{font-size:56px}
  .payslip__three{padding:22px 16px}.payslip__three b{font-size:38px}
  .fine--l{text-align:center}
}
.cases{display:grid;gap:14px;margin-top:26px}
.case{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 18px 22px}
.case__no{font-family:var(--mono);font-weight:700;font-size:13px;color:#fff;background:var(--grad);border-radius:999px;padding:2px 12px;display:inline-block;letter-spacing:.08em}
.case h3{margin-top:10px;font-size:18px;font-weight:900;color:var(--ink);line-height:1.5}
.case p{margin-top:8px;font-size:15px;line-height:1.85}
.case blockquote{margin-top:14px;padding:12px 14px;background:var(--light);border-left:4px solid var(--c-end);border-radius:8px;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.85}
.case--main{border-color:#9cc3f0;box-shadow:var(--shadow-lg);border-top:5px solid var(--c-end)}
@media (min-width:768px){
  .cases{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:stretch}
  .case{padding:28px 24px 30px}.case h3{font-size:19px}.case p{font-size:15.5px}
}

/* ===== SEOコンテンツ強化：目次・用語表・Q&A・回答例 ===== */
.tl{color:var(--accent);text-decoration:underline}
.toc{background:#fff;border-bottom:1px solid var(--line);padding:18px 0}
.toc__t{font-size:13px;font-weight:900;color:var(--accent);letter-spacing:.04em}
.toc ol{margin-top:8px;display:grid;gap:4px 24px;counter-reset:t}
.toc li{counter-increment:t;font-size:14.5px;line-height:1.6}
.toc li::before{content:counter(t) ".";font-family:var(--mono);font-weight:700;color:var(--c-end);margin-right:6px}
.toc a{color:var(--text-strong);font-weight:700}
.toc a:hover{color:var(--accent);text-decoration:underline}
@media (min-width:768px){.toc{padding:22px 0}.toc ol{grid-template-columns:repeat(2,1fr)}.toc li{font-size:15.5px}}
@media (min-width:1100px){.toc ol{grid-template-columns:repeat(3,1fr)}}

.h3c{margin:44px auto 0;max-width:900px;font-size:19px;font-weight:900;color:var(--ink);line-height:1.5;padding-left:14px;border-left:5px solid var(--c-end)}
.sec__lead--s{margin-top:12px;font-size:14.5px}
@media (min-width:768px){.h3c{margin-top:64px;font-size:22px}.sec__lead--s{font-size:16px}}

.tbl{margin:26px auto 0;max-width:900px;background:#fff;border:1px solid #cfe0f5;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.tbl__r{display:grid;gap:4px;padding:14px 16px;border-bottom:1px solid var(--line)}
.tbl__r:last-child{border-bottom:0}
.tbl__r b{font-size:15.5px;color:var(--ink);line-height:1.5}
.tbl__r span{font-size:14.5px;line-height:1.85}
.tbl__r--h{background:var(--deep);color:#fff;padding:10px 16px}
.tbl__r--h b,.tbl__r--h span{color:#fff;font-size:13.5px;font-weight:900}
.h3c+.tbl,.sec__lead--s+.tbl{margin-top:20px}
.slist+.h3c{margin-top:40px}
@media (min-width:768px){
  .tbl{margin-top:40px}
  .tbl__r{grid-template-columns:230px 1fr;gap:24px;padding:18px 26px;align-items:baseline}
  .tbl__r b{font-size:16.5px}.tbl__r span{font-size:15.5px}
  .tbl__r--h{padding:12px 26px}.tbl__r--h b,.tbl__r--h span{font-size:14.5px}
}
.tbl+.slist,.tbl+.note{margin-top:26px}

.pcard .fit{margin-top:12px;padding-top:10px;border-top:1px dashed #cfe0f5;font-size:13.5px;line-height:1.75;color:var(--text-strong)}
.pcard .fit b{display:block;font-size:12px;color:var(--accent);margin-bottom:2px}
.cbox__link{margin-top:10px;font-size:13.5px;line-height:1.7}
.cbox--wide{margin:20px auto 0;max-width:900px}
@media (min-width:768px){.cbox--wide{margin-top:30px}}
.cbox--cau{border-color:#f6d9a6;background:#fffaf1}
.cbox h3.caution{position:relative;padding-left:32px;font-size:17px;font-weight:900;color:var(--ink);line-height:1.5}
.cbox h3.caution::before{content:"!";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#ff8a00;color:#fff;font-weight:900;font-size:14px;line-height:22px;text-align:center}
.ticks--c li::before{border-color:#ff8a00}
@media (min-width:768px){.cbox h3.caution{font-size:19px}}

.qlist{max-width:900px;margin:26px auto 0;background:var(--light);border-radius:var(--r);padding:18px 18px 20px}
.qlist__t{font-size:16.5px;font-weight:900;color:var(--ink)}
@media (min-width:768px){.qlist{margin-top:40px;padding:24px 28px}}
.qlist+.defs{margin-top:22px}
.egs{max-width:900px;margin:22px auto 0;display:grid;gap:12px}
.eg{background:#fff;border:1px solid #cfe0f5;border-left:5px solid var(--c-end);border-radius:12px;padding:14px 16px}
.eg__l{font-size:12.5px;font-weight:900;color:var(--accent)}
.eg p+p{margin-top:6px;font-size:14.5px;line-height:1.9;color:var(--ink);font-weight:700}
@media (min-width:768px){.egs{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.eg{padding:20px 22px}.eg p+p{font-size:15.5px}}
.egs+.note{margin-top:20px}

.qa{max-width:860px;margin:26px auto 0;display:grid;gap:10px}
.qa__i{background:#fff;border:1px solid #cfe0f5;border-radius:12px;padding:14px 16px 16px}
.qa__i h3{position:relative;padding-left:30px;font-size:16px;font-weight:900;color:var(--ink);line-height:1.6}
.qa__i h3::before{content:"Q";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--grad-v);color:#fff;font-family:var(--mono);font-weight:700;font-size:12px;line-height:22px;text-align:center}
.qa__i p{margin-top:8px;padding-left:30px;font-size:14.5px;line-height:1.9}
@media (min-width:768px){.qa{margin-top:40px;gap:14px}.qa__i{padding:20px 24px 22px}.qa__i h3{font-size:18px;padding-left:36px}.qa__i h3::before{width:26px;height:26px;line-height:26px;font-size:13px}.qa__i p{padding-left:36px;font-size:16px}}

/* ===== トップ：JSON由来の注目求人カード（求人一覧ページと同じ表示ルール） ===== */
.jcard--data .jcard__loc{display:inline-block;font-size:12.5px;font-weight:700;color:var(--accent);margin-bottom:4px}
.jcard--data .jcard__pay{font-size:26px}
.jcard--data .jcard__spec{margin-top:6px}
.jcard--data .jcard__spec dt{width:70px}
.jcard--data .jcard__spec>div{font-size:14.5px}
.jcard--data .jcard__spec .is-pending{color:#7a868f;font-weight:500}
@media (min-width:1100px){.jcard--data .jcard__pay{font-size:24px}.jcard--wide.jcard--data .jcard__pay{font-size:clamp(28px,3vw,38px)}}
.jcard--wide.jcard--data .jcard__spec{max-width:560px}
.jcard--more{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;background:var(--deep);color:#fff;border:0;padding:28px 18px;min-height:150px;transition:transform .18s,box-shadow .18s}
.jcard--more:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.jcard--more__t{font-size:20px;font-weight:900;line-height:1.5}
.jcard--more__d{font-size:13.5px;font-weight:700;opacity:.9}
.jcard--more__a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--accent);font-weight:900}
.note--top{max-width:900px;margin:26px auto 0}
.line-pending{margin-top:10px;font-size:13.5px;font-weight:700;line-height:1.7;color:var(--text-strong)}
/* プライバシーポリシー等の文書ページ */
.doc{padding:36px 0 56px;background:#fff}
.doc__in{max-width:880px;margin:0 auto}
.doc__title{font-size:26px;line-height:1.4;font-weight:900;color:var(--ink)}
.doc__meta{margin-top:10px;font-size:13px;color:#6b7782;font-weight:700}
.doc__lead{margin-top:20px;font-size:15px;line-height:1.95}
.doc h2{margin-top:36px;padding-bottom:8px;border-bottom:2px solid var(--light);font-size:19px;line-height:1.5;font-weight:900;color:var(--ink)}
.doc h3{margin-top:22px;font-size:16px;line-height:1.6;font-weight:900;color:var(--ink)}
.doc p{margin-top:12px;font-size:15px;line-height:1.95}
.doc ol,.doc ul{margin-top:12px;padding-left:1.5em;font-size:15px;line-height:1.95}
.doc ol{list-style:decimal}.doc ul{list-style:disc}
.doc li+li{margin-top:6px}
.doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
@media (min-width:768px){
  .doc{padding:56px 0 80px}
  .doc__title{font-size:32px}
  .doc h2{font-size:21px;margin-top:44px}
}
.doc__sign{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);text-align:right}