/*! [components/page-header] hero.css */.page-header-bg{overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background:var(--page-title-background,none)}.page-header-bg.blur{--blur:6px}.page-header-bg.blur .page-title-youtube,.page-header-bg.blur img{-webkit-filter:blur(var(--blur));filter:blur(var(--blur))}.page-header-bg.blur img{left:calc(var(--blur) * -1)!important;top:calc(var(--blur) * -1)!important;width:calc(100% + calc(var(--blur) * 2))!important;height:calc(100% + calc(var(--blur) * 2))!important}.page-header-bg>.overlay{pointer-events:none;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:var(--overlay-color,#000);opacity:var(--overlay-opacity,.3);-webkit-transition:background-color .3s ease-out,opacity .3s ease-out;transition:background-color .3s ease-out,opacity .3s ease-out}.page-header-bg .img{height:100%;padding:0}.page-header-bg img,.page-header-bg source{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-header-bg>picture{overflow:hidden;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.page-title-bg-divided{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;display:-ms-grid;display:grid;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%}.page-title-bg-divided>div{overflow:hidden;position:relative;width:100%;height:100%}.is-layout-horizontal .page-title-bg-divided{-ms-grid-columns:1fr;grid-template-columns:1fr}.page-title-swiper{z-index:1;height:100%}.page-title-swiper .swiper-slide{position:relative}.page-title-swiper .img,.page-title-swiper img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-title-swiper .autoplay-progress,.page-title-swiper .swiper-button-next,.page-title-swiper .swiper-button-prev,.page-title-swiper .swiper-scrollbar{--swiper-theme-color:#FFF;--swiper-navigation-color:#FFF;--swiper-scrollbar-drag-bg-color:#FFF}.page-title-swiper .swiper-pagination-bullet{--swiper-pagination-bullet-inactive-color:#FFF;--swiper-pagination-bullet-inactive-opacity:.5;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.page-title-swiper .swiper-pagination-bullet-active{--swiper-pagination-color:#FFF;--swiper-pagination-bullet-opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}.page-title-swiper .autoplay-progress{position:absolute;z-index:10;right:16px;bottom:16px;width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;font-size:14px;color:var(--swiper-theme-color)}.page-title-swiper .autoplay-progress svg{--progress:0;position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;stroke-width:4px;stroke:var(--swiper-theme-color);fill:transparent;stroke-dashoffset:calc(125.6px * (1 - var(--progress)));stroke-dasharray:125.6;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.page-title-youtube{position:absolute;z-index:1;top:50%;left:50%;width:100%;height:0;margin:0;padding:56.25% 0 0;background:#000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 3s ease-out;transition:opacity 3s ease-out;opacity:0;will-change:opacity}.page-title-youtube.yt-playable{opacity:1}.page-title-youtube.yt-stop{opacity:.5}.yt-player{display:block;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;margin:0;padding:0;border:none}.yt-autoplayer{position:absolute;z-index:99;left:50%;top:25%;width:1px;height:25%}.is-layout-horizontal .is-video-horizontal{display:block}.is-layout-horizontal .is-video-vertical{display:none}.is-layout-vertical .is-video-horizontal{display:none}.is-layout-vertical .is-video-vertical{display:block}.scroll-down{--scroll-down-gap:1em;--scroll-width:1em;--scroll-en-width:10em;--scroll-down-center:calc(50% + 50vw - var(--scroll-down-gap) - (var(--scroll-width) / 2));--scroll-down-color:var(--page-title-color, currentcolor);--scroll-down-filter:var(--page-title-filter, none);--scroll-down-line-height:4em;--scroll-down-line-width:1px;display:none;position:absolute;z-index:9;left:0;bottom:0;width:100%;font-size:62.5%;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.scroll-down.is-hidden{opacity:0}.is-cover-applied .scroll-down{display:block}.scroll-down-line{overflow:hidden;position:absolute;left:var(--scroll-down-center);bottom:0;width:var(--scroll-width);height:var(--scroll-down-line-height);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-down-line::before{content:'';position:absolute;left:50%;top:calc(var(--scroll-down-line-height) * -1);width:var(--scroll-down-line-width);height:var(--scroll-down-line-height);background:var(--scroll-down-color);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation-name:scroll_announce;animation-name:scroll_announce;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.scroll-down-line::before{-webkit-filter:var(--scroll-down-filter);filter:var(--scroll-down-filter)}@-webkit-keyframes scroll_announce{0%{top:calc(var(--scroll-down-line-height) * -1)}100%{top:var(--scroll-down-line-height)}}@keyframes scroll_announce{0%{top:calc(var(--scroll-down-line-height) * -1)}100%{top:var(--scroll-down-line-height)}}.scroll-down::after{content:'SCROLL DOWN';position:absolute;left:var(--scroll-down-center);bottom:calc(var(--scroll-down-line-height) + .5em);width:var(--scroll-width);-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:right;line-height:1;font-weight:700;white-space:nowrap;color:var(--scroll-down-color);opacity:0;-webkit-filter:var(--scroll-down-filter);filter:var(--scroll-down-filter);-webkit-animation-name:scroll_announce_text;animation-name:scroll_announce_text;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scroll_announce_text{0%{opacity:0}100%{opacity:1}}@keyframes scroll_announce_text{0%{opacity:0}100%{opacity:1}}.scroll-down::after{content:'SCROLL DOWN';left:calc(var(--scroll-down-center) - var(--scroll-en-width)/ 2);bottom:calc(var(--scroll-en-width)/ 2 + var(--scroll-down-line-height));width:var(--scroll-en-width);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scroll-down[lang=ja]::after{content:'スクロール'}.scroll-down[lang=zh-CN]::after{content:'往下滑'}.scroll-down[lang=ja]:not(.scroll-down-center)::after,.scroll-down[lang=zh-CN]:not(.scroll-down-center)::after{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;text-orientation:upright}.is-layout-vertical .scroll-down-center{--scroll-down-center:50%}.is-layout-vertical .scroll-down-center .scroll-down-line{top:calc(100% - var(--scroll-down-line-height) - 2em)}.is-layout-vertical .scroll-down-center::after{bottom:.5em;text-align:center;-webkit-transform:none;transform:none}