/* 写真と斜めの色面を、それぞれ独立したレイヤーで配置 */
.sp-break{display:none}
.hero-green{mask-image:linear-gradient(transparent,black 75%)}.hero:before{background:#ffffffd0;clip-path:polygon(0 0,95% 0,0 85%);z-index:-2}.join-ribbon{top:0;left:0;width:100%;height:450px;transform:none;clip-path:polygon(0 0,100% 0,100% 100%,0 25%)}.join-copy p{margin-top:80px}.join-copy h2{margin-right:0}.join-copy .join-label{display:block}.join-copy{padding-right:10%}.join-grid{grid-template-columns:32% 1fr;gap:8%}.hero-content{padding-top:4%}
@media(min-width:1600px){.join-ribbon{height:600px}.join-copy p{margin-top:100px}}
@media(max-width:1100px){.join-ribbon{height:360px}.join-copy{padding-right:0}.join-copy p{margin-top:60px}}
@media(max-width:767px){.hero:before{clip-path:polygon(0 0,100% 0,0 65%);background:#ffffffa0}.hero:after{width:180px;height:180px;left:40%;top:-130px;border-width:2px}.join-grid{grid-template-columns:125px 1fr;gap:20px}.join-ribbon{height:230px;clip-path:polygon(0 0,100% 0,100% 100%,0 35%)}.join-copy p{margin-top:40px}.join-copy .join-label{font-size:12px}.hero-content{padding-top:35px}}