.viewOpening{--opening-easing:cubic-bezier(.83, 0, .17, 1);--opening-unit:min(calc(100vw / 1440), calc(100dvh / 870));--opening-welcome-duration:.24s;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000096;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden;& .viewOpening__brand{width:calc(1174 * var(--opening-unit));height:calc(496 * var(--opening-unit));flex:none;align-items:center;display:flex}& .viewOpening__letter{opacity:0;transform-origin:50%;flex:none;display:block;position:relative;&+.viewOpening__letter{margin-left:calc(-133.167 * var(--opening-unit))}&.is-visible{opacity:1}&.viewOpening__letter--u{z-index:4;width:calc(345 * var(--opening-unit));height:calc(460.5 * var(--opening-unit));--opening-sprite:url(./images/opening-logo/01_u.webp?v=local-13b47c7fa7626255);@media (max-width:780px){--opening-sprite:url(./images/opening-logo/sp/01_u.webp?v=local-13b47c7fa7626255)}}&.viewOpening__letter--ra1{z-index:3;width:calc(403.5 * var(--opening-unit));height:calc(450 * var(--opening-unit));--opening-sprite:url(./images/opening-logo/02_ra.webp?v=local-13b47c7fa7626255);@media (max-width:780px){--opening-sprite:url(./images/opening-logo/sp/02_ra.webp?v=local-13b47c7fa7626255)}}&.viewOpening__letter--ha{z-index:2;width:calc(461.25 * var(--opening-unit));height:calc(405.75 * var(--opening-unit));--opening-sprite:url(./images/opening-logo/03_ha.webp?v=local-13b47c7fa7626255);@media (max-width:780px){--opening-sprite:url(./images/opening-logo/sp/03_ha.webp?v=local-13b47c7fa7626255)}}&.viewOpening__letter--ra2{z-index:1;width:calc(363.75 * var(--opening-unit));height:calc(454.5 * var(--opening-unit));--opening-sprite:url(./images/opening-logo/04_ra.webp?v=local-13b47c7fa7626255);@media (max-width:780px){--opening-sprite:url(./images/opening-logo/sp/04_ra.webp?v=local-13b47c7fa7626255)}}}& .viewOpening__sway,& .viewOpening__turn{pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}& .viewOpening__sway{background-image:var(--opening-sprite);background-position:33.3333%;background-size:400% 300%}& .viewOpening__turn{opacity:0;will-change:opacity;background-image:url(./images/opening-logo/horizontal_180deg.webp?v=local-13b47c7fa7626255);@media (max-width:780px){background-image:url(./images/opening-logo/sp/horizontal_180deg.webp?v=local-13b47c7fa7626255)}}& .viewOpening__progress{opacity:0;transition:opacity calc(.15s / var(--opening-playback-rate,1)) var(--opening-easing);left:max(calc(31 * var(--opening-unit)), env(safe-area-inset-left));bottom:max(calc(35 * var(--opening-unit)), env(safe-area-inset-bottom));color:#fff;font-size:calc(120 * var(--opening-unit));letter-spacing:-.02em;width:calc(136 * var(--opening-unit));font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1, "palt" 0;margin:0;font-weight:500;line-height:1;display:flex;position:absolute;&.is-visible{opacity:1}&>span{text-align:center;text-box-trim:trim-both;text-box-edge:cap alphabetic;flex:0 0 50%}}&.is-waiting .viewOpening__progress{animation:opening-progress-wait calc(1.1s / var(--opening-playback-rate,1)) var(--opening-easing) infinite}& [hidden]{display:none}& .viewOpening__welcome{z-index:5;left:max(calc(30 * var(--opening-unit)), env(safe-area-inset-left));right:max(calc(30 * var(--opening-unit)), env(safe-area-inset-right));top:max(calc(36 * var(--opening-unit)), env(safe-area-inset-top));color:#fff;width:fit-content;font-family:var(--font-ja);font-size:calc(24.6154 * var(--opening-unit));text-box-trim:trim-both;text-box-edge:cap alphabetic;margin:0;font-weight:700;line-height:1.875;position:absolute;@media (max-width:780px){left:max(calc(31 * var(--opening-unit)), env(safe-area-inset-left));top:max(calc(12 * var(--view-sp-unit)), env(safe-area-inset-top));font-size:calc(18 * var(--view-sp-unit))}&:not([hidden]){animation:trash-appear var(--opening-welcome-duration) steps(1, end) both}}& .viewOpening__company{width:max(127px, calc(215 * var(--opening-unit)));color:#fff;flex:none;max-width:calc(100% - 48px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);@media (max-width:780px){width:42%}& svg{width:100%;height:auto;display:block}}& .viewOpening__status{color:#fff;text-align:center;margin:0;padding:20px;position:absolute;bottom:20%}}.viewOpening__curtain{z-index:6;object-fit:cover;visibility:hidden;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes opening-progress-wait{0%,to{opacity:1}50%{opacity:.55}}body.has-opening{overflow:hidden;&>.viewHead,&>.viewFilter,&>.viewTool{visibility:hidden;opacity:0;pointer-events:none}&>.board{visibility:hidden;pointer-events:none}& .viewEntry,& .viewEntry::backdrop{background:0 0}}