.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:16px}.poster-panel{display:block;position:relative;overflow:hidden;border-radius:9px}.poster-panel img{position:absolute;max-width:none;height:auto;top:0}.poster-panel-0{aspect-ratio:624/684}.poster-panel-0 img{width:328.206%;left:0}.poster-panel-1{aspect-ratio:776/684}.poster-panel-1 img{width:263.918%;left:-80.4124%}.poster-panel-2{aspect-ratio:648/684}.poster-panel-2 img{width:316.05%;left:-216.05%}}