/* ==========================================================================
   PCワークjp — app2026.v8.css  PCワーク ネイビー×レトロ8bit
   brand/tokens.css を統合。v7b 以前の CSS とは併用しない（このファイルで完結）。
   ルール: 色・角丸・影・余白はトークンとスケールからだけ選ぶ。角丸は2px以下。絵文字不使用。
   ========================================================================== */

:root{
  /* パレット（brand-guidelines.md 準拠） */
  --pc-navy:#0B1030; --pc-navy-2:#151C46; --pc-navy-3:#1E2660;
  --pc-cyan:#00E5FF; --pc-magenta:#FF2E88; --pc-orange:#FF9F1C; --pc-lime:#B6FF3E;
  --pc-white:#F4F7FF; --pc-gray:#8A93B8; --pc-gray-2:#B4BCDA; --pc-danger:#FF4B3E;
  --pc-line:rgba(138,147,184,.45);
  /* タイポ */
  --pc-font-display:'DotGothic16','Zen Kaku Gothic New','Hiragino Sans','Noto Sans JP',sans-serif;
  --pc-font-score:'Press Start 2P','DotGothic16',monospace;
  --pc-font-body:'Zen Kaku Gothic New','Hiragino Sans','Noto Sans JP','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  /* 形状 */
  --pc-radius:2px; --pc-border:2px;
  --pc-shadow:0 4px 0 rgba(0,0,0,.35); --pc-shadow-btn:0 4px 0 rgba(0,0,0,.55);
  /* 余白スケール（4/8グリッド） */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;
  --pc-container:1200px;
  --hdr-h:64px;
}

/* ---- base ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--pc-navy);color:var(--pc-white);font-family:var(--pc-font-body);font-size:16px;line-height:1.75;
  font-feature-settings:"palt" 0;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(138,147,184,.12) 1px,transparent 1px);background-size:24px 24px;}
img{max-width:100%;height:auto;display:block}
a{color:var(--pc-cyan);text-decoration:none}
a:hover{color:var(--pc-white)}
h1,h2,h3,h4{margin:0;font-family:var(--pc-font-display);font-weight:400;line-height:1.3;letter-spacing:.04em;text-wrap:balance}
p{margin:0 0 1em}
::selection{background:var(--pc-cyan);color:var(--pc-navy)}
:focus-visible{outline:3px solid var(--pc-cyan);outline-offset:2px}
button,input,select,textarea{font-family:var(--pc-font-body);font-size:16px;color:var(--pc-white)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pw-container,.pw-wrap{max-width:var(--pc-container);margin:0 auto;padding:0 var(--s4)}
@media(min-width:768px){.pw-container,.pw-wrap{padding:0 var(--s6)}}
.pw-num,.pw-score{font-family:var(--pc-font-score);font-variant-numeric:tabular-nums}

/* ---- セクション見出し（8bitラベル + 3色ライン）---- */
.pw-section{padding:var(--s12) 0}
@media(min-width:1080px){.pw-section{padding:var(--s16) 0}}
.pw-section--tint{background:rgba(21,28,70,.55)}
.pw-sechead,.pc-sec{position:relative;margin:0 0 var(--s6);padding-bottom:var(--s3)}
.pw-sechead::after,.pc-sec::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--pc-border);
  background:linear-gradient(90deg,var(--pc-cyan),var(--pc-magenta) 60%,var(--pc-orange))}
.pw-sechead h2,.pw-sechead h1,.pc-sec{font-size:clamp(22px,2.6vw,28px);color:var(--pc-white)}
.pw-eyebrow,.pw-sechead p,.pc-sec small{display:block;margin:var(--s1) 0 0;font-family:var(--pc-font-body);font-size:13px;color:var(--pc-gray);letter-spacing:0}
.pw-eyebrow::before{content:"▸ ";color:var(--pc-cyan)}

/* ---- ボタン（レトロ選択UI: 2px枠+硬い影、押すと沈む）---- */
.pw-btn,.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:var(--s3) var(--s6);
  font-family:var(--pc-font-display);font-size:17px;line-height:1.2;letter-spacing:.04em;cursor:pointer;text-align:center;
  color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);
  box-shadow:var(--pc-shadow-btn);transition:background .15s ease,transform .1s ease,box-shadow .1s ease}
.pw-btn:hover,.pc-btn:hover{background:var(--pc-cyan);color:var(--pc-navy)}
.pw-btn:active,.pc-btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.55)}
.pw-btn--ghost,.pc-btn--ghost{color:var(--pc-white);background:transparent;border-color:var(--pc-cyan);box-shadow:none}
.pw-btn--ghost:hover,.pc-btn--ghost:hover{background:var(--pc-cyan);color:var(--pc-navy)}
.pw-btn--ink{background:var(--pc-navy-2);color:var(--pc-white);border-color:var(--pc-gray)}
.pw-btn--lg{min-height:56px;font-size:19px;padding:var(--s4) var(--s8)}
.pw-btn--block{display:flex;width:100%}
.pw-btn--sm{min-height:40px;padding:var(--s2) var(--s4);font-size:15px}

/* ---- ヘッダー（常にネイビー）---- */
.pw-header{position:sticky;top:0;z-index:50;background:var(--pc-navy);border-bottom:var(--pc-border) solid var(--pc-navy-3)}
.pw-header.is-scrolled{border-bottom-color:var(--pc-cyan);box-shadow:0 4px 0 rgba(0,0,0,.35)}
.pw-header__in{max-width:var(--pc-container);margin:0 auto;padding:0 var(--s4);height:var(--hdr-h);display:flex;align-items:center;gap:var(--s4)}
@media(min-width:768px){.pw-header__in{padding:0 var(--s6)}}
.pw-logo{display:inline-flex;align-items:center;flex:none}
.pw-logo img{width:auto;height:36px;object-fit:contain}
@media(min-width:768px){.pw-logo img{height:44px}}
.pw-gnav{display:none;margin-left:auto;gap:var(--s1)}
@media(min-width:1080px){.pw-gnav{display:flex}}
.pw-gnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);font-family:var(--pc-font-display);font-size:15px;color:var(--pc-white);border-bottom:var(--pc-border) solid transparent}
.pw-gnav a:hover{color:var(--pc-cyan);border-bottom-color:var(--pc-cyan)}
.pw-header .pw-btn{display:none;min-height:40px;padding:var(--s2) var(--s4);font-size:15px}
@media(min-width:1080px){.pw-header .pw-btn{display:inline-flex}}
.pw-header__cta{margin-left:auto;display:inline-flex;align-items:center;gap:var(--s2)}
@media(min-width:1080px){.pw-header__cta{margin-left:0}}
.pw-header__cta .pw-btn--sm{display:inline-flex;min-height:40px;padding:var(--s2) var(--s3);font-size:14px}
/* ハンバーガー（CSSだけで描く。絵文字・アイコンフォント不使用） */
.pw-menu{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;
  background:transparent;border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);cursor:pointer}
