.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 .background{position:relative;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;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - var(--height-header) - 40px);gap:var(--gap-section-small)}.hero_box+section:not(.box_no_top){--gap-section-top: var(--gap-section)}.hero_box.has_overlay .background:before{content:'';position:absolute;background-color:var(--color-base);opacity:0.6;z-index:2;inset:0}.hero_box .contents{position:relative;flex-grow:unset;flex-shrink:unset;margin:0;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 .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.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}.hero_box .card{display:flex;position:relative;flex-grow:0;flex-shrink:0;align-items:center;width:420px;padding:20px;border-radius:var(--radius-regular);background-color:var(--color-background);z-index:2;gap:20px}.hero_box .card .image{display:block;flex-grow:0;flex-shrink:0;width:120px}.hero_box .card .details{display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;min-width:0;gap:0}.hero_box .card .details>:last-child{margin-bottom:0}.hero_box .card h3{display:block;margin:0 0 8px;font-family:var(--font-main);font-size:var(--size-large);font-weight:700;line-height:1.25;text-transform:none}.hero_box .card .text{display:block;margin:0 0 14px;color:var(--color-muted);font-size:var(--size-base);line-height:1.5}.hero_box .card .links{width:100%;padding:12px 0 0;border-top:1px solid var(--color-border)}.hero_box .card .link{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;line-height:1rem;letter-spacing:0.05em;text-transform:uppercase;gap:10px}.hero_box .card .link:after{content:'';display:block;width:8px;height:16px;background-color:currentColor;-webkit-mask:url(../../images/ico_arrow_smooth.svg) 50% 50%/contain no-repeat}@media (hover: hover){.hero_box .card .link:hover{color:var(--color-link)}}.hero_box .card img{display:block;width:100%;height:auto;border-radius:var(--radius-small)}@media (min-width: 64rem){.hero_box.is_top{justify-content:flex-start}.hero_box.is_top .background:before{background:linear-gradient(to bottom, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_bottom{justify-content:flex-end}.hero_box.is_bottom .background:before{background:linear-gradient(to top, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_left{flex-direction:row;justify-content:space-between}.hero_box.is_left.is_top{align-items:flex-start}.hero_box.is_left.is_top .background:before{background:linear-gradient(to bottom right, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_left.is_bottom{align-items:flex-end}.hero_box.is_left.is_bottom .background:before{background:linear-gradient(to top right, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_left .contents{margin-left:0;text-align:left}.hero_box.is_right{flex-direction:row-reverse;justify-content:space-between}.hero_box.is_right.is_top{align-items:flex-start}.hero_box.is_right.is_top .background:before{background:linear-gradient(to bottom left, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_right.is_bottom{align-items:flex-end}.hero_box.is_right.is_bottom .background:before{background:linear-gradient(to top left, var(--color-shadow) 0%, rgb(from var(--color-shadow) r g b / 10%) 100%)}.hero_box.is_right .contents{margin-right:0;text-align:left}}@media (max-width: 40rem){.hero_box{min-height:360px}.hero_box .card{width:100%;padding:15px;gap:15px}.hero_box .card .image{width:100px}.hero_box .card h3{margin-bottom:6px}.hero_box .card .text{margin-bottom:10px}.hero_box .card .links{padding-top:10px}.hero_box .background.mobile{display:block}.hero_box .background.desktop{display:none}}

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