/* v2.0.15: supplied photographs and editorial layout */
body.echo-recruit-page{--paper:#fafbf8;--sand:#edf2eb;--section:clamp(72px,7vw,108px)}
body.echo-recruit-page #echo-recruit figure{margin-left:0;margin-right:0}
body.echo-recruit-page #echo-recruit .hero{padding-top:64px;padding-bottom:80px;gap:5vw;align-items:center}
body.echo-recruit-page #echo-recruit .hero-visual.editorial-hero{height:auto;padding-bottom:90px}
body.echo-recruit-page #echo-recruit .hero-photo{position:relative;inset:auto;height:auto;aspect-ratio:1.34;border-radius:4px;overflow:hidden;box-shadow:none}
body.echo-recruit-page #echo-recruit .hero-photo img{object-position:50% 50%}
body.echo-recruit-page #echo-recruit .hero-photo figcaption{font-size:13px}
body.echo-recruit-page #echo-recruit .hero-inset{position:absolute;right:3%;bottom:0;width:55%;margin:0;border:8px solid var(--paper);background:var(--paper);box-shadow:0 12px 28px #153b4015}
body.echo-recruit-page #echo-recruit .hero-inset img{width:100%;aspect-ratio:1.6;object-fit:cover}
body.echo-recruit-page #echo-recruit .hero-inset figcaption{padding:10px 3px 2px;font-size:13px;font-weight:700}
body.echo-recruit-page #echo-recruit .job-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.echo-recruit-page #echo-recruit .job-card{padding:0 26px 32px;overflow:hidden;min-width:0;border-radius:4px}
body.echo-recruit-page #echo-recruit .job-photo{margin:0 -26px 26px;aspect-ratio:1.4;overflow:hidden}
body.echo-recruit-page #echo-recruit .job-photo img{width:100%;height:100%;object-fit:cover}
body.echo-recruit-page #echo-recruit .job-no{display:none}
body.echo-recruit-page #echo-recruit .job-en{margin-bottom:14px}
body.echo-recruit-page #echo-recruit .job-card h4{font-size:19px;line-height:1.7}
body.echo-recruit-page #echo-recruit .workplace-section{padding:var(--section) var(--gutter);background:#fff}
body.echo-recruit-page #echo-recruit .workplace-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;max-width:var(--max);margin:40px auto 0}
body.echo-recruit-page #echo-recruit .workplace-grid figure{margin:0;min-width:0}
body.echo-recruit-page #echo-recruit .workplace-grid figure:first-child{grid-column:span 2}
body.echo-recruit-page #echo-recruit .workplace-grid figure:last-child{grid-column:span 2}
body.echo-recruit-page #echo-recruit .workplace-grid img{width:100%;height:300px;object-fit:cover;border-radius:3px}
body.echo-recruit-page #echo-recruit .workplace-grid figure:last-child img{object-position:50% 48%}
body.echo-recruit-page #echo-recruit .workplace-grid figcaption{padding:17px 0 12px;display:flex;flex-direction:column;gap:6px}
body.echo-recruit-page #echo-recruit .workplace-grid strong{font-size:20px}
body.echo-recruit-page #echo-recruit .workplace-grid span{font-size:15px;color:var(--muted)}
body.echo-recruit-page #echo-recruit .locations-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
body.echo-recruit-page #echo-recruit .location-photo{margin:0}
body.echo-recruit-page #echo-recruit .location-photo img{width:100%;height:auto}
body.echo-recruit-page #echo-recruit .location-photo figcaption{padding-top:12px;font-size:14px;color:var(--muted)}
body.echo-recruit-page #echo-recruit .work-story figure,body.echo-recruit-page #echo-recruit .editorial-photo{position:relative}
body.echo-recruit-page #echo-recruit .image-source-note{position:absolute;bottom:12px;left:12px;right:auto;max-width:calc(100% - 24px);padding:6px 10px;background:#ffffffeb;color:#334b4f;font-size:12px;line-height:1.5;z-index:1}
body.echo-recruit-page #echo-recruit .training-photo{min-width:0;align-self:stretch}
body.echo-recruit-page #echo-recruit .training-photo img{object-position:50% 50%}
body.echo-recruit-page #echo-recruit .digital-editorial .editorial-photo img{object-position:50% 50%}
@media(max-width:1024px){
 body.echo-recruit-page #echo-recruit .hero{padding:42px 24px 52px;gap:32px}
 body.echo-recruit-page #echo-recruit .hero-visual.editorial-hero{height:auto;margin:0;padding-bottom:90px;width:100%}
 body.echo-recruit-page #echo-recruit .hero-photo{aspect-ratio:1.5}
 body.echo-recruit-page #echo-recruit .job-grid{grid-template-columns:1fr;gap:24px}
 body.echo-recruit-page #echo-recruit .job-photo{aspect-ratio:1.65}
 body.echo-recruit-page #echo-recruit .workplace-section{padding:72px 24px}
 body.echo-recruit-page #echo-recruit .workplace-grid{grid-template-columns:1fr 1fr;gap:24px}
 body.echo-recruit-page #echo-recruit .workplace-grid figure:first-child,body.echo-recruit-page #echo-recruit .workplace-grid figure:last-child{grid-column:auto}
 body.echo-recruit-page #echo-recruit .workplace-grid img{height:240px}
 body.echo-recruit-page #echo-recruit .locations-section{grid-template-columns:1fr;gap:32px}
 body.echo-recruit-page #echo-recruit .training-photo,body.echo-recruit-page #echo-recruit .training-photo img{min-height:0;height:auto;aspect-ratio:1.35}
 body.echo-recruit-page #echo-recruit .editorial-photo,body.echo-recruit-page #echo-recruit .editorial-photo img{min-height:0;height:auto;aspect-ratio:1.4}
}
@media(max-width:640px){
 body.echo-recruit-page #echo-recruit .hero{padding-left:20px;padding-right:20px}
 body.echo-recruit-page #echo-recruit .hero-visual.editorial-hero{padding-bottom:76px}
 body.echo-recruit-page #echo-recruit .hero-photo{aspect-ratio:1.25}
 body.echo-recruit-page #echo-recruit .hero-inset{width:61%;right:0;border-width:5px}
 body.echo-recruit-page #echo-recruit .hero-photo figcaption{font-size:11px}
 body.echo-recruit-page #echo-recruit .hero-inset figcaption{font-size:11px}
 body.echo-recruit-page #echo-recruit .workplace-grid{grid-template-columns:1fr;gap:24px}
 body.echo-recruit-page #echo-recruit .workplace-grid img{height:auto;aspect-ratio:1.35}
 body.echo-recruit-page #echo-recruit .workplace-grid figure:last-child img{aspect-ratio:1;object-position:center}
 body.echo-recruit-page #echo-recruit .job-photo{aspect-ratio:1.4}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:1025px) and (max-width:1180px){body.echo-recruit-page #echo-recruit .people-copy{grid-template-columns:1fr 1fr;gap:36px}}