.pw-menu span{display:block;height:3px;background:var(--pc-white)}
@media(min-width:1080px){.pw-menu{display:none}}
.pw-drawer{position:fixed;inset:var(--hdr-h) 0 0 0;z-index:49;background:var(--pc-navy);padding:var(--s6) var(--s4);overflow:auto;
  transform:translateX(100%);transition:transform .25s ease;border-top:var(--pc-border) solid var(--pc-cyan)}
.pw-drawer.is-open{transform:none}
.pw-drawer a{display:flex;align-items:center;min-height:52px;padding:0 var(--s2);font-family:var(--pc-font-display);font-size:18px;color:var(--pc-white);border-bottom:1px solid var(--pc-line)}
.pw-drawer a:hover{color:var(--pc-cyan)}
.pw-drawer .pw-btn{margin-top:var(--s6);color:var(--pc-navy);border-bottom:var(--pc-border) solid var(--pc-white)}
@media(min-width:1080px){.pw-drawer{display:none}}
body.is-drawer{overflow:hidden}

/* ---- ヒーロー（画像はcoverで枠に合わせる。歪ませない）---- */
.pw-hero{position:relative;overflow:hidden;border-bottom:var(--pc-border) solid var(--pc-cyan);background:var(--pc-navy)}
.pw-hero__bg{position:absolute;inset:0;z-index:0}
.pw-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.pw-hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(11,16,48,.94) 0%,rgba(11,16,48,.82) 38%,rgba(11,16,48,.35) 70%,rgba(11,16,48,.25) 100%)}
.pw-hero__in{position:relative;z-index:1;max-width:var(--pc-container);margin:0 auto;padding:var(--s8) var(--s4);min-height:420px;display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){.pw-hero__in{padding:var(--s12) var(--s6);min-height:560px}}
.pw-h1{font-size:clamp(34px,6.2vw,64px);line-height:1.15;color:var(--pc-white);text-shadow:0 3px 0 rgba(0,0,0,.6);max-width:14em}
.pw-h1 em{font-style:normal;color:var(--pc-orange)}
.pw-lead{margin:var(--s4) 0 var(--s6);max-width:36em;font-size:clamp(15px,1.4vw,18px);line-height:1.8;color:var(--pc-white);text-shadow:0 2px 0 rgba(0,0,0,.6)}
.pw-hero__cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-bottom:var(--s6)}
.pw-scard,.pc-search{display:flex;flex-wrap:wrap;gap:var(--s2);max-width:820px;padding:var(--s3);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-cyan);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-scard__row{display:contents}
.pw-scard select,.pw-scard input[type="text"],.pc-search select,.pc-search input[type="text"]{flex:1 1 180px;min-width:0;min-height:48px;padding:var(--s2) var(--s3);
  background:var(--pc-navy);color:var(--pc-white);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-scard select:focus,.pw-scard input:focus{outline:none;border-color:var(--pc-cyan)}
.pw-scard input::placeholder{color:var(--pc-gray)}
.pw-scard button{flex:1 0 auto;min-height:48px;padding:var(--s2) var(--s6);font-family:var(--pc-font-display);font-size:17px;cursor:pointer;
  color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow-btn)}
@media(min-width:560px){.pw-scard button{flex:0 0 auto}}
.pw-scard button:hover{background:var(--pc-cyan)}
.pw-scard__quick{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s1)}
.pw-scard__quick span{font-size:12px;color:var(--pc-gray)}
.pw-scard__quick a{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--s3);font-size:13px;color:var(--pc-lime);border:1px solid var(--pc-lime);border-radius:var(--pc-radius);background:var(--pc-navy)}
.pw-scard__quick a:hover{background:var(--pc-lime);color:var(--pc-navy)}

/* ---- 実績バー（実データのみ。JSが数値を入れるまで非表示）---- */
.pw-stats{display:none;grid-template-columns:1fr;gap:var(--s3);margin:var(--s8) auto 0;max-width:var(--pc-container);padding:var(--s4);
  background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);text-align:center}
.pw-stats.is-on{display:grid}
@media(min-width:640px){.pw-stats{grid-template-columns:repeat(3,1fr)}}
.pw-stats b{display:block;font-family:var(--pc-font-score);font-size:clamp(18px,2vw,22px);line-height:1.4;color:var(--pc-cyan);font-variant-numeric:tabular-nums}
.pw-stats b small{font-family:var(--pc-font-display);font-size:14px;color:var(--pc-white);margin-left:var(--s1)}
.pw-stats span{display:block;margin-top:var(--s1);font-size:13px;color:var(--pc-gray)}
.pw-herostat{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);max-width:600px}
.pw-herostat div{padding:var(--s2) 0;border-top:var(--pc-border) solid var(--pc-cyan)}
.pw-herostat b{display:block;font-family:var(--pc-font-display);font-size:20px;color:var(--pc-white)}
.pw-herostat b i{font-style:normal;font-family:var(--pc-font-score);font-size:16px;color:var(--pc-cyan)}
.pw-herostat span{font-size:12px;color:var(--pc-gray)}

/* ---- 求人カード（給与＝ハイスコアが看板）---- */
.pw-load{min-height:120px}
.pw-cards,.pc-jobs{display:grid;grid-template-columns:1fr;gap:var(--s4)}
@media(min-width:640px){.pw-cards,.pc-jobs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.pw-cards,.pc-jobs{grid-template-columns:repeat(3,1fr)}}
.pw-card,.pc-job{position:relative;display:flex;flex-direction:column;padding:var(--s4);color:var(--pc-white);
  background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);
  transition:transform .12s ease,border-color .12s ease}
