.device-type-mobile .hero__image{background-image:var(--_mainImageMobile);aspect-ratio:var(--_aspectRatioMobile);width:100%;height:auto;background-size:contain;&:after{content:"";height:0;padding-bottom:calc(100% * var(--_aspectRatioMobile));position:fixed;bottom:0;left:0;width:100%;z-index:-1}}@media screen and (max-width:1079px){body:not(.device-type-desktop):not(.device-type-mobile){.hero__image{background-image:var(--_mainImageMobile);aspect-ratio:var(--_aspectRatioMobile);width:100%;height:auto;background-size:contain;&:after{content:"";height:0;padding-bottom:calc(100% * var(--_aspectRatioMobile));position:fixed;bottom:0;left:0;width:100%;z-index:-1}}}}.device-type-desktop .hero__image{width:100%;height:var(--_mainPcFullWidthHeight);.sign{position:absolute;content:"";bottom:10px;left:10px;width:60px;height:60px}}.device-type-desktop .hero__container .hero__image:before{content:"";position:absolute;top:0;left:50%;width:100vw;min-width:var(--_container-width);height:100%;background-image:var(--_mainImageDesktopFullWidth);background-repeat:no-repeat;background-position:center top;background-size:cover;transform:translate(-50%)}.hero__image .sign{position:absolute;content:"";bottom:10px;left:10px;max-width:60px;max-height:60px;>img{width:100%;height:100%}}@media screen and (min-width:1080px){body:not(.device-type-desktop):not(.device-type-mobile){.hero__image{width:100%;height:var(--_mainPcFullWidthHeight);&:before{content:"";position:absolute;top:0;left:50%;width:100vw;min-width:var(--_container-width);height:100%;background-image:var(--_mainImageDesktopFullWidth);background-repeat:no-repeat;background-position:center top;background-size:cover;transform:translate(-50%)}.sign{position:absolute;content:"";bottom:10px;left:10px;width:60px;height:60px}}}}.hero__image:not(.hero__aside:empty){position:relative}.hero__aside{position:absolute;top:25px;right:0;width:320px;display:grid;grid-template-columns:1fr;z-index:1000;font-size:15px;.bnr__aside__items{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px;img{width:100%}}.enhanced__vod__list{.device-type-desktop &{gap:20px 0;padding:20px 0 15px}}}.navigation.nav__main{--_link-color: #333333;--_link-bg: #ffffff;--_link-hover-color: #ffffff;--_link-hover-bg: var(--_btn-bg);--_badge-color: #ffffff;--_badge-bg: var(--_red-color);--_nav-border: 1px solid #cccccc;.navigation__list__container{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc((100% / var(--_column-count))),1fr))}.navigation__item{display:block grid;grid-template-rows:subgrid;grid-row:span 2;justify-content:center;text-align:center;text-decoration:none;transition:var(--_transition-hover);background:var(--_link-bg);color:var(--_link-color);position:relative;line-height:22px;&:hover{background-color:var(--_link-hover-bg);>span{color:var(--_link-hover-color)}}&.active{color:var(--_link-hover-color);background:var(--_link-hover-bg)}>span{transition:var(--_transition-hover)}}.navigation__item__title{display:grid;grid-auto-flow:row;place-content:center;>span{display:contents}&:not([data-update]):before{display:none}&:before{content:attr(data-update);position:absolute;top:0;left:50%;font-family:var(--_body-font);font-style:normal}}}.device-type-mobile .navigation.nav__main{padding:0;--_column-count: 3;.navigation__list__container{display:grid;grid-template-columns:repeat(3,1fr);background-color:#fff;overflow:hidden}.navigation__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(64vw / var(--_mbw));padding:calc(12vw / var(--_mbw)) 0;background:#fff;color:#004b32;text-align:center;text-decoration:none;overflow:hidden;z-index:0;&:before{content:"";position:absolute;inset:0;background:#b4dc00;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 100%,0 100%);opacity:0;transition:var(--_transition-hover);z-index:-1}&.active{background:#fff;color:#004b32;&:before{opacity:1}.navigation__item__title{transform:translate(calc(-4vw / var(--_mbw)))}}>span{color:inherit;position:relative;z-index:1;transition:var(--_transition-hover)}}.navigation__item__title{font-weight:700;font-size:calc(13vw / var(--_mbw));line-height:calc(18vw / var(--_mbw));margin-bottom:calc(3vw / var(--_mbw));&:before{top:calc(5vw / var(--_mbw));transform:translate(-50%);font-size:calc(9vw / var(--_mbw));color:var(--_badge-color);background-color:var(--_badge-bg);line-height:1;padding:calc(2.5vw / var(--_mbw)) 0;min-width:calc(56vw / var(--_mbw));border-radius:calc(2vw / var(--_mbw));display:none}.navigation__item.line-break &{white-space:pre-wrap;text-align:left}}.navigation__item__subtitle{color:inherit;line-height:calc(13vw / var(--_mbw));font-size:calc(9vw / var(--_mbw));letter-spacing:0}}.device-type-desktop .navigation.nav__main{.navigation__list__container{max-width:1080px;height:70px;margin:0 auto;display:flex;flex-wrap:nowrap;overflow:hidden;box-sizing:border-box}.navigation__item{flex:1;height:70px;padding:0;border:none;display:grid;place-content:center;background:#fff;color:#004b32;overflow:hidden;z-index:0;min-width:0;box-sizing:border-box;&:focus,&:focus-visible{outline:none;box-shadow:none;border:none}&:before{content:"";position:absolute;inset:0;background:#b4dc00;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 100%,0 100%);opacity:1;transform:translate(-100%);transition:transform .35s ease;z-index:-1}&:hover,&.active{background:#fff;color:#004b32;&:before{transform:translate(0)}}>span{color:inherit;position:relative;z-index:1}&.active{.navigation__item__title{transform:translate(-8px)}}}.navigation__item__title{font-size:20px;font-weight:700;&:before{transform:translate(-50%,-9px);font-size:14px;color:var(--_badge-color);background-color:var(--_badge-bg);line-height:22px;padding:0;border-radius:4px;width:80px;height:20px;font-weight:400;display:none}}.navigation__item__subtitle{font-size:.75rem}}.footer__nav__container{--_item-color: #333;--_label-color: #999;--_item-bg: #ddd;--_item-border: 1px solid rgba(0 0 0 / .2);.navigation__item{display:flex;align-items:center;color:var(--_item-color);background:var(--_item-bg);font-weight:700;text-decoration:none;border-top:var(--_item-border);padding:calc(18vw / var(--_mbw)) calc(38vw / var(--_mbw)) calc(18vw / var(--_mbw)) calc(18vw / var(--_mbw));gap:calc(8vw / var(--_mbw));font-size:calc(14vw / var(--_mbw));line-height:calc(19vw / var(--_mbw));position:relative;.navigation__item__subtitle{color:var(--_label-color);font-size:calc(11vw / var(--_mbw))}>svg{position:absolute;top:50%;right:calc(16vw / var(--_mbw));transform:translateY(-50%);fill:#333;margin-left:auto;width:calc(18vw / var(--_mbw));height:calc(18vw / var(--_mbw))}}}.scroll__to__top{--_button-color: #e9e9e9;--_arrow-color: #212121;position:fixed;z-index:100;cursor:pointer;display:none}.device-type-desktop{.scroll__to__top{--_size: 64px;bottom:40px;right:40px}}.device-type-mobile{.scroll__to__top{--_size: calc(48vw / var(--_mbw));bottom:calc(var(--_floating-navbar-height) - calc(20vw / var(--_mbw)));right:calc(8vw / var(--_mbw));width:var(--_size);img{width:100%}}}.device-type-mobile .hero__logo{--_logo-width: 46%;--_date-width: 39%;display:grid;grid-template-columns:var(--_logo-width) var(--_date-width);gap:calc(8vw / var(--_mbw));align-items:end;padding:calc(15vw / var(--_mbw)) calc(10vw / var(--_mbw));background:url(/bukatsu/common-img/main_bg_sp.jpg) repeat-y center top;background-size:cover;.hero__logo__date--sp{width:80%;margin-left:auto}.hero__logo__image,.hero__logo__date--sp{transform:translate(calc(25vw / var(--_mbw)))}img{width:100%;height:auto}}.device-type-desktop .hero__logo{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:20px 0;width:1080px;.hero__logo__image{width:229px;height:auto;margin-left:50px}.hero__logo__date{margin-top:50px;width:366px;margin-right:50px}img{width:100%;height:auto}}