/* Cutout people and oversized typography, inspired by an open recruitment poster. */
.demo{background:#557e70}
header{max-width:none;background:#71998a;color:white;border-bottom:1px solid #ffffff50}
header .brand em,header .header-cta{color:white}header .header-cta{border-color:#ffffff70}
.hero{position:relative;isolation:isolate;display:block;max-width:none;height:720px;padding:38px 5vw 0;background:#71998a;color:#fff;overflow:hidden}
.hero-copy{padding:0;text-align:center;position:relative;z-index:0}
.hero .tag{color:#f7f9e5;border:0;padding:0;font-size:10px;letter-spacing:.2em}
.hero h1{font:500 clamp(22px,2.7vw,38px)/1.6 Arial,"Hiragino Kaku Gothic ProN",sans-serif;letter-spacing:.08em;margin:26px 0 6px}
.hero-copy .hero-english{font:700 clamp(76px,12.8vw,190px)/1.1 Arial,sans-serif;letter-spacing:-.065em;white-space:nowrap;margin:0}
.hero-people{position:absolute;z-index:2;width:min(1050px,84vw);height:auto;max-height:530px;object-fit:contain;left:50%;bottom:65px;transform:translateX(-50%);pointer-events:none}
.hero-ribbon{position:absolute;z-index:1;left:-4%;bottom:80px;width:108%;height:310px;pointer-events:none}
.hero-bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 5vw;background:#71998a}
.hero-bottom p{font-size:13px;margin:0;line-height:1.7}.hero-bottom small{font-size:8px;letter-spacing:.13em}
.hero .btn{margin:0;background:#e8ec89;color:#294f42;border-color:#e8ec89;border-radius:40px;padding:16px 24px;white-space:nowrap}
.hero .btn:hover{background:#f4f6b8}
@media(min-width:1600px){.hero{height:800px}.hero-people{max-height:600px;width:1200px}}
@media(max-width:760px){header{padding:22px 6vw}.hero{height:580px;padding:32px 5vw 0}.hero .tag{font-size:8px}.hero h1{font-size:20px;margin:26px 0 10px}.hero-copy .hero-english{font-size:clamp(46px,12.6vw,94px);letter-spacing:-.065em}.hero-people{width:112%;max-width:none;max-height:none;height:auto;object-fit:contain;bottom:150px}.hero-ribbon{height:260px;bottom:135px;width:160%;left:-30%}.hero-bottom{flex-direction:column;text-align:center;gap:14px;padding:20px 5vw}.hero-bottom p{font-size:12px}.hero .btn{font-size:11px;padding:13px 19px;min-height:44px}}