.pw-card:hover,.pc-job:hover{transform:translate(-2px,-2px);border-color:var(--pc-cyan);color:var(--pc-white)}
.pw-card--pick{border-color:var(--pc-magenta)}
.pw-card__pick{position:absolute;top:-2px;left:-2px;padding:var(--s1) var(--s2);font-family:var(--pc-font-display);font-size:12px;color:var(--pc-navy);background:var(--pc-magenta)}
.pw-card__media{display:block;margin:calc(var(--s4) * -1) calc(var(--s4) * -1) var(--s3);aspect-ratio:16/9;overflow:hidden;background:var(--pc-navy);border-bottom:var(--pc-border) solid var(--pc-gray)}
.pw-card--pick .pw-card__media{border-bottom-color:var(--pc-magenta)}
.pw-card__media img{display:block;width:100%;height:100%;object-fit:cover}
.pw-card__media .pw-ph{aspect-ratio:auto;height:100%;padding:var(--s2)}
.pw-card__media .pw-ph svg{max-width:64px}
.pw-card__media .pw-ph__job,.pw-card__media .pw-ph__init{font-size:12.5px}
.pw-card__media .pw-ph__init{font-size:28px}
.pw-card:hover .pw-card__media .pw-ph{border-color:var(--pc-cyan)}
.pw-card__wage,.pc-job__salary{display:block;margin:var(--s2) 0 0;font-family:var(--pc-font-score);font-size:clamp(17px,1.6vw,20px);line-height:1.45;color:var(--pc-lime);word-break:break-word;font-variant-numeric:tabular-nums}
.pw-card--pick .pw-card__wage{font-size:clamp(20px,2vw,26px)}
.pw-card__wage .yen,.pw-card__wage small{font-family:var(--pc-font-display);font-size:13px;color:var(--pc-gray);letter-spacing:0}
.pw-legacy .item font,.pw-article font[color]{color:var(--pc-gray-2)!important}
.pw-card__wage::after{content:"▮";margin-left:var(--s1);font-size:.7em;color:var(--pc-magenta);animation:pw-blink 1s steps(1) infinite}
@keyframes pw-blink{50%{opacity:0}}
.pw-card__note{margin:var(--s1) 0 0;font-size:12.5px;color:var(--pc-gray-2);line-height:1.6}
.pw-card__title,.pc-job__title{display:block;margin:var(--s2) 0 0;font-family:var(--pc-font-display);font-size:18px;line-height:1.45;color:var(--pc-white)}
.pw-card__co{display:block;margin-top:var(--s1);font-size:13px;color:var(--pc-gray-2)}
.pw-card__meta,.pc-job__meta{display:block;margin-top:var(--s2);font-size:13px;line-height:1.6;color:var(--pc-gray)}
.pw-card__meta b{color:var(--pc-white);font-weight:500;margin-right:var(--s1)}
.pw-card__meta span{display:inline}
.pw-card__tags,.pc-job__tags{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none}
.pw-tag,.pc-tag,.pw-card__tags li{display:inline-block;padding:2px var(--s2);font-size:12px;line-height:1.6;color:var(--pc-white);background:var(--pc-navy);border:1px solid var(--pc-magenta);border-radius:var(--pc-radius)}
.pw-tag--good,.pc-tag--good,.pw-card__tags li.t-ok{border-color:var(--pc-lime);color:var(--pc-lime)}
.pw-card__cta,.pc-job__cta{display:block;margin-top:auto;padding-top:var(--s3)}
.pw-card__cta span,.pc-job__cta span{display:block;min-height:44px;padding:var(--s2);text-align:center;font-family:var(--pc-font-display);font-size:15px;line-height:1.7;
  color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);box-shadow:0 3px 0 rgba(0,0,0,.5)}
.pw-card:hover .pw-card__cta span{background:var(--pc-cyan)}
.pw-card__img{display:none}
.pw-cards--empty{padding:var(--s6);text-align:center;color:var(--pc-gray);border:var(--pc-border) dashed var(--pc-gray)}
.pw-more{display:flex;justify-content:flex-end;margin-top:var(--s4)}
.pw-more a{font-family:var(--pc-font-display);font-size:15px;color:var(--pc-cyan)}
.pw-more a::after{content:" →"}

/* ---- 職種タイル・エリア・条件チップ ---- */
.pw-occ,.pc-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin:0}
@media(min-width:640px){.pw-occ,.pc-cats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1080px){.pw-occ,.pc-cats{grid-template-columns:repeat(6,1fr)}}
.pw-occ a,.pc-cat{display:flex;flex-direction:column;justify-content:center;min-height:88px;padding:var(--s3) var(--s2);text-align:center;
  font-family:var(--pc-font-display);font-size:15px;line-height:1.4;color:var(--pc-white);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-occ a:hover,.pc-cat:hover{border-color:var(--pc-orange);color:var(--pc-orange)}
.pw-occ img{display:none}
.pw-occ small,.pc-cat small{display:block;margin-top:var(--s1);font-family:var(--pc-font-body);font-size:12px;color:var(--pc-gray)}
.pw-areas{display:grid;grid-template-columns:1fr;gap:var(--s3)}
@media(min-width:768px){.pw-areas{grid-template-columns:repeat(2,1fr)}}
.pw-areas__group{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-areas__group h3{font-size:17px;color:var(--pc-cyan);margin-bottom:var(--s2)}
.pw-areas__group h3 a{color:var(--pc-cyan)}
.pw-areas__links{display:flex;flex-wrap:wrap;gap:var(--s2)}
.pw-areas__links a,.pw-chipgrid a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s3);font-size:14px;color:var(--pc-white);background:var(--pc-navy);border:1px solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-areas__links a:hover,.pw-chipgrid a:hover{border-color:var(--pc-cyan);color:var(--pc-cyan)}
.pw-areas__links a.is-hot,.pw-chipgrid a.is-hot{border-color:var(--pc-lime);color:var(--pc-lime)}
.pw-chipgrid{display:flex;flex-wrap:wrap;gap:var(--s2)}

/* ---- ライフスタイル帯（画像は aspect固定 + cover）---- */
.pw-life,.pc-lifestyle{position:relative;overflow:hidden;border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);background:var(--pc-navy-2)}
.pw-life img,.pc-lifestyle img{width:100%;height:300px;object-fit:cover;object-position:50% 35%}
@media(min-width:768px){.pw-life img,.pc-lifestyle img{height:420px}}
.pw-life__ov,.pc-lifestyle__ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:var(--s6);
  background:linear-gradient(90deg,rgba(11,16,48,.94) 0%,rgba(11,16,48,.6) 45%,rgba(11,16,48,.15) 100%)}
@media(min-width:768px){.pw-life__ov{padding:var(--s12)}}
@media(max-width:767px){.pw-life__ov{background:linear-gradient(180deg,rgba(11,16,48,.92) 0%,rgba(11,16,48,.82) 55%,rgba(11,16,48,.6) 100%)}}
.pw-life__ov h2{font-size:clamp(28px,4vw,44px);color:var(--pc-white);text-shadow:0 3px 0 rgba(0,0,0,.6)}
.pw-life__ov p{max-width:30em;margin:var(--s3) 0 var(--s4);font-size:15px;line-height:1.8;color:var(--pc-white);text-shadow:0 2px 0 rgba(0,0,0,.6)}
.pw-band{padding:var(--s12) 0;background:var(--pc-navy-2);border-top:var(--pc-border) solid var(--pc-magenta);border-bottom:var(--pc-border) solid var(--pc-orange)}
.pw-band__in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s6)}
.pw-band__quote{font-family:var(--pc-font-display);font-size:clamp(20px,2.4vw,28px);line-height:1.5;margin:0}
.pw-band__sub{font-size:13px;color:var(--pc-gray)}
.pw-band__img{display:none}

