.introLogoItem{position:fixed;top:50%;left:50%;translate:-50% -50%;z-index:1001;display:block;width:332rem;aspect-ratio:332/68;--introLogoFade: 1s;--introLogoFadeDelay: 1.3s;--introBoxFade: 1.6s;--introLetterWait: 1.8s;--introLetterStep: 0.1s;--introLetterIn: 2s;background:center/contain no-repeat}@media(max-width: 767px){.introLogoItem{width:207.5rem}}.introLogoItem svg{width:100%;height:100%;display:block;overflow:visible}.introLogoItem._01{background-image:url(/series-b/assets/images/common/top/intro/introLogo01.svg);mix-blend-mode:overlay}.introLogoItem._01 svg path{fill:#000}.introLogoItem._02{background-image:url(/series-b/assets/images/common/top/intro/introLogo03.svg);opacity:1;transition:none}.introLogoItem._02 svg path{opacity:0;transition:opacity var(--introLetterIn)}.introLogoItem._02 svg path:nth-of-type(1){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*0)}.introLogoItem._02 svg path:nth-of-type(2){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*1)}.introLogoItem._02 svg path:nth-of-type(3){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*2)}.introLogoItem._02 svg path:nth-of-type(4){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*3)}.introLogoItem._02 svg path:nth-of-type(5){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*4)}.introLogoItem._02 svg path:nth-of-type(6){transition-delay:calc(var(--introLetterWait) + var(--introLetterStep)*5)}.introLogoItem._01c{--introLogoFill: 1;--introLogoSpin: 6s}@media(min-width: 768px){.introLogoItem._01c{--introLogoOutline: 1;--introLogoHalo: 10;--introLogoCanvasSize: 250rem}}@media(max-width: 767px){.introLogoItem._01c{--introLogoOutline: 1;--introLogoHalo: 5;--introLogoCanvasSize: 156.25rem;--introLogoCanvasShiftX: -20rem;--introLogoSpin: 3s}}.introLogoItem .introLogoSurface{position:absolute;inset:0;mask:url(/series-b/assets/images/common/top/intro/introLogo01.svg) center/contain no-repeat;-webkit-mask:url(/series-b/assets/images/common/top/intro/introLogo01.svg) center/contain no-repeat}.introLogoItem .cScreencanvas._logo{position:absolute;left:50%;top:50%;translate:calc(-50% + var(--introLogoCanvasShiftX, 0rem)) -50%;width:var(--introLogoCanvasSize, 100%);height:var(--introLogoCanvasSize, 100%);scale:var(--introLogoScale, 1)}body._introFlood .introLogoItem._02 svg path{opacity:1}body._introHideLogo .introLogoItem._02{opacity:0;transition:opacity var(--introBoxFade, 1.6s) var(--introLogoFadeDelay, 0s) cubic-bezier(0.33, 1, 0.68, 1)}body._introHideLogo .introLogoItem._01{visibility:hidden;transition:visibility 0s var(--introLogoFadeDelay, 0s)}body._introFlood .introLogoItem._01c .cScreencanvas._logo{scale:1;transition:scale .1s linear;animation:introLogoSpin var(--introLogoSpin, 16s) linear infinite}@media(prefers-reduced-motion: reduce){body._introFlood .introLogoItem._01c .cScreencanvas._logo{animation-play-state:paused}}@keyframes introLogoSpin{to{rotate:1turn}}body._intro:not(._introFlood) .introLogoItem._01c{visibility:hidden}html[data-content=top] body:not(._introDone){position:fixed;inset:0;overflow:clip}body._intro #container{visibility:hidden}body._introPhoto #container{visibility:visible}body._introFlood .cScreencanvasWindowlayer:not(._main){mask:none !important;-webkit-mask:none !important}body._intro .cScreencanvas._frame{opacity:0;transition:filter 1s ease}body._intro .cScreencanvas._window{filter:saturate(3)}body._introFrame .cScreencanvas._frame{opacity:1}body._introVivid .cScreencanvas._frame{filter:saturate(3);transition:none}body._introBlowout .cScreencanvas._window{filter:saturate(0) brightness(20);transition:filter 2s cubic-bezier(1, 0, 1, 0)}body._intro .mptFvBg{filter:brightness(12)}body._introPhoto .mptFvBg{filter:brightness(1);transition:filter 2s cubic-bezier(0, 1, 0, 1)}.mptFv{position:sticky;top:0;width:100%;height:100vh;height:100lvh}.mptFvBg{position:absolute;inset:0;background-color:#686868}.mptFvBgVideo{width:100%;height:100%;object-fit:cover}.mptFvLogoScrollRange{position:absolute;left:0;width:100%;pointer-events:none}@media(min-width: 768px){.mptFvLogoScrollRange{top:calc(100vh - 96rem);top:calc(100lvh - 96rem)}}@media(max-width: 767px){.mptFvLogoScrollRange{top:calc(100vh - 80rem);top:calc(100lvh - 80rem)}}.mptFvLogoScrollRange._fvHidden{opacity:0}.mptFvFrontBottomScrollRange{position:absolute;left:0;width:100%;pointer-events:none}@media(min-width: 768px){.mptFvFrontBottomScrollRange{top:235rem}}@media(max-width: 767px){.mptFvFrontBottomScrollRange{top:186rem}}.mptFvFrontBottomScrollRange._fvHidden{opacity:0}.mptFvFrontBottomScrollRange._fvHidden .mptFvFrontScroll{pointer-events:none}.mptFvLogoAlttext{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.mptFvLogo{position:fixed;left:50%;translate:-50% 0;color:var(--white100);display:block;aspect-ratio:212/36}@media(min-width: 768px){.mptFvLogo{top:96rem;width:208rem}}@media(max-width: 767px){.mptFvLogo{top:80rem;width:156rem}}.mptFvFront{position:relative;z-index:1;width:100%;height:100vh;height:100lvh;color:var(--white100);pointer-events:none}.mptFvFrontLeadWrap{position:absolute;top:0;left:0;width:100%;pointer-events:none}@media(min-width: 768px){.mptFvFrontLeadWrap{height:calc(100vh + 800rem + 60rem);height:calc(100lvh + 800rem + 60rem)}}@media(max-width: 767px){.mptFvFrontLeadWrap{height:calc(100vh + 444rem + 120rem);height:calc(100lvh + 444rem + 120rem)}}.mptFvFrontLeadArea{position:sticky}@media(min-width: 768px){.mptFvFrontLeadArea{top:calc(50vh - 14rem);padding-bottom:60rem}}@media(max-width: 767px){.mptFvFrontLeadArea{top:calc(50vh - 36rem);padding-bottom:120rem}}.mptFvFrontLead{width:100%;transform:translateY(-50%);justify-content:center;text-align:center}@media(max-width: 767px){.mptFvFrontLead{letter-spacing:.02em}}.mptFvFrontBottom{position:fixed;left:0;right:0;display:flex;flex-direction:column;align-items:center;row-gap:32rem;color:var(--white100)}@media(min-width: 768px){.mptFvFrontBottom{bottom:64rem}}@media(max-width: 767px){.mptFvFrontBottom{bottom:40rem}}.mptFvFrontBody{text-align:center}.mptFvFrontBody span{letter-spacing:.02em}.mptFvFrontLine{width:48rem;height:1px;background-color:var(--white100);opacity:.5}@media(max-width: 767px){.mptFvFrontLine{width:32rem}}.mptFvFrontScroll{display:block;width:84rem;height:84rem;margin:-10rem;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto}@media(max-width: 767px){.mptFvFrontScroll{width:63rem;height:63rem;margin:-7.5rem}}.mptFvFrontScroll svg{display:block;width:100%;height:100%}.mptFvFrontScroll>.cScreencanvasLocal>canvas{filter:saturate(3)}.mptFvFrontScroll{position:relative}.mptFvFrontScroll:after{content:"";position:absolute;top:-40rem;left:-40rem;right:-40rem;bottom:-40rem}button.mptFvFrontScroll>svg{opacity:0;transition:opacity var(--gradationHaloIn, 0.4s) cubic-bezier(0, 0.5, 0.5, 1)}@media(prefers-reduced-motion: reduce){button.mptFvFrontScroll>svg{transition:none}}button.mptFvFrontScroll._hover>svg{opacity:1}.mptBody{position:relative;z-index:1;width:100%;margin-top:-100vh;margin-top:-100lvh}.mptSlide{position:relative;width:100%;overflow:hidden}@media(min-width: 768px){.mptSlide{height:1536rem}}@media(max-width: 767px){.mptSlide{height:768rem}}.mptSlideRow{position:relative;overflow:hidden}@media(min-width: 768px){.mptSlideRow{height:768rem}}@media(max-width: 767px){.mptSlideRow{height:384rem}}.mptSlideRow._row2 .mptSlideTrack{animation-direction:reverse}.mptSlideTrack{display:flex;width:max-content;height:100%;animation:mptSlideFlow calc(var(--slideCount, 4)*8s) linear infinite}@media(prefers-reduced-motion: reduce){.mptSlideTrack{animation-play-state:paused}}.mptSlideGroup{display:flex;height:100%}.mptSlideItem{height:100%}@media(min-width: 768px){.mptSlideItem{width:576rem}}@media(max-width: 767px){.mptSlideItem{width:288rem}}.mptSlideItem .cPicture{height:100%}.mptSlideItem img{width:100%;height:100%;object-fit:cover}@keyframes mptSlideFlow{to{transform:translateX(-50%)}}.mptImagecut{position:relative;width:100%;color:var(--white100)}@media(min-width: 768px){.mptImagecut{height:1697rem}}@media(max-width: 767px){.mptImagecut{height:2047rem}}.mptImagecutText{position:absolute;width:max-content;text-align:center;--parallaxOffset: 0px;transform:translateY(var(--parallaxOffset))}.mptImagecutText span{letter-spacing:.02em}@media(min-width: 768px){.mptImagecutText span{line-height:32rem}}@media(min-width: 768px){.mptImagecutText._t1{top:147rem;left:calc(50% + 144rem);transform:translateX(-50%) translateY(var(--parallaxOffset))}}@media(max-width: 767px){.mptImagecutText._t1{top:81rem;left:50%;transform:translateX(-50%) translateY(var(--parallaxOffset))}}@media(min-width: 768px){.mptImagecutText._t2{top:678rem;left:calc(50% - 287rem);transform:translateX(-50%) translateY(var(--parallaxOffset))}}@media(max-width: 767px){.mptImagecutText._t2{top:578rem;right:48rem;text-align:right}}@media(min-width: 768px){.mptImagecutText._t3{top:1267rem;left:calc(50% + 288rem);transform:translateX(-50%) translateY(var(--parallaxOffset))}}@media(max-width: 767px){.mptImagecutText._t3{top:1106rem;left:47rem;text-align:left}}.mptImagecutPhoto{position:absolute;--parallaxOffset: 0px;transform:translateY(var(--parallaxOffset))}.mptImagecutPhoto .cPicture{height:100%}.mptImagecutPhoto img{width:100%;height:100%;object-fit:cover}@media(min-width: 768px){.mptImagecutPhoto._p1{top:257rem;left:176rem;width:368rem;height:276rem}}@media(max-width: 767px){.mptImagecutPhoto._p1{top:304rem;left:8rem;width:256rem;height:192rem}}@media(min-width: 768px){.mptImagecutPhoto._p2{top:993rem;left:256rem;width:288rem;height:216rem}}@media(max-width: 767px){.mptImagecutPhoto._p2{top:1368rem;left:8rem;width:192rem;height:144rem}}@media(min-width: 768px){.mptImagecutPhoto._p3{top:1129rem;left:464rem;width:224rem;height:168rem}}@media(max-width: 767px){.mptImagecutPhoto._p3{top:1440rem;left:176rem;width:128rem;height:96rem}}@media(min-width: 768px){.mptImagecutPhoto._p4{top:497rem;left:1120rem;width:144rem;height:192rem}}@media(max-width: 767px){.mptImagecutPhoto._p4{top:800rem;left:256rem;width:96rem;height:128rem}}@media(min-width: 768px){.mptImagecutPhoto._p5{top:929rem;left:1041rem;width:144rem;height:192rem}}@media(max-width: 767px){.mptImagecutPhoto._p5{top:1056rem;left:280rem;width:96rem;height:128rem}}@media(min-width: 768px){.mptImagecutPhoto._p6{top:609rem;left:912rem;width:224rem;height:224rem}}@media(max-width: 767px){.mptImagecutPhoto._p6{top:864rem;left:112rem;width:160rem;height:160rem}}