@media(max-width:767px){
 .hero-worker,.hero-background{left:calc(50% - 460px)}
 .hero-background{opacity:.18}
 .hero-description{margin-top:140px;font-size:16px;max-width:235px}
 .sp-break{display:inline}
 .hero-badges{margin-top:22px}
 .join-section{padding-top:45px}
 .join-grid{display:flex;flex-direction:column;width:calc(100% - 40px);gap:0}
 .join-copy{display:contents}
 .join-copy h2{order:1;text-align:right;width:100%;font-size:64px;line-height:1.2}
 .join-copy .join-label{order:2;text-align:right;width:100%;font-size:14px;margin-top:5px}
 .join-copy p{order:3;width:100%;font-size:21px;text-align:center;line-height:1.8;margin:40px 0 30px}
 .join-video{order:4;width:100%;max-width:375px;align-self:center}
 .join-copy .button{order:5;align-self:center;width:100%;max-width:330px;min-height:55px;margin:35px auto 0;font-size:17px}
 .join-copy .button .button-arrow{width:32px}
 .join-ribbon{height:230px;clip-path:polygon(0 0,100% 0,100% 100%,0 50%)}
 .join-section.decorated:before,.join-section.decorated:after{display:none}
 .join-section .lineart{bottom:0;width:100%;right:-15%}
 .join-section .banner-space{margin-block:65px 0}
 .video-play{width:56px;height:56px;left:calc(50% - 28px);top:44%;font-size:24px}
}