/* ---- 応募の流れ・FAQ ---- */
.pw-steps,.pc-steps{display:grid;grid-template-columns:1fr;gap:var(--s4);counter-reset:step}
@media(min-width:768px){.pw-steps,.pc-steps{grid-template-columns:repeat(3,1fr)}}
.pw-step,.pc-step{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-step b,.pc-step b{display:block;margin-bottom:var(--s2);font-family:var(--pc-font-display);font-weight:400;font-size:18px}
.pw-step b::before,.pc-step b::before{counter-increment:step;content:"0" counter(step);margin-right:var(--s2);font-family:var(--pc-font-score);font-size:13px;color:var(--pc-cyan)}
.pw-step p{margin:0;font-size:14.5px;color:var(--pc-gray-2)}
.pw-faq details,.pc-faq details{margin-bottom:var(--s2);padding:var(--s3) var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-faq details[open]{border-color:var(--pc-cyan)}
.pw-faq summary,.pc-faq summary{cursor:pointer;list-style:none;font-family:var(--pc-font-display);font-size:16px;line-height:1.5;padding-left:1.4em;position:relative}
.pw-faq summary::-webkit-details-marker{display:none}
.pw-faq summary::before{content:"▸";position:absolute;left:0;color:var(--pc-cyan)}
.pw-faq details[open] summary::before{content:"▾"}
.pw-faq details p,.pc-faq p{margin:var(--s2) 0 0;padding-left:1.4em;font-size:14.5px;color:var(--pc-white)}

/* ---- パンくず ---- */
.pw-crumbs,#topicpath{max-width:var(--pc-container);margin:0 auto;padding:var(--s3) var(--s4) 0;font-size:12.5px;color:var(--pc-gray)}
@media(min-width:768px){.pw-crumbs,#topicpath{padding:var(--s3) var(--s6) 0}}
.pw-crumbs .pw-container{padding:0}
.pw-crumbs ol,#topicpath ul{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);list-style:none;margin:0;padding:0}
.pw-crumbs a,#topicpath a{color:var(--pc-gray)}
.pw-crumbs a:hover,#topicpath a:hover{color:var(--pc-cyan)}
.pw-crumbs li:not(:last-child)::after,#topicpath li:not(:last-child)::after{content:"›";margin-left:var(--s2);color:var(--pc-gray)}
#topicpath strong{font-weight:500;color:var(--pc-white)}

/* ---- 求人詳細 ---- */
.pw-detail{display:grid;grid-template-columns:1fr;gap:var(--s8);padding:var(--s6) 0 var(--s16)}
@media(min-width:1080px){.pw-detail{grid-template-columns:minmax(0,1fr) 340px;gap:var(--s12)}}
.pw-dhead{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-cyan);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
@media(min-width:768px){.pw-dhead{padding:var(--s6)}}
.pw-dhead__co{margin:0 0 var(--s1);font-size:14px;color:var(--pc-gray-2)}
.pw-dhead h1{font-size:clamp(22px,2.6vw,30px);color:var(--pc-white)}
.pw-salary{margin-top:var(--s3)}
.pw-salary__fig,.pw-salary-hero{display:block;font-family:var(--pc-font-score);font-size:clamp(22px,3vw,32px);line-height:1.45;color:var(--pc-lime);font-variant-numeric:tabular-nums;word-break:break-word}
.pw-salary__sub{margin:var(--s2) 0 0;font-size:14px;color:var(--pc-gray-2)}
.pw-salary__fig small,.pw-abox__wage b small,.pw-applybar__wage b small{font-family:var(--pc-font-display);font-size:13px;color:var(--pc-gray);letter-spacing:0}
/* 冒頭3行: 給与・勤務地・シフト */
.pw-top3{margin:var(--s4) 0 0;padding:0;list-style:none;display:grid;gap:var(--s2)}
.pw-top3 li{display:grid;grid-template-columns:5.5em 1fr;gap:var(--s2);align-items:start;padding:var(--s2) 0;border-top:1px solid var(--pc-line);font-size:15px;line-height:1.7}
.pw-top3 li b{font-family:var(--pc-font-display);font-weight:400;color:var(--pc-cyan);font-size:14px;padding-top:2px}
.pw-top3 li span{color:var(--pc-white);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pw-top3 li .pw-score{color:var(--pc-lime);font-size:18px}
.pw-period{margin:var(--s3) 0 0;font-size:13px;color:var(--pc-gray)}
.pw-period::before{content:"締切 ";color:var(--pc-danger)}
.pw-tags,.pw-taglist{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:var(--s3) 0 0;padding:0;list-style:none}
.pw-tags li,.pw-taglist li{display:inline-block;padding:2px var(--s2);font-size:12.5px;line-height:1.6;color:var(--pc-white);background:var(--pc-navy);border:1px solid var(--pc-magenta);border-radius:var(--pc-radius)}
.pw-tags li.t-ok,.pw-taglist li.t-ok{border-color:var(--pc-lime);color:var(--pc-lime)}
.pw-tags li.is-hidden,.pw-taglist li.is-hidden{display:none}
.pw-tags__more{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--s3);font-size:12.5px;color:var(--pc-cyan);background:transparent;border:1px dashed var(--pc-cyan);border-radius:var(--pc-radius);cursor:pointer}
.pw-dsec{margin-top:var(--s8)}
.pw-dsec>h2{position:relative;margin-bottom:var(--s4);padding-bottom:var(--s2);font-size:22px;color:var(--pc-white)}
.pw-dsec>h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--pc-border);background:linear-gradient(90deg,var(--pc-cyan),var(--pc-magenta) 60%,var(--pc-orange))}
.pw-richtext{font-size:15.5px;line-height:1.9;color:var(--pc-white);overflow-wrap:anywhere}
.pw-richtext img{margin:var(--s3) 0;border:var(--pc-border) solid var(--pc-gray)}
.pw-imgs{display:grid;grid-template-columns:1fr;gap:var(--s3)}
@media(min-width:640px){.pw-imgs{grid-template-columns:1fr 1fr}}
.pw-imgs img{width:100%;aspect-ratio:4/3;object-fit:cover;border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-spec{width:100%;border-collapse:collapse;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray)}
.pw-spec th,.pw-spec td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top;font-size:14.5px;line-height:1.8}
.pw-spec tr:last-child th,.pw-spec tr:last-child td{border-bottom:0}
.pw-spec th{width:9em;font-family:var(--pc-font-display);font-weight:400;color:var(--pc-cyan);white-space:nowrap;background:rgba(11,16,48,.5)}
.pw-spec td{color:var(--pc-white);overflow-wrap:anywhere}
@media(max-width:639px){.pw-spec th,.pw-spec td{display:block;width:100%}.pw-spec th{padding-bottom:0;border-bottom:0}}
.pw-apply{margin-top:var(--s8);padding:var(--s6);text-align:center;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-orange);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-apply h2{font-size:22px;color:var(--pc-white)}
.pw-apply p{margin:var(--s2) 0 var(--s4);font-size:14.5px;color:var(--pc-gray-2)}
.pw-formbtn a,.pw-formbtn input[type="submit"],.pw-formbtn button,.pw-row__entry a,.pw-row__entry input[type="submit"],.pw-row__entry button,
.pw-bulk__btn input[type="submit"],.pw-bulk__btn a,.pw-bulk__btn button,.btn_entry a,.btn_entry input{display:inline-flex;align-items:center;justify-content:center;min-width:min(320px,100%);min-height:52px;padding:var(--s3) var(--s8);
  font-family:var(--pc-font-display);font-size:18px;color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow-btn);cursor:pointer}
