.hero_box .play{display:block;position:absolute;top:50%;left:50%;width:10%;border-radius:50%;background:var(--color-primary);transition:0.2s;transform:translate(-50%, -50%);z-index:2;-webkit-mask:url(../../images/ico_play.svg) 50% 50%/contain no-repeat}@media (hover: hover){.hero_box .play:hover{background-color:var(--color-secondary)}}.hero_box .play:after{content:'';display:block;padding-bottom:100%}.hero_box{display:flex;position:relative;align-items:center;justify-content:center;min-height:420px}.hero_box .contents{position:relative;z-index:2}.hero_box .contents h1{/* font-size:var(--size-big); */font-size:var(--size-h1);line-height:1.1}.hero_box .contents h2{font-size:var(--size-h1);line-height:1.15}.hero_box .play{position:relative;top:auto;left:auto;margin:0 auto;color:var(--color-primary);transform:none}.hero_box .background{position:absolute;z-index:0;inset:0}.hero_box .background:before{content:'';position:absolute;background-color:var(--color-section);opacity:0.6;z-index:2;inset:0}.hero_box .background.mobile{display:none}.hero_box .background img,.hero_box .background video{display:block;position:absolute;width:100%;height:100%;z-index:0;object-fit:cover;inset:0}@media (max-width: 40rem){.hero_box{min-height:360px}.hero_box .background.mobile{display:block}.hero_box .background.desktop{display:none}}

/*# sourceMappingURL=hero.css.map */