.hero_box .play{display:block;position:absolute;top:50%;left:50%;width:72px;border:1px solid var(--theme-secondary-text);background:var(--theme-secondary);color:var(--theme-secondary-text);transition:.2s;transform:translate(-50%, -50%);z-index:2}@media(hover: hover){.hero_box .play:hover{background-color:var(--theme-primary)}}.hero_box .play:after{content:"";display:block;padding-bottom:100%}.hero_box .play:before{content:"";display:block;position:absolute;top:50%;left:50%;width:25%;height:25%;background-color:currentColor;-webkit-mask:url(../../images/ico_play.svg) 50% 50%/contain no-repeat;transform:translate(-50%, -50%)}.hero_box .background{position:relative}.hero_box .background:has(iframe){overflow:hidden;container-type:size}.hero_box .background iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);padding:0;margin:0;border:none;transform:translate(-50%, -50%)}.hero_box{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:stretch;height:calc(100vh - var(--offset-screen));min-height:min-content;max-height:800px;--color-base: var(--theme-black);--color-section: var(--theme-secondary);--color-background: var(--theme-secondary-alt);--color-text: rgb(from var(--theme-white) r g b / 90%);--color-muted: rgb(from var(--theme-white) r g b / 80%);--color-heading: var(--theme-white);--color-border: rgb(from var(--theme-white) r g b / 10%)}.hero_box+section{--gap-section-top: var(--gap-section)}.hero_box.has_overlay .background:before{content:"";position:absolute;background-color:var(--color-shadow);opacity:.3;z-index:2;inset:0}.hero_box .fixed{position:static}.hero_box .contents{position:relative;z-index:2}.hero_box .contents h1{font-size:var(--size-big);line-height:1.1}.hero_box .contents h2{font-size:var(--size-h1);line-height:1.15}.hero_box .background{position:absolute;z-index:0;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(min-width: 64rem){.hero_box.is_top{align-items:flex-start}.hero_box.is_bottom{align-items:flex-end}.hero_box.is_center{--width-contents: 45rem}.hero_box.is_center .contents{margin-right:auto;margin-left:auto;text-align:center}.hero_box.is_right .contents{margin-left:auto;text-align:right}}@media(max-width: 40rem){.hero_box{height:auto;min-height:400px}.hero_box .background.mobile{display:block}.hero_box .background.desktop{display:none}}
/*# sourceMappingURL=hero.css.map */