.pw-formbtn a:hover,.pw-formbtn input[type="submit"]:hover,.pw-row__entry a:hover,.pw-row__entry input[type="submit"]:hover,.pw-bulk__btn input[type="submit"]:hover,.btn_entry a:hover{background:var(--pc-cyan);color:var(--pc-navy)}
.pw-formbtn:empty::after{content:"この求人は応募受付を終了しました";color:var(--pc-gray)}
.pw-apply__keep,.pw-abox__keep,.pw-row__keep,.btn_bookmark a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s4);font-size:14px;color:var(--pc-white);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-apply__keep{margin-top:var(--s3)}
.pw-apply__keep:hover,.pw-abox__keep:hover,.pw-row__keep:hover{border-color:var(--pc-cyan);color:var(--pc-cyan)}
.pw-aside{display:none}
@media(min-width:1080px){.pw-aside{display:block}}
.pw-abox{position:sticky;top:calc(var(--hdr-h) + var(--s4));padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-magenta);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-abox__co{margin:0;font-size:13px;color:var(--pc-gray-2)}
.pw-abox__wage{margin-top:var(--s2)}
.pw-abox__wage b{display:block;font-family:var(--pc-font-score);font-weight:400;font-size:20px;line-height:1.45;color:var(--pc-lime);word-break:break-word}
.pw-abox__sub{margin:var(--s1) 0 0;font-size:13px;color:var(--pc-gray-2);max-height:4.8em;overflow:hidden}
.pw-abox__facts{margin:var(--s3) 0;padding:0;list-style:none;display:grid;gap:var(--s2)}
.pw-abox__facts li{display:grid;grid-template-columns:4.5em 1fr;gap:var(--s2);font-size:13px;border-top:1px solid var(--pc-line);padding-top:var(--s2)}
.pw-abox__facts b{font-family:var(--pc-font-display);font-weight:400;color:var(--pc-cyan)}
.pw-abox__facts span{color:var(--pc-white);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pw-abox .pw-btn{width:100%;margin-bottom:var(--s2)}
.pw-abox__keep{width:100%}
.pw-applybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);
  background:var(--pc-navy);border-top:var(--pc-border) solid var(--pc-orange);transform:translateY(110%);transition:transform .25s ease}
.pw-applybar.is-on{transform:none}
@media(min-width:1080px){.pw-applybar{display:none}}
.pw-applybar__wage{flex:1;min-width:0}
.pw-applybar__wage b{display:block;font-family:var(--pc-font-score);font-weight:400;font-size:14px;color:var(--pc-lime);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-applybar__wage span{display:block;font-size:11px;color:var(--pc-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pw-applybar .pw-btn{flex:none;min-height:44px;padding:var(--s2) var(--s4);font-size:15px}
.pw-wagefig{font-family:var(--pc-font-score);color:var(--pc-lime)}
.pw-detail-salary{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s2) var(--s3)}
.pw-detail-salary__label{font-size:13px;color:var(--pc-gray)}

/* ---- 求人検索 ---- */
.pw-shead{margin:var(--s6) 0 var(--s4)}
.pw-shead h1{font-size:clamp(22px,2.6vw,28px)}
.pw-shead__cond{margin:var(--s2) 0 0;font-size:13.5px;color:var(--pc-gray)}
.pw-shead__cond strong{font-weight:500;color:var(--pc-white)}
.pw-sform{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-cyan);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-sform__row{display:grid;grid-template-columns:1fr;gap:var(--s2);padding:var(--s3) 0;border-bottom:1px solid var(--pc-line)}
@media(min-width:768px){.pw-sform__row{grid-template-columns:8em 1fr}}
.pw-sform__label{font-family:var(--pc-font-display);font-size:15px;color:var(--pc-cyan)}
.pw-sform select,.pw-sform input[type="text"]{width:100%;max-width:420px;min-height:48px;padding:var(--s2) var(--s3);background:var(--pc-navy);color:var(--pc-white);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-sform select:focus,.pw-sform input:focus{outline:none;border-color:var(--pc-cyan)}
.pw-sform__checks{display:flex;flex-wrap:wrap;gap:var(--s2)}
.pw-sform__checks label{display:inline-flex;align-items:center;gap:var(--s2);min-height:40px;padding:0 var(--s3);font-size:14px;background:var(--pc-navy);border:1px solid var(--pc-gray);border-radius:var(--pc-radius);cursor:pointer}
.pw-sform__checks label:hover{border-color:var(--pc-cyan)}
.pw-sform input[type="checkbox"],.pw-bulk input[type="checkbox"],.pw-row__check input[type="checkbox"],.pw-formshell input[type="checkbox"],.pw-formshell input[type="radio"]{width:18px;height:18px;accent-color:var(--pc-cyan);cursor:pointer}
.pw-sform__submit{padding-top:var(--s4);text-align:center}
.pw-sform__submit input[type="submit"]{min-width:min(320px,100%);min-height:52px;padding:var(--s3) var(--s8);font-family:var(--pc-font-display);font-size:18px;color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow-btn);cursor:pointer}
.pw-sform__submit input[type="submit"]:hover{background:var(--pc-cyan)}
.pw-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:var(--s6) 0 var(--s4);padding:var(--s3) var(--s4);background:var(--pc-navy-2);border:var(--pc-border) dashed var(--pc-gray);border-radius:var(--pc-radius)}
.pw-bulk p{flex:1 1 240px;margin:0;font-size:13px;color:var(--pc-gray-2)}
.pw-bulk__check{display:inline-flex;align-items:center;gap:var(--s2);font-size:14px}
.pw-bulk__btn input[type="submit"],.pw-bulk__btn a,.pw-bulk__btn button{min-width:0;min-height:44px;padding:var(--s2) var(--s4);font-size:15px}
.pw-rcount{margin:var(--s4) 0 var(--s3);font-size:14px;color:var(--pc-gray)}
.pw-rcount b{font-family:var(--pc-font-score);font-size:16px;color:var(--pc-cyan)}
.pw-pager{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s4);padding:0;list-style:none}
.pw-pager--foot{margin:var(--s8) 0 0}
.pw-pager li a,.pw-pager li strong,.pw-pager li span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 var(--s3);font-family:var(--pc-font-score);font-size:12px;color:var(--pc-white);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-pager li a:hover{border-color:var(--pc-cyan);color:var(--pc-cyan)}
.pw-pager li strong{color:var(--pc-navy);background:var(--pc-cyan);border-color:var(--pc-cyan)}
.pw-result{display:grid;gap:var(--s4)}
.pw-row{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s4) var(--s4) var(--s6);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);transition:border-color .12s ease}
.pw-row:hover{border-color:var(--pc-cyan)}
@media(min-width:768px){.pw-row{flex-direction:row;gap:var(--s6);padding:var(--s6)}}
.pw-row__media{flex:none;width:100%}
@media(min-width:768px){.pw-row__media{width:260px}}
.pw-row__media a{display:block}
.pw-row__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--pc-navy);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
/* 画像未設定・読込失敗のプレースホルダー（ネイビー地＋マゼンタ2px枠＋8bitアイコン） */
.pw-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);width:100%;aspect-ratio:4/3;padding:var(--s3);
  background:var(--pc-navy) radial-gradient(rgba(0,229,255,.12) 1px,transparent 1px);background-size:12px 12px;
  border:var(--pc-border) solid var(--pc-magenta);border-radius:var(--pc-radius);color:var(--pc-cyan);text-align:center}
