/* Careee 27卒 秋採用LP v1.2.0 — scoped to .c27
   見出し・企業名＝Zen Maru Gothic / 本文＝Noto Sans JP */
.c27{
  --c27-ink:#2f211a;--c27-text:#4a372c;--c27-muted:#6b5546;--c27-faint:#7d6858;
  --c27-orange:#d95823;--c27-orange-text:#b8481a;--c27-orange-deep:#8f3416;
  --c27-cream:#fffaf4;--c27-paper:#fff3e6;--c27-line:#eadccd;
  --c27-ai:#2e7a86;--c27-human:#8f5a22;--c27-hr:#b8481a;--c27-sports:#3f7a2c;--c27-internal:#8a7566;
  --c27-head-h:72px;
  --c27-ease:cubic-bezier(.2,.75,.25,1);
  position:relative;isolation:isolate;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);
  background:var(--c27-cream);color:var(--c27-text);
  font:400 16px/1.85 "Noto Sans JP","Noto Sans CJK JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  -webkit-font-smoothing:antialiased;overflow:clip;-webkit-tap-highlight-color:transparent
}
.c27 *,.c27 *::before,.c27 *::after{box-sizing:border-box}
.c27 h1,.c27 h2,.c27 h3,.c27 p,.c27 ul{margin:0;padding:0}
.c27 h1,.c27 h2,.c27 h3{color:var(--c27-ink);line-height:1.4;letter-spacing:.01em}
.c27 a{color:inherit;text-decoration:none}
.c27 button{font:inherit;cursor:pointer}
.c27 img{max-width:100%;height:auto;display:block}
.c27 .c27-shell{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.c27 :focus-visible{outline:3px solid #2e7a86;outline-offset:3px}
.c27 :is(.c27-hero-title,.c27-hero-kicker,.c27-section-head h2,.c27-job-group-heading,.c27-job-card-company,.c27-story-copy h2,.c27-detail-company,.c27-detail-catch,.c27-jobs-cta-text,.c27-mascot-caption){
  font-family:"Zen Maru Gothic","Noto Sans JP","Noto Sans CJK JP","Yu Gothic",sans-serif
}
.c27 .c27-prototype{padding:7px 14px;text-align:center;background:#fff0bd;color:#5f4529;font-size:12px;line-height:1.5}

/* ---------- Header ---------- */
.c27-site-head{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:20;background:rgba(255,250,244,.9);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(234,220,205,.8)}
.c27-head-inner{height:var(--c27-head-h);display:flex;justify-content:space-between;align-items:center;gap:16px}
.c27-brand{display:flex;align-items:center}
.c27 .c27-logo{width:auto;height:28px}
.c27-head-link{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--c27-orange);color:var(--c27-orange-text)!important;background:#fff;border-radius:100px;padding:9px 18px;font-size:14px;font-weight:700;line-height:1.2;transition:background .2s,color .2s,transform .15s}
.c27-head-link:hover{background:var(--c27-orange);color:#fff!important}

/* ---------- Hero ---------- */
.c27-hero{position:relative;background:radial-gradient(120% 90% at 85% 40%,#ffe8d2 0,rgba(255,232,210,0) 55%),linear-gradient(180deg,#fff6ec 0%,var(--c27-cream) 100%);overflow:hidden}
.c27-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:32px;padding-top:72px!important;padding-bottom:64px!important;min-height:580px}
.c27-overline{display:flex;align-items:center;gap:10px;color:var(--c27-orange-text);font-size:14px;font-weight:700;letter-spacing:.12em;margin-bottom:18px}
.c27-overline-line{width:24px;height:2px;border-radius:2px;background:var(--c27-orange)}
.c27-hero-title{color:var(--c27-orange)!important;font-weight:900!important;font-size:clamp(84px,10vw,144px)!important;letter-spacing:-.05em!important;line-height:1.04!important;white-space:nowrap;margin-bottom:26px!important}
.c27-year{display:inline-block;vertical-align:middle;transform:translateY(-.22em);margin-left:.45em;padding:3px 16px 5px;border-radius:100px;background:var(--c27-ink);color:#fff;font-size:clamp(22px,2.5vw,30px);font-weight:900;letter-spacing:0;line-height:1.2}
.c27-hero-kicker{color:var(--c27-ink)!important;font-size:clamp(20px,2.4vw,26px);font-weight:900;letter-spacing:.02em;margin-bottom:18px!important}
.c27-hero-prose{font-size:16px;line-height:2;color:var(--c27-text)}
.c27-hero-prose p+p{margin-top:14px}
.c27-hero-assert{font-weight:700;color:var(--c27-orange-text)}
.c27-hero-button{position:relative;overflow:hidden;margin-top:30px;display:inline-flex;min-width:260px;align-items:center;justify-content:center;gap:14px;padding:15px 26px;border-radius:14px;background:var(--c27-orange);color:#fff!important;font-weight:700;font-size:16px;box-shadow:0 5px 0 var(--c27-orange-deep);transition:transform .15s var(--c27-ease),box-shadow .15s var(--c27-ease),background .2s}
.c27 :is(.c27-hero-button,.c27-dialog-cta):hover{background:#cf4f1c}
.c27 .c27-apply-button:hover{background:#fff3e8}
.c27 :is(.c27-hero-button,.c27-apply-button,.c27-dialog-cta):active{transform:translateY(4px);box-shadow:0 1px 0 var(--c27-orange-deep)}
.c27-mascot-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px}
.c27-mascot-ring{position:absolute;top:8%;width:min(92%,380px);aspect-ratio:1;border-radius:50%;background:#ffe2c7}
.c27-mascot{position:relative;z-index:1;width:min(96%,400px);transform:rotate(-4deg);transform-origin:50% 90%}
.c27-mascot-caption{position:relative;z-index:1;margin-top:6px;padding:8px 18px;border-radius:100px;background:#fff;box-shadow:0 2px 0 var(--c27-line);font-size:15px;font-weight:700;line-height:1.5;color:var(--c27-orange-text);text-align:center}
.c27-mascot-caption br{display:none}

/* ---------- Jobs ---------- */
.c27-jobs{padding:72px 0 96px;background:var(--c27-cream);scroll-margin-top:calc(var(--c27-head-h) + var(--wp-admin--admin-bar--height,0px))}
.c27-section-head h2{position:relative;padding-top:18px;font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.3}
.c27-section-head h2::before{content:"";position:absolute;left:0;top:0;width:40px;height:4px;border-radius:4px;background:var(--c27-orange)}
.c27-jobs-lead{font-size:15px;line-height:1.8;margin:12px 0 8px!important;color:var(--c27-muted)}
.c27-job-group{--c27-cat:var(--c27-orange-text);margin:40px 0 0}
.c27-job-group--ai{--c27-cat:var(--c27-ai)}
.c27-job-group--human{--c27-cat:var(--c27-human)}
.c27-job-group--hr{--c27-cat:var(--c27-hr)}
.c27-job-group--sports{--c27-cat:var(--c27-sports)}
.c27-job-group--internal{--c27-cat:var(--c27-internal);padding-top:28px;border-top:1px dashed var(--c27-line);margin-top:52px}
.c27-job-group-heading{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;color:var(--c27-cat)!important;margin-bottom:14px!important}
.c27-job-group-heading::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c27-cat);flex:none}
.c27-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.c27-job-card{position:relative;overflow:hidden;appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;border:1px solid var(--c27-line);border-left:5px solid var(--c27-cat);background:#fff;border-radius:12px;padding:18px 18px 18px 20px;min-height:92px;color:var(--c27-ink);box-shadow:0 1px 0 rgba(143,90,34,.06);transition:transform .25s var(--c27-ease),box-shadow .25s var(--c27-ease),border-color .2s}
.c27-job-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(120,62,24,.10)}
.c27-job-card:active{transform:translateY(0) scale(.985);box-shadow:0 1px 0 rgba(143,90,34,.06)}
.c27-job-card-content{min-width:0;display:flex;flex-direction:column;gap:4px}
.c27-job-card-company{font-size:21px;font-weight:900;line-height:1.4;letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--c27-ink)}
.c27-job-card-meta{font-size:13px;line-height:1.6;color:var(--c27-muted);overflow-wrap:anywhere}
.c27-card-arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:18px;line-height:1;color:var(--c27-cat);border:1.5px solid currentColor;background:#fff;transition:transform .25s var(--c27-ease),background .2s,color .2s}
.c27-job-card:hover .c27-card-arrow{transform:translateX(3px);background:var(--c27-cat);color:#fff;border-color:var(--c27-cat)}
.c27-internal-heading{font-size:17px!important}
.c27-job-card--internal{border-style:dashed;border-left-style:solid;background:#fffdf9}
.c27-empty{font-size:14px;color:var(--c27-muted);padding:28px;background:var(--c27-paper);border-radius:12px}
.c27-jobs-cta{margin:64px auto 0;max-width:640px;padding:32px clamp(20px,4vw,40px) 34px;border-radius:20px;background:var(--c27-paper);text-align:center}
.c27-jobs-cta-text{font-size:clamp(18px,2.2vw,22px);font-weight:900;line-height:1.6;color:var(--c27-ink)}
.c27-jobs-cta .c27-apply-button{margin:20px auto 0}

/* ---------- Story ---------- */
.c27-story{background:var(--c27-paper)}
.c27-story-layout{max-width:780px!important;padding-top:96px!important;padding-bottom:96px!important}
.c27-story-copy h2{font-weight:900;line-height:1.65;font-size:clamp(23px,2.7vw,32px);letter-spacing:.02em;margin-bottom:28px!important}
.c27-story-copy h2 span{display:inline-block;margin-top:6px;color:var(--c27-orange-text);font-size:18px;line-height:1.85}
.c27-story-paragraphs{font-size:16px;line-height:2.05;color:var(--c27-text)}
.c27-story-paragraphs p{margin-bottom:18px!important}
.c27-story-paragraphs .c27-story-strong{font-size:18px;line-height:1.85;color:var(--c27-ink);font-weight:700;background:linear-gradient(transparent 62%,#ffd3ad 62%);display:inline}
.c27-story-paragraphs .c27-story-strong+p{margin-top:18px}
.c27-apply-button{position:relative;overflow:hidden;display:flex;max-width:520px;justify-content:center;gap:14px;align-items:center;background:#fff;border:2px solid var(--c27-orange);border-radius:14px;padding:16px 24px;color:var(--c27-orange-text)!important;font-size:17px;font-weight:700;box-shadow:0 5px 0 var(--c27-orange-deep);transition:transform .15s var(--c27-ease),box-shadow .15s var(--c27-ease),background .2s;margin-top:36px}
.c27-free-note{max-width:520px;text-align:center;color:var(--c27-faint);font-size:13px;line-height:1.75;margin:18px 0 0!important}

/* ---------- Footer ---------- */
.c27-footer{background:var(--c27-cream);border-top:1px solid var(--c27-line)}
.c27-footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:end;padding-top:28px!important;padding-bottom:32px!important;font-size:13px}
.c27-footer-small{font-size:12px;color:var(--c27-faint);display:block}
.c27-footer strong{display:block;color:var(--c27-ink);font-size:15px;margin-top:2px}
.c27-footer-contact{color:var(--c27-muted)}
.c27-footer-contact a{color:var(--c27-orange-text);text-decoration:underline;text-underline-offset:3px}

/* ---------- Slide-over details ---------- */
.c27.c27--open{z-index:2147480000;overflow:visible}
.c27-overlay:not([hidden]){position:fixed;inset:0;z-index:2147480000;display:flex;justify-content:flex-end}
.c27-overlay[hidden]{display:none!important}
.c27-overlay-backdrop{position:absolute;inset:0;background:rgba(47,33,26,.5);cursor:pointer}
.c27-dialog{position:relative;z-index:1;width:min(700px,100%);height:100%;max-height:100dvh;display:flex;flex-direction:column;background:var(--c27-cream);box-shadow:-12px 0 42px rgba(47,25,9,.2);overflow:hidden;outline:none}
.c27-dialog-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--c27-line);padding:14px clamp(20px,3.6vw,36px);min-height:72px;background:var(--c27-cream)}
.c27-back{appearance:none;background:#fff;border:1px solid var(--c27-line);border-radius:100px;display:inline-flex;align-items:center;gap:10px;padding:7px 20px;color:var(--c27-ink);font-size:15px;font-weight:700;transition:background .2s,transform .15s}
.c27-back:active,.c27-icon-close:active{transform:scale(.95)}
.c27-back:hover,.c27-icon-close:hover{background:#fff0e1}
.c27-back span{font-size:20px;font-weight:400}
.c27-icon-close{appearance:none;border:none;background:#fff0e1;width:40px;height:40px;border-radius:50%;color:var(--c27-ink);font-size:24px;line-height:1;transition:background .2s,transform .15s}
.c27-dialog-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
.c27-detail{padding:32px clamp(20px,3.6vw,40px) 40px}
.c27-detail-small{display:flex;align-items:center;gap:8px;color:var(--c27-orange-text);font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:16px}
.c27-detail-mini-line{width:18px;height:2px;border-radius:2px;background:var(--c27-orange)}
.c27-detail-company{font-size:clamp(24px,3vw,28px)!important;letter-spacing:-.01em!important;line-height:1.3!important;font-weight:900!important;overflow-wrap:anywhere;margin:0 0 6px!important}
.c27-detail-role{font-size:clamp(16px,1.8vw,17px);font-weight:700;color:var(--c27-ink);line-height:1.6;margin-bottom:18px!important;overflow-wrap:anywhere}
.c27-confirm-warning{background:#fff2c9;border-left:3px solid #d9a03c;border-radius:8px;color:#6e4f1c;font-size:13px;line-height:1.8;padding:9px 12px;margin:16px 0 22px!important}
.c27-confirm-warning span{display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:#a87a2e;width:17px;height:17px;font-size:11px;font-weight:bold;margin-right:6px}
.c27-detail-catch{font-size:clamp(22px,2.7vw,30px);line-height:1.6;font-weight:900;color:var(--c27-orange-text);margin:24px 0 18px!important}
.c27-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.c27-feature-tags span{border-radius:100px;background:#f3e3cf;border:0;color:#6b4a2f;padding:5px 14px;font-size:13px;font-weight:700;line-height:1.5}
.c27-detail-block{margin:28px 0 0}
.c27-detail-block h3{color:var(--c27-ink)!important;font-size:17px;font-weight:700;margin:0 0 10px!important;padding-left:12px;border-left:3px solid var(--c27-orange)}
.c27-recommend-list{list-style:none!important;margin:0!important;padding:0!important;font-size:16px;line-height:1.95}
.c27-recommend-list li{position:relative;list-style:none!important;padding-left:1.1em;margin:2px 0}
.c27-recommend-list li::before{content:"・";position:absolute;left:-.25em;top:0;font-weight:700;color:var(--c27-ink)}
.c27-detail-bodytext,.c27-detail-placeholder{font-size:16px;line-height:2;white-space:normal}
.c27-detail-placeholder{color:var(--c27-muted)}
.c27-detail-note{margin-top:30px;padding:22px;background:#fff;border:1px solid var(--c27-line);border-radius:16px}
.c27-detail-note h3{font-weight:700;font-size:16px;color:var(--c27-orange-text)!important;margin-bottom:8px!important}
.c27-detail-note p{font-size:15px;line-height:1.9}
.c27-detail-subnote{color:var(--c27-faint);font-size:13px;margin-top:24px!important}
.c27-dialog-footer{flex:none;border-top:1px solid var(--c27-line);padding:14px clamp(20px,3.6vw,36px) 16px;background:rgba(255,250,244,.98)}
.c27-dialog-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px;padding:10px 15px;text-align:center;color:#fff!important;background:var(--c27-orange);font-size:16px;font-weight:700;box-shadow:0 4px 0 var(--c27-orange-deep);transition:transform .15s var(--c27-ease),box-shadow .15s var(--c27-ease),background .2s}
.c27-dialog-footer p{text-align:center;margin-top:9px!important;color:var(--c27-faint);font-size:12px;line-height:1.5}

/* ---------- Motion ---------- */
/* パネル：右からスライド */
.c27-overlay .c27-overlay-backdrop{opacity:0;transition:opacity .32s ease}
.c27-overlay .c27-dialog{transform:translateX(100%);transition:transform .42s var(--c27-ease)}
.c27-overlay.is-open .c27-overlay-backdrop{opacity:1}
.c27-overlay.is-open .c27-dialog{transform:none}
.c27-overlay.is-open .c27-detail>*{animation:c27-rise .5s var(--c27-ease) both}
.c27-overlay.is-open .c27-detail>*:nth-child(2){animation-delay:.04s}
.c27-overlay.is-open .c27-detail>*:nth-child(3){animation-delay:.08s}
.c27-overlay.is-open .c27-detail>*:nth-child(n+4){animation-delay:.12s}
/* スクロールで表示（JSが有効なときだけ隠す） */
.c27.c27-motion [data-c27-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--c27-ease),transform .7s var(--c27-ease);transition-delay:var(--c27-delay,0s)}
.c27.c27-motion [data-c27-reveal].is-in{opacity:1;transform:none}
/* ファーストビューの登場 */
.c27.c27-motion .c27-hero-copy>*{animation:c27-rise .8s var(--c27-ease) both}
.c27.c27-motion .c27-hero-copy>*:nth-child(2){animation-delay:.08s}
.c27.c27-motion .c27-hero-copy>*:nth-child(3){animation-delay:.18s}
.c27.c27-motion .c27-hero-copy>*:nth-child(4){animation-delay:.26s}
.c27.c27-motion .c27-hero-copy>*:nth-child(5){animation-delay:.34s}
.c27.c27-motion .c27-mascot-panel{animation:c27-pop .9s var(--c27-ease) .2s both}
/* キャリーくん：ゆらゆら */
.c27.c27-motion .c27-mascot{animation:c27-sway 4.2s ease-in-out 1.1s infinite}
/* ボタンの波紋 */
.c27-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);transform:translate(-50%,-50%) scale(0);animation:c27-ripple .6s ease-out forwards}
.c27-job-card .c27-ripple,.c27-head-link .c27-ripple{background:rgba(217,88,35,.16)}
/* タップした場所にキャリーくんのシルエット */
.c27-tapkun{position:fixed;left:0;top:0;width:52px;height:40px;margin:-20px 0 0 -26px;pointer-events:none;z-index:2147480001;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABQBAMAAAAHGy1SAAAAMFBMVEXZWCPZWCPZWCPZWCPZWCPZWCPZWCPZWCMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADKMZ0xAAAAEHRSTlP+ASzRsU+OcAAAAAAAAAAANbhspgAAAmxJREFUeNrNl79PFEEUxz/zhoUgJNwj/mhorCw0ugjGxGhyIoaGyJnQKif+Bah/iIktJv4DhspCg/FqCz21QwtiZcCTTTT+gFvOYne5Ozm4e1s51UxmPvtm37z3nTdO6bW5xdUPCysATgGOX/EblfYl6kPi6lYLc7YCTL3NoKmnwOJKc366Vqsm3cnx1SjpLTwE4GYlgfxXAJaeJLN9Nx632ZxZi9hbRDAMAowlw0eJlbub7QzPP98BzqSjnQKgejSbPa+qp8JOPrjeXMRVVVRLe+MlnT/AcxeLe11RRbX57b77PXh+QNWp+4ap9Q8heMxNzITLA+2CEBuhOgiN0AYVQcAIrYNTGpHR4wj0mwydTly+Y4Ki9JzKBmYggyoG6FIWET8NUJhphCVkZSS1JLbIS4BZAxSXku3ZEioVFmcNcgRumaC4DE7ZMiZhATGGHgQg/DFC2yAUrfleAjVDThk1K0ugEpihBhKboTpStwtsUQp2KJJSHiiyQ+9k3Q75PJac/dZIUsq+Pf7zFuZg8niPPLHnJcxzuDnCSPxvexz1ef/Lnu+SIybOSSPH0ebRiAgtm49J/eAXq/v6A+GH1dI2Ys/DMqj5p1TNVRjBMALGK+AyCNRN+/PVpMyRmiXER5LM3bXk1Fz2fjKYCoYzjTCYmm0+77IXVW+GUjWKe3SgH2uVsGe9bfB2RHN7EGz0wFz4lBocTK+Pse5V38D3fxW2Nt81j4601CxZO7bW9b2wX8s3TxxWJs0Mdb4Att8/ONDX9163l1Rt4jm33AGZnHgRcTAEbrr28lCiEwS4ayffbMVVmHCj4x9f7V/wF4XmfwfwzTvUAAAAAElFTkSuQmCC") center/contain no-repeat;opacity:.6;animation:c27-tapkun .85s var(--c27-ease) forwards}
@keyframes c27-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes c27-pop{from{opacity:0;transform:scale(.9) translateY(14px)}to{opacity:1;transform:none}}
@keyframes c27-sway{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-8px)}}
@keyframes c27-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes c27-tapkun{0%{transform:scale(.4) rotate(-12deg);opacity:0}25%{transform:scale(1.08) rotate(4deg);opacity:.65}55%{transform:scale(1) rotate(0);opacity:.6}100%{transform:translateY(-34px) scale(.9);opacity:0}}

/* ---------- Tablet ---------- */
@media (max-width:900px){
 .c27-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);padding-top:60px!important;min-height:540px}
 .c27-hero-title{font-size:clamp(70px,9vw,104px)!important}
 .c27-year{margin-left:.3em}
}
/* ---------- v1.3.0 求人詳細：待遇・選考・キャリーくん・エントリー ---------- */
.c27-terms{margin:4px 0 0}
.c27-terms dt{font-size:13px;font-weight:700;color:var(--c27-orange-text);margin-top:12px}
.c27-terms dt:first-child{margin-top:0}
.c27-terms dd{margin:2px 0 0;font-size:15.5px;line-height:1.8;color:var(--c27-text)}
.c27-terms small{display:inline-block;font-size:12px;line-height:1.7;color:var(--c27-faint)}
.c27-flow{list-style:none!important;margin:6px 0 0!important;padding:0!important;counter-reset:c27flow}
.c27-flow li{counter-increment:c27flow;position:relative;list-style:none!important;padding:6px 0 6px 36px;font-size:15.5px;line-height:1.6;color:var(--c27-text)}
.c27-flow li::before{content:counter(c27flow);position:absolute;left:0;top:5px;width:25px;height:25px;border-radius:50%;background:var(--c27-orange);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.c27-flow li:not(:last-child)::after{content:"";position:absolute;left:11.5px;top:31px;width:2px;height:12px;background:#f0c9b3}
.c27-detail-kun{display:flex;align-items:flex-end;gap:10px;margin:34px 0 16px}
.c27-detail-kun img{width:84px;height:auto;flex:none}
.c27-balloon{position:relative;flex:1;min-width:0;box-sizing:border-box;background:#fff;border:2px solid #f0c9b3;border-radius:16px;padding:12px 16px!important;font-size:14.5px;line-height:1.75;color:var(--c27-text);margin:0!important}
.c27-balloon::before,.c27-balloon::after{content:"";position:absolute;bottom:18px;width:0;height:0;border-style:solid;border-color:transparent}
.c27-balloon::before{left:-11px;border-width:8px 11px 8px 0;border-right-color:#f0c9b3}
.c27-balloon::after{left:-8px;bottom:20px;border-width:6px 8px 6px 0;border-right-color:#fff}
.c27-entry-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:14px;padding:14px 16px;background:var(--c27-orange);color:#fff!important;font-size:16px;font-weight:700;text-align:center;box-shadow:0 4px 0 var(--c27-orange-deep);transition:transform .15s var(--c27-ease),box-shadow .15s var(--c27-ease),background .2s}
.c27-entry-button:hover{background:#cf4f1c}
.c27-entry-button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--c27-orange-deep)}
.c27-entry-note{text-align:center;color:var(--c27-faint);font-size:12.5px;margin:12px 0 0!important}
.c27-story--dialog{border-top:1px solid var(--c27-line)}
.c27-story--dialog .c27-story-layout{padding:44px clamp(20px,3.6vw,40px) 52px!important;max-width:none!important}
.c27-story--dialog .c27-story-copy h2{font-size:22px;line-height:1.7;margin-bottom:22px!important}
.c27-story--dialog .c27-story-paragraphs{font-size:15px;line-height:2}
.c27-story--dialog .c27-story-paragraphs .c27-story-strong{font-size:17px}
.c27-story--dialog .c27-story-copy h2 span{font-size:17px}
.c27-story--dialog .c27-apply-button{font-size:16px;padding:16px 14px;margin-top:28px}
.c27-story--dialog .c27-free-note{font-size:12px}
/* ---------- Smartphone ---------- */
@media (max-width:680px){
 .c27{--c27-head-h:60px}
 .c27 .c27-logo{height:22px}
 .c27-head-link{font-size:13px;padding:7px 13px}
 .c27-hero-grid{position:relative;display:block;padding-top:32px!important;padding-bottom:44px!important;min-height:0}
 .c27-overline{font-size:12px;margin-bottom:14px}
 .c27-hero-title{font-size:clamp(66px,18vw,96px)!important;margin-bottom:0!important}
 .c27-year{display:table;margin:10px 0 0 2px;transform:none;font-size:22px;line-height:1.1;padding:4px 14px 6px}
 .c27-hero-kicker{font-size:20px;margin:24px 0 14px!important}
 .c27-hero-prose{font-size:15px;line-height:1.95}
 .c27-hero-assert{font-size:15px}
 .c27-hero-button{font-size:16px;margin-top:24px;min-width:0;width:100%;padding:15px 16px}
 .c27-mascot-panel{position:absolute;top:44px;right:max(6px,calc(50% - 190px));width:clamp(112px,34vw,148px);min-height:0;display:block}
 .c27-mascot-ring{top:6%;left:4%;width:92%}
 .c27-mascot{width:100%}
 .c27-mascot-caption{display:none}
 .c27-jobs{padding:48px 0 64px}
 .c27-section-head h2{font-size:26px;padding-top:16px}
 .c27-jobs-lead{font-size:14px}
 .c27-job-group{margin-top:32px}
 .c27-job-group-heading{font-size:17px;margin-bottom:10px!important}
 .c27-card-grid{grid-template-columns:1fr;gap:10px}
 .c27-job-card{min-height:76px;padding:14px 14px 14px 16px;gap:10px}
 .c27-job-card-company{font-size:18px;line-height:1.35}
 .c27-job-card-meta{font-size:12.5px;line-height:1.55}
 .c27-card-arrow{width:32px;height:32px;font-size:16px}
 .c27-job-group--internal{margin-top:40px;padding-top:24px}
 .c27-jobs-cta{margin-top:44px;padding:26px 18px 28px;border-radius:16px}
 .c27-jobs-cta-text{font-size:18px}
 .c27-story-layout{padding-top:60px!important;padding-bottom:60px!important}
 .c27-story-copy h2{font-size:22px;line-height:1.7;margin-bottom:22px!important}
 .c27-story-paragraphs{font-size:15px;line-height:2}
 .c27-story-paragraphs .c27-story-strong{font-size:17px}
 .c27-story-copy h2 span{font-size:17px}
 .c27-apply-button{font-size:16px;padding:16px 14px;margin-top:28px}
 .c27-free-note{font-size:12px}
 .c27-footer-inner{display:block;padding-top:22px!important;padding-bottom:28px!important}
 .c27-footer-contact{font-size:13px;margin-top:10px}
 .c27-overlay .c27-dialog{width:100%;max-height:100dvh}
 .c27-dialog-header{min-height:62px;padding:10px 16px}
 .c27-back{font-size:14px;padding:6px 15px}
 .c27-detail{padding:24px 20px 34px}
 .c27-detail-small{font-size:12px;margin-bottom:12px}
 .c27-detail-company{font-size:24px!important;text-wrap:balance}
 .c27-detail-role{font-size:16px;margin-bottom:16px!important}
 .c27-detail-catch{font-size:22px;margin:18px 0!important}
 .c27-feature-tags span{padding:5px 11px;font-size:12.5px}
 .c27-detail-block h3{font-size:16px}
 .c27-recommend-list,.c27-detail-bodytext,.c27-detail-placeholder{font-size:15px}
 .c27-detail-note{padding:18px}
 .c27-detail-note p{font-size:14.5px}
 .c27-dialog-footer{padding:10px 14px 12px}
 .c27-dialog-cta{font-size:15px;min-height:50px}
 .c27-dialog-footer p{font-size:11.5px;margin-top:7px!important}
}
@media (max-width:374px){
 .c27-hero-title{font-size:clamp(56px,17vw,64px)!important}
 .c27-hero-kicker{font-size:18px}
 .c27-mascot-panel{width:30vw;top:50px;right:4px}
}
/* 動きを減らす設定の端末では、動きをすべて止める */
@media (prefers-reduced-motion:reduce){
 .c27 *,.c27 *::before,.c27 *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}
 .c27.c27-motion [data-c27-reveal]{opacity:1;transform:none}
 .c27-tapkun,.c27-ripple{display:none}
}


/* 2026-10-21: reference design, scoped to this LP root only. */
.c27.c27-reality{
  --c27-ink:#16334f;--c27-text:#29455f;--c27-muted:#536e85;--c27-faint:#627d94;
  --c27-orange:#b9653f;--c27-orange-text:#8f4528;--c27-orange-deep:#814329;
  --c27-cream:#f1f6fc;--c27-paper:#e6f0f9;--c27-line:#cbddea;
  --c27-ai:#2b6985;--c27-human:#3c5e7a;--c27-hr:#2d6486;--c27-sports:#386e7b;--c27-internal:#58758f;
  --c27-head-h:86px;
  background:#f1f6fc;
}
.c27.c27-reality :focus-visible{outline-color:#78bde6}
.c27.c27-reality :is(.c27-job-card-company,.c27-job-group-heading,.c27-detail-company,.c27-detail-catch){font-family:"Noto Sans JP","Noto Sans CJK JP","Yu Gothic",sans-serif}
.c27.c27-reality :is(.c27-section-head h2,.c27-story-copy h2){font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;letter-spacing:-.025em}
.c27.c27-reality .c27-site-head{position:absolute;inset:0 0 auto;z-index:5;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.c27.c27-reality .c27-logo{height:30px;filter:brightness(0) invert(1)}
.c27.c27-reality .c27-head-link{border:1px solid #d9eeff6c;background:#c8eaff14;color:#f7f9fd!important;border-radius:5px;padding:11px 15px;font-size:12px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.c27.c27-reality .c27-head-link:hover{background:#c8eaff30}
.c27.c27-reality .c27r-hero{isolation:isolate;min-height:836px;color:#f7f9fd;background:radial-gradient(ellipse at 87% 32%,#1f6591a8 0%,transparent 55%),radial-gradient(ellipse at -20% 85%,#174e76c1 0%,transparent 44%),linear-gradient(162deg,#041429 0%,#082745 53%,#0a3759 100%)}
.c27.c27-reality .c27r-hero::before{content:"";position:absolute;z-index:-1;inset:-18%;pointer-events:none;background:radial-gradient(ellipse at 75% 36%,#c2f4fd12,transparent 39%),linear-gradient(130deg,transparent 17%,#68b4e313 36%,transparent 47%,#7fceff0b 68%,transparent 78%);animation:c27r-ambient 14s ease-in-out infinite alternate}
.c27.c27-reality .c27r-hero::after{content:"";position:absolute;z-index:1;pointer-events:none;inset:0;background:linear-gradient(90deg,#04162cc7 0%,#04162c74 55%,#04162c2d 100%),linear-gradient(180deg,#06172c0d 0%,#06172c00 62%,#04162c27 100%)}
.c27.c27-reality .c27r-ambient-ring{position:absolute;z-index:0;pointer-events:none;width:690px;height:280px;border:1px solid #9cdeff23;border-radius:50%;box-shadow:0 0 34px #88ddff0e;left:calc(50% - 540px);top:313px;transform:rotate(-16deg);animation:c27r-ring 18s ease-in-out infinite alternate}
.c27.c27-reality .c27r-ambient-ring.c27r-second{left:calc(50% - 80px);top:110px;opacity:.65;animation-delay:-5s}
.c27.c27-reality .c27r-chrono-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;user-select:none;isolation:isolate}
.c27.c27-reality .c27r-clock-wall{position:absolute;width:min(85%,790px);inset:124px 2% 13px auto;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;opacity:.86}
.c27.c27-reality .c27r-time-stripe{position:relative;min-height:0;border-top:1px solid #8ccaf414}
.c27.c27-reality .c27r-time-stripe:first-child{border-top:0}
.c27.c27-reality .c27r-time-caption{position:absolute;right:8%;top:7%;font:800 11px/1 Arial,sans-serif;letter-spacing:.30em;color:#a2e0ff;opacity:.67}
.c27.c27-reality .c27r-ticker{position:absolute;right:-7px;top:10%;width:74%;height:92%;filter:drop-shadow(0 0 11px #3eacff2d)}
.c27.c27-reality .c27r-time-stripe:first-child .c27r-ticker{width:82%;right:-5px}
.c27.c27-reality .c27r-time-stripe:nth-child(3) .c27r-ticker{right:8px}
.c27.c27-reality .c27r-time-stripe:last-child .c27r-ticker{width:94%;right:-3px}
.c27.c27-reality .c27r-ticker svg{display:block;width:100%;height:100%;overflow:visible}
.c27.c27-reality .c27-hero-grid{position:relative;z-index:3;display:block;min-height:836px;padding-top:140px!important;padding-bottom:112px!important}
.c27.c27-reality .c27-hero-copy{width:min(100%,530px)}
.c27.c27-reality .c27r-kicker{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.09em;font-weight:700;color:#c0daed;margin:0 0 18px}
.c27.c27-reality .c27r-kicker::before{content:"";height:1px;width:22px;background:#e4bd6a;flex:none}
.c27.c27-reality .c27-hero-title{position:relative;font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700!important;font-size:clamp(35px,4.2vw,51px)!important;line-height:1.47!important;letter-spacing:-.05em!important;color:#f7f9fd!important;white-space:normal;margin:0!important;text-shadow:0 2px 3px #051629,0 7px 20px #051629f2,0 0 24px #07162a8f}
.c27.c27-reality .c27r-emphasis{color:#b5e4ff}
.c27.c27-reality .c27r-question{margin-top:54px}
.c27.c27-reality .c27r-question-kicker{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#eaf5fd;font-size:14px;font-weight:800;text-shadow:0 2px 13px #0c1d34}
.c27.c27-reality .c27r-question-kicker span{font:800 15px/1 Arial,sans-serif;color:#b2dffa}
.c27.c27-reality .c27r-choice-stack{display:grid;gap:11px;max-width:430px}
.c27.c27-reality .c27r-choice{display:flex;align-items:center;gap:15px;padding:16px 13px;min-height:80px;border:1px solid #cce8ff58;border-radius:7px;background:linear-gradient(105deg,#061b36e0 0%,#143953bd 60%,#2255799c 100%);box-shadow:inset 0 1px 0 #ffffff3c,0 8px 25px #04132640;backdrop-filter:blur(8px) saturate(1.11);-webkit-backdrop-filter:blur(8px) saturate(1.11)}
.c27.c27-reality .c27r-choice-number{font:700 24px/1 Georgia,serif;color:#b7e1fa;letter-spacing:-.035em;border-right:1px solid #d7e9fd4d;padding-right:13px;align-self:stretch;display:flex;align-items:center;flex:none}
.c27.c27-reality .c27r-choice-text{font-weight:800;font-size:16px;letter-spacing:-.04em;line-height:1.65;text-shadow:0 2px 14px #06192e8c}
.c27.c27-reality .c27r-choice-text small{font-size:13.5px;font-weight:650;color:#e7f6ff}
.c27.c27-reality .c27r-final-question{font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;font-size:29px;letter-spacing:-.045em;line-height:1.5;margin:25px 0 24px;text-shadow:0 2px 4px #04182a,0 4px 22px #04182afa;color:#f7f9fd}
.c27.c27-reality .c27r-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:430px;min-width:0;min-height:59px;margin:0;padding:14px 17px;background:linear-gradient(100deg,#d58257,#e9a66b 76%,#f4c188);color:#10263f!important;border:1px solid #ffdeb4bf;border-radius:8px;box-shadow:0 13px 28px #03112280,inset 0 1px 0 #fff2d9ad;font-size:14px;letter-spacing:-.025em;font-weight:800;line-height:1.6;transition:transform .25s,box-shadow .25s}
.c27.c27-reality .c27r-cta:hover,.c27.c27-reality .c27r-cta:focus-visible{background:linear-gradient(100deg,#e39465,#f4bb81);transform:translateY(-3px);box-shadow:0 18px 34px #031122a8}
.c27.c27-reality .c27r-cta-arrow{font:400 25px/1 Arial,sans-serif;flex:none}
.c27.c27-reality .c27r-stats{position:relative;margin-top:-26px;padding:58px 0 64px;border-radius:27px 27px 0 0;z-index:3;overflow:hidden;color:#f3f9ff;background:radial-gradient(ellipse at 8% 15%,#255b879e 0%,transparent 58%),radial-gradient(ellipse at 100% 70%,#123f70a6 0%,transparent 52%),linear-gradient(146deg,#0b2e55 0%,#102b4a 70%,#0a2647 100%)}
.c27.c27-reality .c27r-stats::before{content:"";position:absolute;width:600px;height:340px;left:-170px;top:168px;border:1px solid #e4fbff24;transform:rotate(-19deg);border-radius:50%;pointer-events:none}
.c27.c27-reality .c27r-stats::after{content:"";position:absolute;width:300px;height:320px;right:-185px;top:230px;border-radius:50%;background:#8dd8ff25;filter:blur(40px);pointer-events:none}
.c27.c27-reality .c27r-stats-inner{position:relative;z-index:1}
.c27.c27-reality .c27r-eyebrow{text-align:center;font:800 11px/1.5 Arial,sans-serif;letter-spacing:.26em;color:#a6c7e0}
.c27.c27-reality .c27r-stats h2{font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;text-align:center;font-size:28px;line-height:1.6;margin:12px 0 32px;letter-spacing:-.04em;color:#f3f9ff}
.c27.c27-reality .c27r-data-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;align-items:stretch}
.c27.c27-reality .c27r-glass{min-width:0;overflow:hidden;position:relative;border:1px solid #e9f8ff60;background:linear-gradient(128deg,#f6fcff31,#e6f7ff12 50%,#ffffff27);border-radius:16px;box-shadow:inset 0 1px 0 #ffffffe1,0 11px 31px #06132b5e;backdrop-filter:blur(17px) saturate(1.2);-webkit-backdrop-filter:blur(17px) saturate(1.2)}
.c27.c27-reality .c27r-glass::before{content:"";pointer-events:none;position:absolute;top:-60px;right:-58px;background:#ffffff24;width:164px;height:128px;transform:rotate(-23deg);filter:blur(11px)}
.c27.c27-reality .c27r-main-stat{padding:30px 25px;align-self:center}
.c27.c27-reality .c27r-stat-meta{color:#c2d9eb;font-size:11px;letter-spacing:.03em;line-height:1.7}
.c27.c27-reality .c27r-stat-title{font:800 16px/1.6 "Noto Sans JP","Yu Gothic",sans-serif;color:#fff}
.c27.c27-reality .c27r-main-stat .c27r-stat-value{font:500 74px/1.14 Georgia,"Times New Roman",serif;color:#fff;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:8px 0 18px;white-space:nowrap}
.c27.c27-reality .c27r-main-stat .c27r-stat-value b{color:#ffdc86;font-size:.6em;font-weight:500}
.c27.c27-reality .c27r-bar-track{height:10px;overflow:hidden;border-radius:30px;background:#ffffff2e;box-shadow:inset 0 1px 4px #02122f64}
.c27.c27-reality .c27r-bar-fill{height:100%;display:block;border-radius:30px;background:linear-gradient(90deg,#f7b45b 0%,#ffe89b 80%,#fff2c0 100%);box-shadow:0 0 20px #ffe1908c;transform-origin:left;transition:transform 1.7s cubic-bezier(.14,.86,.28,1)}
.c27.c27-reality .c27r-stat-scale{font-size:10px;display:flex;justify-content:space-between;color:#b4cce0;margin-top:6px}
.c27.c27-reality .c27r-stats-subheading{font-size:14px;text-align:center;line-height:1.7;font-weight:800;margin:0 0 16px}
.c27.c27-reality .c27r-stat-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c27.c27-reality .c27r-mini-stat{padding:20px 15px;display:flex;flex-direction:column;min-height:255px;transition:opacity .7s,transform .7s}
.c27.c27-reality .c27r-mini-tag{color:#d1e4f4;font:800 10px/1.4 Arial,sans-serif;letter-spacing:.11em;min-height:28px;overflow-wrap:normal}
.c27.c27-reality .c27r-mini-stat .c27r-stat-value{font:500 50px/1.2 Georgia,serif;color:#ffdc81;letter-spacing:-.07em;margin:10px 0 14px;white-space:nowrap;font-variant-numeric:tabular-nums}
.c27.c27-reality .c27r-mini-stat .c27r-stat-value b{font-size:.48em;letter-spacing:0;font-weight:500}
.c27.c27-reality .c27r-mini-label{font:800 13px/1.6 "Noto Sans JP","Yu Gothic",sans-serif;letter-spacing:-.045em;color:#fff;min-height:64px;margin:0 0 9px}
.c27.c27-reality .c27r-mini-micro{font-size:10px;line-height:1.6;color:#c1d9ec;margin-top:10px}
.c27.c27-reality .c27r-mini-track{margin-top:auto;height:4px;flex:none;border-radius:10px;background:#ffffff30;overflow:hidden}
.c27.c27-reality .c27r-mini-track .c27r-bar-fill{background:linear-gradient(90deg,#f5bb67,#ffe398)}
.c27.c27-reality .c27r-sources{margin-top:20px;font-size:10px;line-height:1.85;color:#bfd3e4;overflow-wrap:anywhere}
.c27.c27-reality .c27r-sources a{color:#d6e9f8;text-decoration:underline;text-underline-offset:3px}
.c27.c27-reality [data-c27r-stat].c27r-pending .c27r-bar-fill{transform:scaleX(0)}
.c27.c27-reality .c27r-mini-stat.c27r-pending{opacity:0;transform:translateY(15px)}
.c27.c27-reality .c27r-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.c27.c27-reality .c27-section-head h2::before{background:#478ab6}
.c27.c27-reality .c27-job-card{border-radius:10px;background:linear-gradient(120deg,#ffffff,#f9fcff);box-shadow:0 5px 20px #12345208}
.c27.c27-reality .c27-job-card:hover{box-shadow:0 10px 24px #12345215}
.c27.c27-reality .c27-job-card--internal{background:#edf4fa}
.c27.c27-reality .c27-story-paragraphs .c27-story-strong{background:linear-gradient(transparent 62%,#c9e1f1 62%)}
.c27.c27-reality :is(.c27-entry-button,.c27-apply-button){border-radius:8px}
.c27.c27-reality .c27-feature-tags span{background:#dcebf5;color:#294e6d}
.c27.c27-reality .c27-icon-close{background:#dcebf5}
.c27.c27-reality .c27-back:hover{background:#edf5fc}
.c27.c27-reality .c27-balloon{border-color:#bdd7e8}
.c27.c27-reality .c27-balloon::before{border-right-color:#bdd7e8}
@keyframes c27r-ambient{from{transform:translate3d(-25px,-10px,0)}to{transform:translate3d(42px,29px,0)}}
@keyframes c27r-ring{from{transform:rotate(-17deg) translateX(-30px)}to{transform:rotate(-10deg) translateX(40px)}}
@media(max-width:767px){
 .c27.c27-reality{--c27-head-h:86px}
 .c27.c27-reality .c27-head-inner{height:86px}
 .c27.c27-reality .c27-logo{height:25px}
 .c27.c27-reality .c27-head-link{padding:10px 11px;font-size:10.5px}
 .c27.c27-reality .c27-head-inner,.c27.c27-reality .c27-hero-grid{padding-left:24px;padding-right:24px}
 .c27.c27-reality .c27-hero-grid{padding-top:140px!important;padding-bottom:110px!important;min-height:836px}
 .c27.c27-reality .c27-hero-copy{width:100%;max-width:440px;margin:0 auto}
 .c27.c27-reality .c27r-kicker{font-size:11px}
 .c27.c27-reality .c27-hero-title{font-size:clamp(27px,8.1vw,35px)!important}
 .c27.c27-reality .c27r-question{margin-top:89px}
 .c27.c27-reality .c27r-question-kicker{font-size:13.5px}
 .c27.c27-reality .c27r-choice-stack,.c27.c27-reality .c27r-cta{max-width:none}
 .c27.c27-reality .c27r-choice-text{font-size:15px}
 .c27.c27-reality .c27r-choice-text small{font-size:12.5px}
 .c27.c27-reality .c27r-final-question{font-size:clamp(20px,6.4vw,26px)}
 .c27.c27-reality .c27r-cta{font-size:13px;padding:14px 17px}
 .c27.c27-reality .c27r-clock-wall{inset:124px -3% 13px -2%;width:auto}
 .c27.c27-reality .c27r-ambient-ring{left:-290px}
 .c27.c27-reality .c27r-ambient-ring.c27r-second{left:65px}
 .c27.c27-reality .c27r-stats{padding-top:49px;padding-bottom:53px}
 .c27.c27-reality .c27r-stats-inner{padding-left:18px;padding-right:18px;max-width:476px}
 .c27.c27-reality .c27r-stats h2{font-size:22px;margin:12px 0 26px}
 .c27.c27-reality .c27r-data-grid{display:block}
 .c27.c27-reality .c27r-main-stat{padding:20px 19px 22px}
 .c27.c27-reality .c27r-stat-title{font-size:14px}
 .c27.c27-reality .c27r-stat-meta{font-size:10px}
 .c27.c27-reality .c27r-main-stat .c27r-stat-value{font-size:64px;margin:5px 0 11px}
 .c27.c27-reality .c27r-stats-subheading{margin:31px 0 16px}
 .c27.c27-reality .c27r-stat-pair{gap:10px}
 .c27.c27-reality .c27r-mini-stat{padding:18px 12px 17px;min-height:250px}
 .c27.c27-reality .c27r-mini-stat .c27r-stat-value{font-size:clamp(35px,11vw,46px);margin:13px 0 14px}
 .c27.c27-reality .c27r-mini-label{font-size:12px;min-height:58px}
 .c27.c27-reality .c27r-mini-micro,.c27.c27-reality .c27r-sources{font-size:9px}
}
@media(max-width:370px){
 .c27.c27-reality .c27-head-inner,.c27.c27-reality .c27-hero-grid{padding-left:19px;padding-right:19px}
 .c27.c27-reality .c27r-clock-wall{inset:100px -5% 16px -4%}
 .c27.c27-reality .c27r-question{margin-top:94px}
 .c27.c27-reality .c27r-ticker{width:78%;right:-6px}
 .c27.c27-reality .c27r-choice{padding-left:11px;padding-right:10px;gap:12px}
 .c27.c27-reality .c27r-choice-text{font-size:14px}
 .c27.c27-reality .c27r-cta{font-size:12px;padding-left:13px;padding-right:13px}
 .c27.c27-reality .c27r-stats-inner{padding-left:13px;padding-right:13px}
 .c27.c27-reality .c27r-mini-stat{padding:15px 9px}
 .c27.c27-reality .c27r-mini-label{font-size:10.5px}
 .c27.c27-reality .c27r-mini-tag{font-size:9px;letter-spacing:.07em}
}
@media(prefers-reduced-motion:reduce){
 .c27.c27-reality .c27r-hero::before,.c27.c27-reality .c27r-ambient-ring{animation:none}
 .c27.c27-reality .c27r-mini-stat{opacity:1;transform:none;transition:none}
 .c27.c27-reality .c27r-bar-fill{transform:none!important;transition:none}
}

/* 2026-10-21: align the existing job list and detail panel with the FV/DATA. */
.c27.c27-reality :is(.c27-jobs,.c27-dialog){
  --c27-ink:#f3f9ff;--c27-text:#e1edf7;--c27-muted:#b7cee0;--c27-faint:#aec6da;
  --c27-orange:#a6dfff;--c27-orange-text:#b7e1fa;--c27-orange-deep:#05172d;
  --c27-cream:#09223d;--c27-paper:#102f50;--c27-line:#b5d9f03d;
  color:var(--c27-text);
  --c27-ai:#a6dfff;--c27-human:#b5d9f3;--c27-hr:#9fd4f4;--c27-sports:#acdfec;--c27-internal:#b5cfe3;
}
.c27.c27-reality .c27-jobs{position:relative;background:radial-gradient(ellipse at 100% 10%,#17476a70,transparent 56%),linear-gradient(155deg,#081f3b,#0d2d4e 68%,#0b2745)}
.c27.c27-reality .c27-jobs .c27-section-head h2{font-weight:700;color:#f3f9ff}
.c27.c27-reality .c27-jobs .c27-section-head h2::before{height:2px;border-radius:0;background:#a6dfff}
.c27.c27-reality .c27-job-group-heading{font-weight:700;color:var(--c27-cat)!important;letter-spacing:.035em}
.c27.c27-reality .c27-job-group-heading::before{width:18px;height:1px;border-radius:0}
.c27.c27-reality .c27-job-group--internal{border-top-color:#b5d9f043}
.c27.c27-reality .c27-job-card{
  border:1px solid #cce8ff55;border-left:3px solid var(--c27-cat);border-radius:10px;
  background:linear-gradient(118deg,#f0faff20,#c4e5fc0b 55%,#cbeaff1c);
  box-shadow:inset 0 1px 0 #ffffff55,0 9px 25px #03142733;
  backdrop-filter:blur(15px) saturate(1.1);-webkit-backdrop-filter:blur(15px) saturate(1.1);
}
.c27.c27-reality .c27-job-card:hover{background:linear-gradient(118deg,#f0faff30,#c4e5fc14 55%,#cbeaff28);border-color:#cce8ff9c;box-shadow:inset 0 1px 0 #ffffff70,0 14px 30px #03142760}
.c27.c27-reality .c27-job-card:active{box-shadow:inset 0 1px 0 #ffffff55,0 3px 10px #03142733}
.c27.c27-reality .c27-job-card--internal{border-style:dashed;border-left-style:solid;background:linear-gradient(118deg,#e2f3ff1b,#b0d7f00a)}
.c27.c27-reality .c27-job-card-company{font-weight:800;color:#f3f9ff}
.c27.c27-reality .c27-job-card-meta{color:#c2d7e8}
.c27.c27-reality .c27-card-arrow{color:#c0e8ff;border:1px solid #b9e1fb73;background:#bfddf018;box-shadow:inset 0 1px 0 #ffffff25}
.c27.c27-reality .c27-job-card:hover .c27-card-arrow{background:#c4e8ff;color:#102e4c;border-color:#c4e8ff}
.c27.c27-reality .c27-overlay-backdrop{background:#031326b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.c27.c27-reality .c27-dialog{background:radial-gradient(ellipse at 100% 0%,#23577b72,transparent 50%),linear-gradient(155deg,#071c35,#103352);box-shadow:-12px 0 48px #03122377}
.c27.c27-reality .c27-dialog-header{background:#071c35ed;border-bottom:1px solid #bddff038;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.c27.c27-reality .c27-back{border:1px solid #d9eeff62;border-radius:6px;background:#c8eaff13;color:#e7f5ff}
.c27.c27-reality .c27-back:hover{background:#c8eaff29}
.c27.c27-reality .c27-icon-close{border:1px solid #d9eeff4d;background:#c8eaff13;color:#e7f5ff}
.c27.c27-reality .c27-icon-close:hover{background:#c8eaff29}
.c27.c27-reality .c27-detail-company{font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700!important;color:#f3f9ff}
.c27.c27-reality .c27-detail-catch{font-family:"Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;color:#b7e1fa}
.c27.c27-reality .c27-detail-small{color:#b7d7ef}
.c27.c27-reality .c27-feature-tags span{border:1px solid #b9e1fb4d;border-radius:5px;background:#b9e1fb12;color:#e7f5ff}
.c27.c27-reality .c27-detail-block{padding:20px;border:1px solid #cce8ff45;border-radius:14px;background:linear-gradient(125deg,#f0faff1b,#e7f6ff09 60%,#cbeaff16);box-shadow:inset 0 1px 0 #ffffff47,0 8px 25px #03142724;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.c27.c27-reality .c27-detail-block h3{font-weight:700;color:#f3f9ff!important;border-left-color:#a6dfff}
.c27.c27-reality .c27-detail-bodytext{color:#e1edf7}
.c27.c27-reality .c27-recommend-list li::before{color:#b7e1fa}
.c27.c27-reality .c27-terms dt{color:#b7e1fa}
.c27.c27-reality .c27-terms dd{color:#e1edf7}
.c27.c27-reality .c27-terms small{color:#b9cfe0}
.c27.c27-reality .c27-flow li::before{background:#a6dfff;color:#0c2c49}
.c27.c27-reality .c27-flow li:not(:last-child)::after{background:#b7e1fa55}
.c27.c27-reality .c27-balloon{border-color:#99cbed6b;background:#183b5c;color:#e7f5ff;box-shadow:inset 0 1px 0 #ffffff23}
.c27.c27-reality .c27-balloon::before{border-right-color:#99cbed6b}
.c27.c27-reality .c27-balloon::after{border-right-color:#183b5c}
.c27.c27-reality .c27-entry-button{color:#10263f!important;background:linear-gradient(100deg,#d58257,#e9a66b 76%,#f4c188);border:1px solid #ffdeb4bf;box-shadow:0 10px 25px #03112255,inset 0 1px 0 #fff2d98c}
.c27.c27-reality .c27-entry-button:hover{background:linear-gradient(100deg,#e39465,#f4bb81)}
.c27.c27-reality .c27-story--dialog{background:#09213d;border-top:1px solid #cce8ff38}
.c27.c27-reality .c27-story--dialog .c27-story-copy h2{font-weight:700;color:#f3f9ff}
.c27.c27-reality .c27-story--dialog .c27-story-copy h2 span{color:#b7e1fa}
.c27.c27-reality .c27-story--dialog .c27-story-paragraphs .c27-story-strong{color:#f3f9ff;background:linear-gradient(transparent 62%,#385e7c 62%)}
.c27.c27-reality .c27-story--dialog .c27-apply-button{border:1px solid #b9e1fb80;background:linear-gradient(120deg,#c8eaff1c,#c8eaff0b);color:#e7f5ff!important;box-shadow:inset 0 1px 0 #ffffff47,0 8px 20px #0314273d}
.c27.c27-reality .c27-story--dialog .c27-apply-button:hover{background:#c8eaff25}
.c27.c27-reality .c27-job-card .c27-ripple{background:#b7e1fa3b}
@media(max-width:680px){
 .c27.c27-reality .c27-detail-block{padding:17px 15px}
 .c27.c27-reality .c27-detail-company{font-size:26px!important}
 .c27.c27-reality .c27-detail-catch{font-size:23px}
 .c27.c27-reality .c27-detail-bodytext,.c27.c27-reality .c27-recommend-list{font-size:15px;line-height:1.95}
 .c27.c27-reality .c27-balloon{padding:12px!important;font-size:13px}
}


/* 2026-10-22: LP polish, light job details, circular tap and form brand mark. */
.c27.c27-reality .c27-tapkun{
  width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid #e4f6ffb3;border-radius:50%;
  background:#a8ddfa!important;box-shadow:0 0 19px #8bd8ff55;
  animation:c27-tap-circle .75s ease-out forwards!important;
}
@keyframes c27-tap-circle{0%{opacity:0;transform:scale(.35)}25%{opacity:.65;transform:scale(1)}100%{opacity:0;transform:scale(1.65)}}
.c27.c27-reality .c27-job-card{
  border:1px solid #d8efff70;border-left-width:1px!important;border-radius:12px;
  background:linear-gradient(122deg,#eefaff2c,#d1eaff0b 52%,#e4f5ff24);
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #a3cce91f,0 10px 28px #0314273d;
  backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
}
.c27.c27-reality .c27-job-card--internal{border-style:solid}
.c27.c27-reality .c27-job-card-company{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;font-weight:600;letter-spacing:.015em}
.c27.c27-reality .c27-job-card-meta{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:400;letter-spacing:0}
.c27.c27-reality .c27-job-group-heading{font-family:"Noto Sans JP","Yu Gothic",sans-serif!important;font-weight:600}
.c27.c27-reality .c27r-mini-label{text-wrap:balance}
.c27.c27-reality .c27r-clock-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.1fr 1fr .9fr;row-gap:3px;bottom:20px}
.c27.c27-reality .c27r-time-stripe:first-child{grid-column:1/-1;grid-row:1}
.c27.c27-reality .c27r-time-stripe:nth-child(2){grid-column:1;grid-row:2}
.c27.c27-reality .c27r-time-stripe:nth-child(3){grid-column:2;grid-row:2}
.c27.c27-reality .c27r-time-stripe:last-child{grid-column:1/-1;grid-row:3}
.c27.c27-reality .c27r-time-stripe:nth-child(2) .c27r-ticker,.c27.c27-reality .c27r-time-stripe:nth-child(3) .c27r-ticker{width:94%;right:0;height:86%;top:12%}
.c27.c27-reality .c27r-time-stripe:last-child .c27r-ticker{top:0;height:94%}
.c27.c27-reality :is(.c27-apply-button,.c27-head-link){
  background:linear-gradient(100deg,#d58257,#e9a66b 76%,#f4c188);color:#10263f!important;
  border:1px solid #ffdeb4bf;border-radius:8px;box-shadow:0 10px 26px #0311223d,inset 0 1px 0 #fff2d9ad;
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;font-weight:700;
}
.c27.c27-reality :is(.c27-apply-button,.c27-head-link):hover{background:linear-gradient(100deg,#e39465,#f4bb81)}
.c27.c27-reality .c27-head-link{white-space:nowrap}
.c27.c27-reality .c27-footer-contact a{color:inherit}
/* The detail panel is intentionally brighter than the introduction. */
.c27.c27-reality .c27-dialog{
  --c27-ink:#183d5b;--c27-text:#294e6b;--c27-muted:#53738b;--c27-faint:#5e7c93;
  --c27-orange:#4380a7;--c27-orange-text:#2c648a;--c27-orange-deep:#52738d;
  --c27-cream:#e5f2fc;--c27-paper:#d9ecfa;--c27-line:#8eb7d54d;
  color:#294e6b;background:radial-gradient(ellipse at 100% 0%,#ffffffb5,transparent 55%),linear-gradient(155deg,#e8f5ff,#cfe8fa);
  box-shadow:-12px 0 48px #03122345;
}
.c27.c27-reality[data-c27-polish] .c27-dialog-header{display:none}
.c27.c27-reality .c27-dialog-scroll{padding-bottom:94px}
.c27.c27-reality .c27-back.c27-bottom-back{
  position:absolute;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:4;
  display:grid;place-items:center;gap:0;padding:0;width:52px;height:52px;min-width:52px;
  border:1px solid #ffffffed;border-radius:50%;color:#234f70;background:#ffffffcc;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 7px 24px #234d6e26,inset 0 1px 0 #fff;
}
.c27.c27-reality .c27-back.c27-bottom-back:hover{background:#fff;transform:translateX(-2px)}
.c27.c27-reality .c27-bottom-back svg{width:23px;height:23px;display:block}
.c27.c27-reality .c27-dialog :is(.c27-detail-company,.c27-detail-role,.c27-detail-block h3,.c27-recommend-list,.c27-detail-bodytext){color:#244b69!important}
.c27.c27-reality .c27-dialog :is(.c27-detail-catch,.c27-detail-small,.c27-terms dt){color:#2e6b95}
.c27.c27-reality .c27-dialog .c27-detail-mini-line{background:#4380a7}
.c27.c27-reality .c27-dialog .c27-feature-tags span{border:1px solid #88b1cf66;background:#ffffff7d;color:#355f7e}
.c27.c27-reality .c27-dialog .c27-detail-block{border-color:#ffffffdc;background:linear-gradient(125deg,#ffffff9c,#ffffff4a 60%,#f7fcffa1);box-shadow:inset 0 1px 0 #fff,0 8px 24px #416b8611}
.c27.c27-reality .c27-dialog .c27-detail-block h3{border-left-color:#639fc6}
.c27.c27-reality .c27-dialog .c27-recommend-list li::before{color:#4e85a9}
.c27.c27-reality .c27-dialog .c27-terms dd{color:#294e6b}
.c27.c27-reality .c27-dialog .c27-terms small{color:#5e7c93}
.c27.c27-reality .c27-dialog .c27-flow li::before{color:#fff;background:#639fc6}
.c27.c27-reality .c27-dialog .c27-flow li:not(:last-child)::after{background:#9dbfd6}
.c27.c27-reality .c27-detail-kun{align-items:center}
.c27.c27-reality .c27-logo-circle{display:grid;place-items:center;flex:none;width:72px;height:72px;padding:11px;border:1px solid #fff;border-radius:50%;background:#fff;box-shadow:0 5px 18px #416b861a;overflow:hidden}
.c27.c27-reality .c27-logo-circle img{width:100%;height:100%;object-fit:contain;filter:none}
.c27.c27-reality .c27-dialog .c27-balloon{border-color:#a9c7dc;background:#f5fbff;color:#315872;box-shadow:inset 0 1px 0 #fff}
.c27.c27-reality .c27-dialog .c27-balloon::before{border-right-color:#a9c7dc}
.c27.c27-reality .c27-dialog .c27-balloon::after{border-right-color:#f5fbff}
.c27.c27-reality .c27-dialog .c27-story--dialog{background:#d9ecfa;border-top:1px solid #a9c7dc66}
.c27.c27-reality .c27-dialog .c27-story-copy h2{color:#244b69}
.c27.c27-reality .c27-dialog .c27-story-copy h2 span{color:#36769f}
.c27.c27-reality .c27-dialog .c27-story-paragraphs .c27-story-strong{color:#244b69;background:linear-gradient(transparent 62%,#b7d9ed 62%)}
.c27.c27-reality .c27-dialog .c27-apply-button{color:#10263f!important;border:1px solid #ffdeb4bf;background:linear-gradient(100deg,#d58257,#e9a66b 76%,#f4c188);box-shadow:0 8px 22px #31556e1a,inset 0 1px 0 #fff2d9ad}
.c27.c27-reality .c27-dialog .c27-apply-button:hover{background:linear-gradient(100deg,#e39465,#f4bb81)}
.c27.c27-reality .c27r-recaptcha-note{margin:0 auto;padding:0 clamp(20px,4vw,48px) 22px;max-width:1080px;color:#627d94;font:400 11px/1.8 "Noto Sans JP","Yu Gothic",sans-serif}
.c27.c27-reality .c27-dialog .c27r-recaptcha-note{padding:0;margin:20px 0 0;color:#5b7a91;font-size:10px}
.c27r-recaptcha-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
body:has(.c27r-recaptcha-note) .grecaptcha-badge{visibility:hidden!important}
/* Use the same official logo as the TOP, placed before the existing class/year label. */
.c27.c27e .c27e-kicker .c27e-brand-mark{display:none!important}
.c27.c27e .c27e-kicker{display:flex!important;align-items:center;justify-content:flex-start!important;gap:6px;position:relative;left:auto;top:auto;text-align:left!important}
.c27.c27e .c27e-kicker img.c27-form-brand{display:block!important;width:15px!important;height:15px!important;min-width:15px;max-width:15px!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;filter:none!important;order:-1;align-self:center}
.c27.c27e .c27r-recaptcha-note{padding:0;margin:22px 0 0;color:#647586;font:400 10px/1.8 "Noto Sans JP","Yu Gothic",sans-serif}
@media(max-width:767px){
 .c27.c27-reality .c27r-stats h2{font-size:clamp(13.5px,4.35vw,19px);letter-spacing:-.045em;white-space:nowrap}
 .c27.c27-reality .c27r-mini-label{font-size:clamp(10.5px,2.9vw,12px)}
 .c27.c27-reality .c27r-time-caption{font-size:10px;letter-spacing:.2em}
 .c27.c27-reality .c27r-time-stripe:nth-child(2) .c27r-time-caption,.c27.c27-reality .c27r-time-stripe:nth-child(3) .c27r-time-caption{right:5%}
 .c27.c27-reality .c27-logo-circle{width:60px;height:60px;padding:9px}
 .c27.c27-reality .c27-bottom-back{left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){.c27.c27-reality .c27r-mini-stat{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){.c27.c27-reality .c27-tapkun{animation:none!important;display:none}}




/* 2026-10-23: leftward swipe and deeper orange entry CTA. */
.c27.c27-reality.c27v-ready .c27-overlay .c27-dialog{touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}
.c27.c27-reality.c27v-ready .c27-overlay.is-open.is-swiping .c27-dialog{transform:translateX(var(--c27-swipe-x,0px));transition:none}
.c27.c27-reality.c27v-ready .c27-overlay.is-open.is-swiping .c27-overlay-backdrop{opacity:var(--c27-swipe-opacity,1);transition:none}
.c27.c27-reality.c27v-ready .c27-dialog .c27-entry-button{background:linear-gradient(115deg,#a83d0c,#b84612 70%,#c45018);color:#fff!important;border-color:#fff1e9b3;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #7c2d1255,0 9px 26px #91401926}
.c27.c27-reality.c27v-ready .c27-dialog .c27-entry-button:is(:hover,:focus-visible){background:linear-gradient(115deg,#8f3209,#a73b0d 70%,#b44412);color:#fff!important;border-color:#fff;box-shadow:inset 0 1px 0 #ffffff85,0 12px 28px #91401930}
body.careee27-blank:is(.page-id-43825,.page-id-43873) .c27.c27e .c27e-field em{background:#b84a17!important;color:#fff!important;border:1px solid #a64215;box-shadow:inset 0 1px 0 #ffffff26;font-weight:700;padding:2px 7px;line-height:1.4;letter-spacing:.03em}