.recruitment-layout{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:24px;align-items:center;background:#fff;border-radius:9px}
.recruitment-layout>*{min-width:0}
.recruitment-layout{padding-inline:0}
.recruitment-copy{padding-inline:15px}
.recruitment-copy h2{font-size:27px;line-height:1.35;margin:10px 0 12px}
.recruitment-copy p,.recruitment-copy li{font-size:15px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
.recruitment-copy ul{padding-left:20px;margin:14px 0 0}
.recruitment-copy li::marker{color:#6b9c37}
.recruitment-photo{grid-column:3;grid-row:1;position:relative;aspect-ratio:606/450;overflow:hidden;border-radius:8px}
.recruitment-photo img{position:absolute;width:337.954%;max-width:none;height:auto;left:-234.653%;top:-24%;display:block}
.recruitment-notice{grid-column:2;grid-row:1;background:#f3f6ef;border:1px solid #e0e7d7;border-radius:8px;padding:22px 16px;text-align:center}
.recruitment-notice h3{margin:0;font-size:20px;line-height:1.5;word-break:keep-all}
.recruitment-notice p{font-size:15px;line-height:1.7}
.recruitment-notice .button{width:100%;min-height:46px;font-size:15px;padding:10px}
@media(max-width:1000px) and (min-width:761px){.recruitment-layout{grid-template-columns:1.2fr 1fr;gap:20px}.recruitment-photo{grid-column:2;grid-row:1}.recruitment-notice{grid-column:1/-1;grid-row:2}.recruitment-notice .button{width:auto;min-width:240px}}
@media(max-width:760px){.recruitment-layout{grid-template-columns:1fr;gap:20px}.recruitment-copy h2{font-size:25px}.recruitment-photo,.recruitment-notice{grid-column:auto;grid-row:auto}.recruitment-photo{width:100%;max-width:none;justify-self:stretch}.recruitment-notice{padding:20px}}
/* Align both desktop rows to the same three-column frame. */
@media(min-width:761px){
 .path-grid,.recruitment-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-auto-rows:360px;align-items:stretch}
 .path-grid>a{display:flex;flex-direction:column;justify-content:center}
 .recruitment-copy{display:flex;flex-direction:column;justify-content:center}
 .recruitment-copy h2{font-size:24px}
 .recruitment-photo{grid-column:3;grid-row:1;aspect-ratio:auto}
 .recruitment-photo img{width:auto;min-width:100%;height:152%;left:auto;right:-2px;top:-24%}
 .recruitment-notice{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center}
 .recruitment-notice .button{min-width:0;width:100%}
}
@media(min-width:1100px){
 .path-grid,.recruitment-layout{grid-auto-rows:300px}
}

/* Restore the compact upper cards while retaining aligned columns. */
@media(min-width:761px){.path-grid{grid-auto-rows:auto}.path-grid>a{display:block;min-height:0}}
@media(max-width:760px){.hero-content>p{word-break:keep-all;overflow-wrap:normal}}
/* Preserve the complete robot and both people inside the aligned frame. */
.recruitment-photo{display:flex;align-items:center;background:#f6f3ed}
.recruitment-photo-crop{position:relative;width:100%;aspect-ratio:606/450;overflow:hidden}
.recruitment-photo .recruitment-photo-crop img{position:absolute;width:337.954%;min-width:0;max-width:none;height:auto;left:-234.653%;right:auto;top:-24%}

.recruitment-poster>a{display:block}.recruitment-poster>a>img{display:block;width:100%;height:auto;border-radius:9px}

/* Compact spacing below the recruitment poster. */
#main:has(.hero) .recruitment-poster{padding-bottom:20px}
@media(max-width:760px){#main:has(.hero) .recruitment-poster{padding-bottom:16px}}


.recruitment-poster-mobile{display:none}
@media(max-width:760px){.recruitment-poster>a{display:none}.recruitment-poster-mobile{display:grid;gap:12px}.poster-panel{display:block;position:relative;overflow:hidden;border-radius:9px}.poster-panel img{position:absolute;max-width:none;height:auto;}.poster-panel-0{aspect-ratio:724/451}.poster-panel-0 img{width:282.87292817679554%;left:0%;top:0%;}.poster-panel-1{aspect-ratio:324/402}.poster-panel-1 img{width:632.0987654320987%;left:-223.4567901234568%;top:-12.437810945273633%;}.poster-panel-2{aspect-ratio:307/402}.poster-panel-2 img{width:667.1009771986971%;left:-342.671009771987%;top:-12.437810945273633%;}.poster-panel-3{aspect-ratio:316/405}.poster-panel-3 img{width:648.1012658227849%;left:-431.32911392405066%;top:-12.345679012345679%;}.poster-panel-4{aspect-ratio:343/372}.poster-panel-4 img{width:597.0845481049563%;left:-490.37900874635574%;top:-13.440860215053762%;}.poster-panel-5{aspect-ratio:831/207}.poster-panel-5 img{width:246.45006016847174%;left:-2.406738868832732%;top:-217.39130434782606%;}.poster-panel-6{aspect-ratio:620/176}.poster-panel-6 img{width:330.3225806451613%;left:-137.90322580645162%;top:-267.6136363636364%;}.poster-panel-7{aspect-ratio:545/176}.poster-panel-7 img{width:375.7798165137615%;left:-271.559633027523%;top:-267.6136363636364%;}}


.recruitment-mobile-info{display:grid;gap:16px;min-width:0}.poster-bottom{display:block;position:relative;overflow:hidden;border-radius:10px;min-width:0}.poster-bottom img{display:block;position:absolute;max-width:none;height:auto;}.poster-bottom-0{aspect-ratio:836/214}.poster-bottom-0 img{width:244.97607655502392%;left:-2.15311004784689%;top:-207.47663551401868%;}.poster-bottom-1{aspect-ratio:626/181}.poster-bottom-1 img{width:327.15654952076676%;left:-136.10223642172522%;top:-258.56353591160223%;}.poster-bottom-2{aspect-ratio:550/181}.poster-bottom-2 img{width:372.3636363636364%;left:-268.54545454545456%;top:-258.56353591160223%;}
/* Explicit detail-page action below the desktop and mobile banners. */
.recruitment-detail-action{display:flex;justify-content:center;margin-top:20px}.recruitment-detail-action .button{min-height:52px;padding:13px 28px;font-size:17px;text-align:center;line-height:1.5;word-break:keep-all}@media(max-width:760px){.recruitment-detail-action{margin-top:16px}.recruitment-detail-action .button{width:100%;min-height:54px;padding:13px 12px;font-size:15px}}