.pw-ph svg{width:44%;height:auto;max-width:112px;shape-rendering:crispEdges}
.pw-ph__job{font-family:var(--pc-font-display);font-size:14px;line-height:1.3;color:var(--pc-white);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pw-ph__init{font-family:var(--pc-font-display);font-size:44px;line-height:1;color:var(--pc-cyan)}
.pw-row:hover .pw-ph{border-color:var(--pc-cyan)}
.pw-row__main{flex:1;min-width:0;display:flex;flex-direction:column}
.pw-row__wage{margin:0;font-size:14px;color:var(--pc-gray-2);line-height:1.6}
.pw-row__wage b{display:block;font-weight:400;font-family:var(--pc-font-score);font-size:clamp(20px,2vw,24px);line-height:1.5;color:var(--pc-lime);word-break:break-word;font-variant-numeric:tabular-nums}
.pw-row__wage b small{font-family:var(--pc-font-display);font-size:13px;color:var(--pc-gray);letter-spacing:0}
.pw-row__title{margin:var(--s2) 0 0;font-size:clamp(18px,1.8vw,21px);line-height:1.45}
.pw-row__title a{color:var(--pc-white)}
.pw-row__title a:hover{color:var(--pc-cyan)}
.pw-row__co{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin:var(--s1) 0 0;font-size:14px;color:var(--pc-gray-2)}
.pw-row__co>span{min-width:0;overflow-wrap:anywhere}
.pw-row__check{display:inline-flex;align-items:center;gap:var(--s1);flex:none;font-size:12.5px;color:var(--pc-gray);white-space:nowrap;cursor:pointer}
.pw-row__meta{margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid var(--pc-line);font-size:14px;line-height:1.8;color:var(--pc-white)}
.pw-row__meta b{display:inline-block;min-width:3.5em;margin-right:var(--s2);font-family:var(--pc-font-display);font-weight:400;color:var(--pc-cyan)}
.pw-row__meta span{overflow-wrap:anywhere}
.pw-tags--row{margin-top:var(--s3)}
.pw-row__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:auto;padding-top:var(--s4)}
.pw-row__entry a,.pw-row__entry input[type="submit"],.pw-row__entry button{min-width:0;min-height:44px;padding:var(--s2) var(--s4);font-size:15px}
.pw-row__actions .pw-btn--ghost{min-height:44px;padding:var(--s2) var(--s4);font-size:15px}
.pw-empty{padding:var(--s12) var(--s6);text-align:center;color:var(--pc-gray);border:var(--pc-border) dashed var(--pc-gray);border-radius:var(--pc-radius)}
.pw-empty b{display:block;margin-bottom:var(--s2);font-family:var(--pc-font-display);font-weight:400;font-size:18px;color:var(--pc-white)}

/* ---------- トップ特大バナー（pw_banner_slots / top_hero）---------- */
.pw-hbanner{display:flex;flex-direction:column;gap:var(--s3);margin:var(--s6) 0}
.pw-hbanner a{display:block;overflow:hidden;border:var(--pc-border) solid var(--pc-orange);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow);line-height:0}
.pw-hbanner img{display:block;width:100%;height:auto;aspect-ratio:5/1}
.pw-hbanner a:hover{border-color:var(--pc-cyan)}

/* ---------- 検索0件ページ ---------- */
.pw-noresult{margin:var(--s6) 0;padding:var(--s8) var(--s4);text-align:center;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-magenta);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-noresult__icon{width:88px;height:88px;margin:0 auto var(--s4);color:var(--pc-magenta)}
.pw-noresult__icon svg{display:block;width:100%;height:100%}
.pw-noresult h1{margin:0 0 var(--s3);font-size:clamp(20px,2.4vw,26px);line-height:1.5}
.pw-noresult__cond{margin:0 auto var(--s6);max-width:640px;font-size:14px;line-height:1.9;color:var(--pc-gray-2)}
.pw-noresult__cond b{display:inline-block;margin-top:var(--s2);padding:var(--s1) var(--s3);font-weight:500;color:var(--pc-white);background:var(--pc-navy);border:1px solid var(--pc-magenta);border-radius:var(--pc-radius);word-break:break-all}
.pw-noresult__btns{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}
.pw-next{display:grid;gap:var(--s3);margin:var(--s8) 0;grid-template-columns:1fr}
@media(min-width:768px){.pw-next{grid-template-columns:repeat(3,1fr)}}
.pw-next__card{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-next__card b{display:block;margin-bottom:var(--s2);font-family:var(--pc-font-display);font-weight:400;font-size:16px;color:var(--pc-cyan)}
.pw-next__card p{margin:0;font-size:14px;line-height:1.9;color:var(--pc-gray-2)}

/* ---- バナー枠（規格固定 + cover）---- */
.pw-banners{display:grid;grid-template-columns:1fr;gap:var(--s4);margin-top:var(--s8)}
@media(min-width:768px){.pw-banners--half{grid-template-columns:1fr 1fr}}
.pw-banners a{display:block;border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);overflow:hidden}
.pw-banners a:hover{border-color:var(--pc-cyan)}
.pw-banners img{width:100%;aspect-ratio:5/1;object-fit:cover}
.pw-fbanner{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:88px;padding:var(--s4) var(--s6);background:var(--pc-navy-2)}
.pw-fbanner b{font-family:var(--pc-font-display);font-weight:400;font-size:18px;color:var(--pc-white)}
.pw-fbanner i{font-style:normal;font-family:var(--pc-font-score);font-size:11px;color:var(--pc-cyan)}
.pw-bulkbn img{aspect-ratio:4/1;object-fit:cover;border:var(--pc-border) solid var(--pc-gray)}
.pw-ad-728{width:728px;max-width:100%;aspect-ratio:728/90;object-fit:cover}
.pw-ad-300{width:300px;max-width:100%;aspect-ratio:300/250;object-fit:cover}
.pw-ad-320{width:320px;max-width:100%;aspect-ratio:320/100;object-fit:cover}

