/* Recruitment cards and the shared company brochure. */
body.subpage.page-recruit .recruit-data-note{font-size:15px;line-height:1.7;color:var(--muted);margin:12px 0 0;text-align:right}
body.subpage.page-recruit :is(section[aria-labelledby="recruit-data"],section[aria-labelledby="recruit-license"])>.sec-ttl{margin-bottom:24px}
body.subpage.page-recruit :is(.recruit-metrics,.qualification-panel--featured){margin-top:0}
@media(max-width:760px){body.subpage.page-recruit :is(section[aria-labelledby="recruit-data"],section[aria-labelledby="recruit-license"])>.sec-ttl{margin-bottom:20px}}
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact{position:relative;overflow:visible;gap:24px;padding:24px;border:1.5px solid #bababa;border-left:4px solid #858585;border-radius:14px;background:linear-gradient(115deg,#f0f0f0 0%,#fafafa 48%,#f3f3f3 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 3px 0 #e0e0e0,0 8px 20px rgba(38,38,38,.08);transform:none!important;transition:box-shadow .25s ease,border-color .25s ease}
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact:is(:hover,:focus-visible){transform:none!important;filter:none;background:linear-gradient(115deg,#f0f0f0 0%,#fafafa 48%,#f3f3f3 100%);border-color:#949494;border-left-color:#858585;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 0 #e0e0e0,0 10px 24px rgba(38,38,38,.13)}
/* A single directional line marks the main links without shifting their text. */
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact::before{content:"";position:absolute;inset:auto 18px 6px;height:2px;width:auto;border:0;border-radius:2px;background:linear-gradient(90deg,#39758e,#77a2b1);box-shadow:none;pointer-events:none;transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .18s ease}
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact:is(:hover,:focus-visible)::before{transform:scaleX(1);opacity:1}
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact:hover::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:transparent}
body.subpage.page-recruit .job-thumb{flex:0 0 112px;height:128px;border-radius:12px}
body.subpage.page-recruit .job-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:none}
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact .job-thumb img{transform:none!important;box-shadow:none;transition:none}
/* Center the civil portrait without cropping the top of its safety helmet. */
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact[href="job/job-civil-supervisor.html"] .job-thumb img{width:112%;max-width:none;height:100%;object-position:left top}
body.subpage.page-recruit .job-info{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 16px;align-items:center}
body.subpage.page-recruit .job-title{font-size:24px;line-height:1.5;padding:0;margin:0;letter-spacing:.03em}
body.subpage.page-recruit .job-card--compact .badge-new{position:absolute;top:-14px;right:18px;z-index:2;border-radius:6px;font-size:18px;font-weight:500;line-height:1.4;color:#ce402d;background:#fff9f6;border:2px solid #ce402d;padding:6px 14px;letter-spacing:.06em;margin:0;white-space:nowrap;text-shadow:none;box-shadow:0 3px 6px rgba(0,0,0,.14);filter:none;transform:rotate(-8deg);animation:none}
@keyframes recruit-stamp-sway{0%,100%{transform:rotate(-8deg)}25%{transform:rotate(-11deg)}55%{transform:rotate(-5deg)}80%{transform:rotate(-9deg)}}
@media(hover:hover) and (pointer:fine){body.subpage.page-recruit .job-card--compact:hover .badge-new{animation:recruit-stamp-sway 1s ease-in-out}}
body.subpage.page-recruit .job-card--compact:focus-visible .badge-new{animation:recruit-stamp-sway 1s ease-in-out}
@media(max-width:768px){body.subpage.page-recruit .job-card--compact .badge-new{animation:recruit-stamp-sway 3s ease-in-out infinite}}
@media(prefers-reduced-motion:reduce){body.subpage.page-recruit .job-card--compact .badge-new,body.subpage.page-recruit .job-card--compact:is(:hover,:focus-visible) .badge-new{animation:none}}
body.subpage.page-recruit .badge-new:before{display:none;content:none}
body.subpage.page-recruit .job-action{grid-column:1/-1;justify-self:end;display:inline-flex;align-items:center;gap:18px;min-height:46px;box-sizing:border-box;padding:9px 16px 9px 20px;border:1px solid #b7b7b7;border-radius:24px;background:#ededed;color:#3f3f3f;font-size:14px;font-weight:500;line-height:1.5;transform:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
body.subpage.page-recruit .job-action>span{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;box-sizing:border-box;border:1px solid #c5c5c5;border-radius:50%;background:#fafafa;transition:transform .25s ease,background-color .2s ease,border-color .2s ease}
body.subpage.page-recruit .job-action svg{display:block;width:16px;height:16px}
body.subpage.page-recruit .job-card:is(:hover,:focus-visible) .job-action{background:#ededed;border-color:#8f8f8f;color:#333;box-shadow:0 3px 8px rgba(42,42,42,.14)}
body.subpage.page-recruit .job-card:is(:hover,:focus-visible) .job-action>span{transform:translateX(5px);border-color:#8f8f8f;background:#fff}
@media(prefers-reduced-motion:reduce){body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact,body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact::before{transition:none}body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact:is(:hover,:focus-visible){transform:none!important;box-shadow:0 3px 0 #e0e0e0,0 8px 20px rgba(38,38,38,.12)}body.subpage.page-recruit .job-action,body.subpage.page-recruit .job-action>span{transition:none}body.subpage.page-recruit .job-card:is(:hover,:focus-visible) .job-action>span{transform:none}}
/* The existing voice frame responds to its single native link. */
body.subpage.page-recruit .section-voice{position:relative;background:linear-gradient(115deg,#f3f6f0 0%,#fbfcf8 54%,#edf3e9 100%);border-color:#becabe;box-shadow:0 8px 22px rgba(52,72,59,.07);transition:border-color .28s ease,box-shadow .28s ease}
body.subpage.page-recruit .section-voice>.sec-ttl{background:linear-gradient(110deg,#526d64,#89a095)}
body.subpage.page-recruit .section-voice>.sec-ttl>.bar{background:#bdd0c3}
body.subpage.page-recruit .section-voice>.sec-ttl .eyebrow{color:#eaf1ed}
body.subpage.page-recruit .section-voice>.voice-panel-link{position:static;display:block;color:inherit;text-decoration:none;border-radius:inherit;cursor:pointer;transform:none!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body.subpage.page-recruit .section-voice>.voice-panel-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:transparent;pointer-events:auto}
body.subpage.page-recruit .section-voice>.voice-panel-link:focus-visible{outline:none}
body.subpage.page-recruit .section-voice>.voice-panel-link:focus-visible::after{outline:3px solid #526d64;outline-offset:5px}
body.subpage.page-recruit .section-voice:has(>.voice-panel-link:is(:hover,:focus-visible)){background:linear-gradient(115deg,#f3f6f0 0%,#fbfcf8 54%,#edf3e9 100%);border-color:#a0b3a3;box-shadow:0 12px 28px rgba(52,72,59,.11)}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-link{background:#526d64;border-color:#526d64;color:#fff;transform:none!important;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-link{background:#466256;border-color:#466256;color:#fff;box-shadow:0 4px 10px rgba(52,72,59,.14)}
body.subpage.page-recruit .section-voice>.voice-panel-link:active .voice-link{background:#466256;border-color:#466256;color:#fff;box-shadow:inset 0 2px 5px rgba(25,43,32,.16)}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic img{transform:none!important;transition:none;will-change:auto}
/* Bring the desk portrait closer within its existing frame. */
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic .recruit-employee-photo--desk img{width:150%;height:150%;margin-left:-15%}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic figure{rotate:0deg;translate:0 0;transform-origin:50% 100%;transition:rotate .28s ease-out,translate .28s ease-out,box-shadow .28s ease-out}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic figure::after{transition:border-color .28s ease}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure{box-shadow:0 12px 22px rgba(34,47,53,.18)}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure::after{border-color:#8e9c9f}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(1){rotate:-2.2deg}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(2){translate:0 -3px}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(3){rotate:2.2deg}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-link__arrow{transition:transform .25s ease,background-color .2s ease}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-link__arrow{transform:translateX(5px);background:rgba(255,255,255,.2)}
@media(max-width:760px){
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(1){rotate:-1.1deg}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(2){translate:0 -2px}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(3){rotate:1.1deg}
}
@media(prefers-reduced-motion:reduce){
body.subpage.page-recruit .section-voice,body.subpage.page-recruit .section-voice>.voice-panel-link .voice-link,body.subpage.page-recruit .section-voice>.voice-panel-link .voice-link__arrow{transition:none}
body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-link__arrow{transform:none!important}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic figure,body.subpage.page-recruit .section-voice>.voice-panel-link:is(:hover,:focus-visible) .voice-mosaic figure:nth-of-type(n){rotate:0deg;translate:0 0;transition:none}
body.subpage.page-recruit .section-voice>.voice-panel-link .voice-mosaic figure::after{transition:none}
}
/* Carry the recruitment voice accent into the employee messages without recoloring their panels. */
body.subpage.page-voice .voice-card h3{color:#526d64}
body.subpage.page-voice .section-actions a.btn.btn-outline:is(:link,:visited){background:#526d64;border-color:#526d64;color:#fff}
body.subpage.page-voice .section-actions a.btn.btn-outline:is(:hover,:focus-visible){background:#466256;border-color:#466256;color:#fff;box-shadow:0 8px 18px rgba(52,72,59,.22),inset 0 1px 0 rgba(255,255,255,.18)}
body.subpage.page-voice .section-actions a.btn.btn-outline:active{background:#466256;border-color:#466256;color:#fff;box-shadow:inset 0 2px 5px rgba(25,43,32,.16)}
body.subpage.page-voice .section-actions a.btn.btn-outline:focus-visible{outline-color:#526d64}
/* Two main qualifications, followed by the remaining qualifications. */
body.subpage.page-recruit .qualification-panel--featured{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body.subpage.page-recruit .qualification-group-label{margin:0 0 14px;font-size:15px;font-weight:600;letter-spacing:.08em;color:#56656c}
body.subpage.page-recruit .qualification-primary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 24px}
body.subpage.page-recruit .qualification-primary-list .qualification-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:146px;padding:28px 30px;border:1px solid #bec7ca;border-radius:18px;background:linear-gradient(125deg,#fff 22%,#f4f5f3);box-shadow:0 7px 18px rgba(35,49,56,.07)}
body.subpage.page-recruit .qualification-primary-list .qualification-row::before{content:"";position:absolute;left:30px;top:0;width:56px;height:3px;border-radius:0 0 3px 3px;background:#667d72}
body.subpage.page-recruit .qualification-primary-list .qualification-row dt{font-size:20px;line-height:1.65;font-weight:600;color:#3b5249}
body.subpage.page-recruit .qualification-primary-list .qualification-row dd{flex-shrink:0;font-size:56px;line-height:1.2;letter-spacing:-.03em;font-weight:600;color:#3b5249;gap:8px}
body.subpage.page-recruit .qualification-primary-list .qualification-row dd span{font-size:15px;letter-spacing:0;color:#66757a;font-weight:400}
body.subpage.page-recruit .qualification-secondary{padding:24px 30px 8px;border:1px solid #d6dfe2;border-radius:20px;background:#fff;box-shadow:0 5px 15px rgba(35,49,56,.035)}
body.subpage.page-recruit .qualification-secondary-label{margin:0 0 4px;font-size:16px;line-height:1.6;font-weight:500;letter-spacing:.03em;color:#52685e}
body.subpage.page-recruit .qualification-secondary .qualification-row dt{font-size:17px}
body.subpage.page-recruit .qualification-secondary .qualification-row dd{font-size:28px}
@media(max-width:760px){
body.subpage.page-recruit .qualification-primary-list{grid-template-columns:1fr;gap:14px;margin-bottom:20px}
body.subpage.page-recruit .qualification-primary-list .qualification-row{min-height:116px;padding:24px;gap:16px}
body.subpage.page-recruit .qualification-primary-list .qualification-row::before{left:24px;width:44px}
body.subpage.page-recruit .qualification-primary-list .qualification-row dt{font-size:18px}
body.subpage.page-recruit .qualification-primary-list .qualification-row dd{font-size:46px}
body.subpage.page-recruit .qualification-secondary{padding:20px 20px 6px}
body.subpage.page-recruit .qualification-secondary .qualification-row dt{font-size:15px}
body.subpage.page-recruit .qualification-secondary .qualification-row dd{font-size:25px}
}
body.subpage:is(.page-recruit,.company-about) .company-pamphlet{max-width:none;margin:28px 0 12px}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner{
display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:28px;padding:24px 32px;
position:relative;isolation:isolate;background:#edf3f7;border:1px solid #b8cbd5;
border-radius:12px;color:#203d4b;box-shadow:inset 0 1px 0 #ffffffb3,0 8px 22px #25495812;text-decoration:none;
transition:background .25s,border-color .25s,box-shadow .25s;
}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:before{
display:block;content:"";position:absolute;inset:6px 6px 6px auto;width:min(40%,440px);
border:0;border-radius:6px;background:url("../img/ui/pamphlet-flow.svg") right center / cover no-repeat;
transform:none;z-index:0;pointer-events:none;transition:transform .3s ease,filter .3s ease,opacity .3s ease;
}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:after{display:block;content:"";position:absolute;inset:5px;z-index:-1;border:1px solid #729ab3;background:radial-gradient(ellipse at 94% 15%,#ffffffb3,transparent 35%),linear-gradient(110deg,#edf3f7 60%,#e1ebf3);border-radius:7px;pointer-events:none;transition:background .25s,border-color .25s}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__body{grid-column:1;grid-row:1;display:block;text-align:left;position:relative;z-index:1}
body.subpage:is(.page-recruit,.company-about) .guide-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:500;letter-spacing:.18em;color:#537989;margin:0 0 8px}
body.subpage:is(.page-recruit,.company-about) .guide-eyebrow:after{content:"";width:48px;height:1px;background:#91aebb}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__lead{font-size:26px;font-weight:500;letter-spacing:.03em;color:#203d4b;margin:0 0 8px}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__text{font-size:15px;color:#516d78;max-width:600px;margin:0;line-height:1.9}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__thumb{grid-column:2;grid-row:1;width:100px;position:relative;perspective:700px;margin-right:8px;z-index:1}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__thumb:before{content:"";position:absolute;inset:2px 1px 1px -4px;background:repeating-linear-gradient(0deg,#e5edf2 0,#e5edf2 2px,#bfcdd7 2px,#bfcdd7 3px);border:1px solid #bdcdd2;transform:rotate(4deg) translate(-2px,3px);border-radius:1px}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__thumb img{
position:relative;max-height:145px;transform:rotateY(-12deg) rotate(4deg)!important;
transform-origin:center;box-shadow:-3px 2px 0 #c4d1d5,5px 12px 18px #25495829;
transition:transform .3s ease,box-shadow .3s ease;
}
body.subpage:is(.page-recruit,.company-about) .btn-pamphlet{display:inline-flex;width:auto;justify-content:space-between;gap:36px;margin:12px 0 0;padding:8px 0;min-height:44px;border:0;border-bottom:1px solid #8eaebb;border-radius:0;background:none;color:#285a70;font-size:15px;font-weight:500;box-shadow:none;transition:color .2s,border-color .2s}
body.subpage:is(.page-recruit,.company-about) .btn-pamphlet:after{content:"↗";font-size:24px;line-height:1;transition:transform .2s ease}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible{outline:3px solid #168fbc;outline-offset:5px;background:#e8f8ff;border-color:#219bc3;box-shadow:inset 0 1px 0 #ffffffd9,0 12px 28px #1e9ac52a}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible:before{transform:translateX(-5px);filter:saturate(1.25);opacity:1}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible:after{border-color:#219bc3;background:radial-gradient(ellipse at 94% 15%,#ffffffe6,transparent 35%),linear-gradient(110deg,#e8f8ff 60%,#ccefff)}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible .btn-pamphlet{color:#087198;border-color:#148fb9}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible .btn-pamphlet:after{transform:translate(3px,-3px)}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:focus-visible .pamphlet-banner__thumb img{transform:rotateY(-5deg) rotate(1deg) translateY(-3px)!important;box-shadow:-3px 2px 0 #c4d1d5,7px 16px 22px #2549582e}
@media(hover:hover) and (pointer:fine){
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover{background:#e8f8ff;border-color:#219bc3;box-shadow:inset 0 1px 0 #ffffffd9,0 12px 28px #1e9ac52a}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover:before{transform:translateX(-5px);filter:saturate(1.25);opacity:1}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover:after{border-color:#219bc3;background:radial-gradient(ellipse at 94% 15%,#ffffffe6,transparent 35%),linear-gradient(110deg,#e8f8ff 60%,#ccefff)}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover .btn-pamphlet{color:#087198;border-color:#148fb9}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover .btn-pamphlet:after{transform:translate(3px,-3px)}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:hover .pamphlet-banner__thumb img{transform:rotateY(-5deg) rotate(1deg) translateY(-3px)!important;box-shadow:-3px 2px 0 #c4d1d5,7px 16px 22px #2549582e}
}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:active,[data-interaction-state="press"]){background:#d9f3ff;border-color:#108ab6;box-shadow:inset 0 2px 5px #159ac624,0 6px 18px #1e9ac520}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:active,[data-interaction-state="press"]):after{border-color:#108ab6;background:radial-gradient(ellipse at 94% 15%,#ffffffd9,transparent 35%),linear-gradient(110deg,#d9f3ff 60%,#c4ecff)}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:active,[data-interaction-state="press"]) .btn-pamphlet{color:#087198;border-color:#108ab6}
@media(max-width:900px){body.subpage.page-recruit #jobs .jobs{grid-template-columns:1fr}}
@media(max-width:760px){
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact{padding:18px;gap:16px}
body.subpage.page-recruit .job-thumb{flex-basis:80px;height:96px}
body.subpage.page-recruit .job-title{font-size:20px}
body.subpage.page-recruit .job-info{gap:6px 8px}
body.subpage.page-recruit .badge-new{font-size:14px;padding:5px 11px}
body.subpage.page-recruit .job-action{font-size:14px}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner{grid-template-columns:minmax(0,1fr) 74px;gap:10px 16px;padding:20px}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:before{inset:auto 6px 6px auto;width:55%;height:165px;background-size:auto 165px;transform:none;opacity:.8}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__body{display:contents}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__body>*{position:relative;z-index:1}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__thumb{grid-column:2;grid-row:3;width:74px;align-self:start;margin:0}
body.subpage:is(.page-recruit,.company-about) .guide-eyebrow{grid-column:1/-1;grid-row:1;font-size:10px;margin:0}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__lead{grid-column:1/-1;grid-row:2;font-size:21px;line-height:1.5;margin:0}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__text{grid-column:1;grid-row:3;font-size:14px;line-height:1.8}
body.subpage:is(.page-recruit,.company-about) .btn-pamphlet{grid-column:1/-1;grid-row:4;justify-self:start;font-size:14px;gap:24px;margin:0;text-align:left}
}
@media(max-width:420px){body.subpage.page-recruit .job-info{grid-template-columns:1fr}body.subpage.page-recruit .job-action{grid-column:1}body.subpage.page-recruit .badge-new{justify-self:start}}
@media(max-width:380px){
body.subpage.page-recruit #jobs .jobs a.job-card.job-card--compact{display:grid;grid-template-columns:80px minmax(0,1fr)}
body.subpage.page-recruit .job-thumb{width:80px;grid-column:1;grid-row:1}
body.subpage.page-recruit .job-info{display:contents}
body.subpage.page-recruit .job-title{grid-column:2;grid-row:1}
body.subpage.page-recruit .job-action{grid-column:1/-1;grid-row:2}
}
@media(prefers-reduced-motion:reduce){
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner,body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:before,body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:after,body.subpage:is(.page-recruit,.company-about) .pamphlet-banner__thumb img,body.subpage:is(.page-recruit,.company-about) .btn-pamphlet,body.subpage:is(.page-recruit,.company-about) .btn-pamphlet:after{transition:none}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:hover,:focus-visible):before{transform:none}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:hover,:focus-visible) .btn-pamphlet:after{transform:none}
body.subpage:is(.page-recruit,.company-about) .pamphlet-banner:is(:hover,:focus-visible) .pamphlet-banner__thumb img{transform:rotateY(-12deg) rotate(4deg)!important}
}