/* ---- 説明文ブロック ---- */
.pw-about{padding:var(--s4);font-size:15px;line-height:1.9;color:var(--pc-white);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
@media(min-width:768px){.pw-about{padding:var(--s6)}}
.pw-about strong{color:var(--pc-cyan);font-weight:500}
.pw-about p:last-child{margin-bottom:0}

/* ---- フッター（常にネイビー）---- */
.pw-footer,.pc-footer{margin-top:var(--s20);padding:var(--s12) 0 var(--s8);background:var(--pc-navy);border-top:var(--pc-border) solid var(--pc-gray);font-size:13px;color:var(--pc-gray)}
.pw-footer__in{display:grid;grid-template-columns:1fr;gap:var(--s8)}
@media(min-width:768px){.pw-footer__in{grid-template-columns:minmax(0,1.2fr) minmax(0,2fr)}}
.pw-footer .pw-logo img{height:auto;width:200px}
.pw-footer__note{margin:var(--s3) 0 0;max-width:34em;line-height:1.8;color:var(--pc-gray-2)}
.pw-footer__note a{color:var(--pc-cyan);text-decoration:underline}
.pw-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1) var(--s4);margin:0;padding:0;list-style:none}
@media(min-width:640px){.pw-footer__links{grid-template-columns:repeat(3,1fr)}}
.pw-footer__links a{display:inline-flex;align-items:center;min-height:40px;color:var(--pc-gray-2)}
.pw-footer__links a:hover{color:var(--pc-cyan)}
.pw-footer__copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s2);margin-top:var(--s8);padding-top:var(--s4);border-top:1px solid var(--pc-line);font-size:12px}
.pw-footer__copy span:last-child{font-family:var(--pc-font-score);font-size:11px;color:var(--pc-gray);letter-spacing:.05em}
#page_top{display:none}
.pw-sidecta{margin:var(--s12) auto 0;max-width:480px}
.pw-sidecta__box{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s6);text-align:center;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow)}
.pw-sidecta__box p{margin:0 0 var(--s2);font-size:14.5px}

/* ---- 記事ページ（about / faq / client / company / policy 等。旧マークアップも受ける）---- */
.pw-page{padding:var(--s6) 0 var(--s16)}
.pw-page h1{font-size:clamp(22px,2.6vw,28px)}
#contents.pw-article,.pw-article{padding-top:var(--s2);padding-bottom:var(--s16);color:var(--pc-white);font-size:15.5px;line-height:1.9}
#contents.pw-article #main{min-width:0}
#contents.pw-article #sub{margin-top:var(--s12);padding-top:var(--s6);border-top:var(--pc-border) solid var(--pc-gray)}
#contents.pw-article .box,#contents.pw-article .box-wrap{background:transparent;border:0;box-shadow:none}
.pw-article h1{margin:var(--s6) 0 var(--s4);font-size:clamp(22px,2.6vw,28px)}
.pw-article h2{position:relative;margin:var(--s8) 0 var(--s4);padding-bottom:var(--s2);font-size:clamp(20px,2.2vw,24px)}
.pw-article h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--pc-border);background:linear-gradient(90deg,var(--pc-cyan),var(--pc-magenta) 60%,var(--pc-orange))}
.pw-article h3{margin:var(--s6) 0 var(--s3);padding-left:var(--s3);font-size:18px;border-left:var(--pc-border) solid var(--pc-cyan)}
.pw-article h4{margin:var(--s4) 0 var(--s2);font-size:16px;color:var(--pc-cyan)}
.pw-article p{margin:0 0 1.2em}
.pw-article p,.pw-article li,.pw-article td,.pw-article dd{overflow-wrap:anywhere}
.pw-article p.ex{color:var(--pc-gray-2)}
.pw-article ul,.pw-article ol{padding-left:1.4em}
.pw-article li{margin-bottom:var(--s1)}
.pw-article img{border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-article table{width:100%;border-collapse:collapse;margin:var(--s4) 0;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray)}
.pw-article th,.pw-article td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top;font-size:14.5px}
.pw-article th{font-family:var(--pc-font-display);font-weight:400;color:var(--pc-cyan);white-space:nowrap;background:rgba(11,16,48,.5)}
.pw-article dl dt{margin-top:var(--s3);font-family:var(--pc-font-display);color:var(--pc-cyan)}
.pw-article dl dd{margin:var(--s1) 0 0}
.pw-article .flow>ul,.pw-article .faq>ul{list-style:none;padding:0}
.pw-article .flow>ul>li,.pw-article .faq>ul>li{margin-bottom:var(--s3);padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-article .flow h4,.pw-article .faq h4{margin-top:0}
.pw-article .price table th{width:12em}
.pw-article [style*="border:1px solid #333"],.pw-article [style*="border: 1px solid #333"]{border-color:var(--pc-gray)!important;padding:var(--s4)!important;background:var(--pc-navy-2)}
.pw-article .box .ex{margin-bottom:var(--s4)}
.pw-article .link_entry a,.link_entry a{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--s4);font-family:var(--pc-font-display);color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius)}
a.delete{color:var(--pc-danger)}
.nec{color:var(--pc-danger);font-size:12px;margin-left:var(--s1)}
.note{display:block;margin-top:var(--s1);font-size:12.5px;color:var(--pc-gray)}
.sbmt{padding:var(--s6) 0;text-align:center}
.pw-callout{margin:var(--s4) 0;padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-cyan);border-radius:var(--pc-radius)}
.pw-callout p:last-child{margin-bottom:0}
.pw-grid2{display:grid;grid-template-columns:1fr;gap:var(--s4)}
@media(min-width:768px){.pw-grid2{grid-template-columns:1fr 1fr}}
.pw-prices{display:grid;grid-template-columns:1fr;gap:var(--s4)}
@media(min-width:768px){.pw-prices{grid-template-columns:repeat(3,1fr)}}
.pw-price{padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-price b{display:block;font-family:var(--pc-font-display);font-weight:400;font-size:18px;color:var(--pc-cyan)}
.pw-price .pw-score{display:block;margin:var(--s2) 0;font-size:18px;color:var(--pc-lime)}
.pw-price p{margin:0;font-size:13.5px;color:var(--pc-gray-2)}

/* ---- CMSフォーム（応募・掲載登録・アカウント詳細など旧マークアップ）---- */
.pw-formshell form table,.pw-formshell table{width:100%;border-collapse:collapse;margin:var(--s4) 0;background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray)}
.pw-formshell caption{padding:var(--s3);font-family:var(--pc-font-display);font-size:18px;color:var(--pc-white);text-align:left;caption-side:top}
.pw-formshell th{width:11em;padding:var(--s3) var(--s4);border-bottom:1px solid var(--pc-line);text-align:left;vertical-align:top;font-family:var(--pc-font-display);font-weight:400;font-size:14.5px;color:var(--pc-cyan);background:rgba(11,16,48,.5)}
.pw-formshell td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--pc-line);font-size:15px;color:var(--pc-white)}
.pw-formshell tr:last-child th,.pw-formshell tr:last-child td{border-bottom:0}
.pw-formshell thead th{color:var(--pc-white);background:var(--pc-navy-3)}
.pw-formshell input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]),.pw-formshell select,.pw-formshell textarea{
  width:100%;max-width:460px;min-height:48px;padding:var(--s2) var(--s3);background:var(--pc-navy);color:var(--pc-white);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius);box-sizing:border-box}
.pw-formshell select{width:auto;min-width:6em;margin-right:var(--s1)}
.pw-formshell input[name^="birth_"],.pw-formshell input[name^="birthday_"],.pw-formshell input[name^="add_num"]{width:6em!important;max-width:6em;display:inline-block;margin-right:var(--s1);text-align:center}
.pw-formshell textarea{max-width:100%;min-height:140px}
.pw-formshell input:focus,.pw-formshell select:focus,.pw-formshell textarea:focus{outline:none;border-color:var(--pc-cyan)}
.pw-formshell input[type="submit"],.pw-formshell button[type="submit"],.pw-formshell input[type="button"]{display:inline-flex;align-items:center;justify-content:center;min-width:min(320px,100%);min-height:52px;padding:var(--s3) var(--s8);margin:var(--s1);
  font-family:var(--pc-font-display);font-size:18px;color:var(--pc-navy);background:var(--pc-orange);border:var(--pc-border) solid var(--pc-white);border-radius:var(--pc-radius);box-shadow:var(--pc-shadow-btn);cursor:pointer}
.pw-formshell input[type="submit"]:hover{background:var(--pc-cyan)}
.pw-formshell input[type="submit"][value*="戻る"],.pw-formshell input[type="button"]{background:transparent;color:var(--pc-white);border-color:var(--pc-gray);box-shadow:none}
.pw-formshell .must,.pw-formshell .required{color:var(--pc-danger);font-size:12px}
.pw-formshell .pw-formfoot{padding:var(--s6) 0 var(--s2);text-align:center}
.pw-formshell img{max-width:100%;height:auto}
.pw-formshell .error,.pw-formshell .err,.pw-formshell font[color="red"],.pw-formshell font[color="#ff0000"]{color:var(--pc-danger)}
@media(max-width:639px){
  .pw-formshell table,.pw-formshell tbody,.pw-formshell thead,.pw-formshell tr,.pw-formshell caption{display:block;width:100%}
  .pw-formshell th,.pw-formshell td{display:block;width:100%!important;box-sizing:border-box}
  .pw-formshell th{padding:var(--s3) var(--s4) 0;border-bottom:0}
  .pw-formshell td{padding:var(--s1) var(--s4) var(--s3)}
  .pw-formshell table.detail thead{display:none}
}
.pw-article table.detail{width:100%}
@media(max-width:639px){
  .pw-article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .pw-article table.common,.pw-article table.common tbody,.pw-article table.common tr,.pw-article table.common th,.pw-article table.common td,
  .pw-legacy table.detail,.pw-legacy table.detail tbody,.pw-legacy table.detail tr,.pw-legacy table.detail th,.pw-legacy table.detail td{display:block;width:100%!important;box-sizing:border-box}
  .pw-article table.common th,.pw-legacy table.detail th{padding-bottom:0;border-bottom:0;white-space:normal}
  .pw-legacy .item .left,.pw-legacy .item .right{float:none;width:100%}
}
/* 旧サイドブロック（注目求人など）が全幅で流れる問題への受け皿 */
#contents.pw-article #sub .s_navi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--s6)}
@media(min-width:768px){#contents.pw-article #sub .s_navi{grid-template-columns:repeat(2,minmax(0,1fr))}}
#contents.pw-article #sub .s_navi>ul{list-style:none;margin:0;padding:0;display:contents}
#contents.pw-article #sub .top_employ h1,#contents.pw-article #sub .top_employ h2{margin:0 0 var(--s3);font-size:16px;text-align:left}
#contents.pw-article #sub .top_employ>div{display:flex;flex-wrap:wrap;gap:var(--s3)}
#contents.pw-article #sub .top_employ br{display:none}
#contents.pw-article #sub .top_employ a:empty{display:none}
#contents.pw-article #sub .top_employ img{width:186px!important;height:auto!important;border:var(--pc-border) solid var(--pc-gray)}
#contents.pw-article #sub li{list-style:none;margin:0}
#contents.pw-article #sub .s_navi li a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--pc-gray-2)}
/* 旧「item」型リスト（詳細検索・キープ等が旧ループのまま出るときの受け皿） */
.pw-legacy .item{margin-bottom:var(--s4);padding:var(--s4);background:var(--pc-navy-2);border:var(--pc-border) solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-legacy .item h3.title{font-size:19px;display:flex;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}
.pw-legacy .item ul.type{display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;margin:var(--s2) 0;list-style:none}
.pw-legacy .item ul.type li{padding:2px var(--s2);font-size:12px;border:1px solid var(--pc-gray);border-radius:var(--pc-radius)}
.pw-legacy .item p.catch a{color:var(--pc-white);font-size:15px}
.pw-legacy .item .left{float:none;max-width:320px}
.pw-legacy .item .left img{aspect-ratio:4/3;object-fit:cover;border:var(--pc-border) solid var(--pc-gray)}
.pw-legacy .item ul.feature{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);padding:0;margin:var(--s2) 0;list-style:none}
.pw-legacy .item ul.feature li{padding:2px var(--s2);font-size:12px;border:1px solid var(--pc-magenta);border-radius:var(--pc-radius)}
.pw-legacy .item .btn_box{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.pw-legacy .item .btn_box p{margin:0}
.pw-legacy .item .btn_info a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s4);color:var(--pc-white);border:var(--pc-border) solid var(--pc-cyan);border-radius:var(--pc-radius)}
.pw-legacy .item .btn_entry a,.pw-legacy .item .btn_entry input{min-width:0;min-height:44px;padding:var(--s2) var(--s4);font-size:15px}
.pw-legacy .item font{color:var(--pc-gray)!important}

/* ---- 出現アニメーション（transform/opacityのみ、reduced-motion対応）---- */
.pw-reveal{opacity:0;transform:translateY(12px);transition:opacity .35s ease-out,transform .35s ease-out}
.pw-reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .pw-reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ---- トップ: ピックアップは2件だけ大きく、新着は9件まで ---- */
.pw-pickups{grid-template-columns:1fr}
@media(min-width:768px){.pw-pickups{grid-template-columns:1fr 1fr}}
.pw-pickups .pw-card{padding:var(--s6)}
.pw-pickups .pw-card:nth-child(n+3){display:none}
.pw-cards--new .pw-card:nth-child(n+10){display:none}


/* ===== 右サイドバナー枠（有料オプション opt_side_right・2026-09-12 追加） =====
   デスクトップでは右寄せの長方形（336px）、スマホでは幅いっぱい。
   枠が売れていないときは hidden 属性が付いたままなので、余白も出ない。 */
.pw-sbanner-wrap{display:flex;justify-content:flex-end;margin:0 auto 32px}
.pw-sbanner{width:100%;max-width:336px}
.pw-sbanner[hidden]{display:none}
.pw-sbanner a{display:block;border-radius:12px;overflow:hidden}
.pw-sbanner img{width:100%;height:auto;display:block}
@media (max-width:720px){.pw-sbanner-wrap{justify-content:center}.pw-sbanner{max-width:100%}}