body{background:#181b21;margin:0;overflow:hidden}.app{position:fixed;inset:0;overflow:hidden scroll}.hero-space{flex-flow:column;justify-content:center;align-items:center;height:100vh;display:flex}.content{color:#fff;background:linear-gradient(#2e7adc00 0,#2e7adc80 8em);flex-flow:column;justify-content:center;align-items:center;min-height:calc(100vh + 8em);padding-top:8em;font-family:Science Gothic,sans-serif;display:flex}.content a{color:#fff}.content a:link{text-shadow:0 0 4px #00e}.content a:visited{text-shadow:0 0 4px #551a8b}.content a:active{text-shadow:0 0 4px red}@media only screen and (width<=478px){.hide-on-mobile{display:none!important}}#logoArea{color:#aaa;flex-flow:column;justify-content:center;align-items:center;width:100%;max-width:620px;font-family:Science Gothic,sans-serif;display:flex}#logoArea #logoWrapper{aspect-ratio:744/73;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:100%;margin-bottom:10px;display:grid;position:relative;container-type:size}#logoArea #logoWrapper>*{grid-area:1/1}#logoArea #logoWrapper #logo{width:100%;animation:.8s logoAnim_fadeIn,.8s cubic-bezier(.3,0,.05,1) .4s alternate both logoAnim_total}#logoArea #logoWrapper #logo .offset{animation:.8s cubic-bezier(.3,0,.05,1) .4s alternate both logoAnim_offset}#logoArea #logoWrapper #logoText{z-index:2;color:#0000;font-size:147.5cqh;line-height:1;transform:translate(-1px,-2px)}#logoArea p{text-align:center;animation:.8s linear .8s alternate both logoAnim_fadeIn}#logoArea p span{display:inline-block}@keyframes logoAnim_offset{0%{transform:translate(-610px)}to{transform:translate(0)}}@keyframes logoAnim_total{0%{transform:translate(200px)}to{transform:translate(0)}}@keyframes logoAnim_fadeIn{0%{opacity:0}to{opacity:1}}.footer{color:#aaa;background:linear-gradient(#2e7adc00 0%,#2e7adc30 75%);flex-flow:row;justify-content:center;font-family:Science Gothic,sans-serif;display:flex;position:fixed;bottom:0;left:0;right:0}.footer svg{height:1.5em}.footer svg .fg{fill:none}.footer svg .bg{fill:#aaa;transition:fill .5s}.footer svg:hover .bg{fill:#fff}.header{color:#aaa;background:#2e7adc;padding:.25rem 0;font-family:Science Gothic,sans-serif;line-height:0;transition:transform .5s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.header svg{height:1.5em}.header.active{transform:translateY(0)}.product-view{flex-flow:row;justify-content:space-evenly;align-items:center;width:100%;display:flex}.product-view .sec_text{flex:1 1 0;padding:0 4em}.product-view .sec_img{--scroll-t:100%;transform:translateX(var(--scroll-t));flex:50vw;max-width:50vw;transition:transform .25s;position:relative}.product-view .sec_img img{border:8px solid #111;border-radius:8px;box-shadow:8px 4px 32px -4px #00000080}.product-view .sec_img img.img_pc{width:75%;position:relative;top:0;left:0}.product-view .sec_img img.img_mob{height:100%;transform:translateX(calc(var(--scroll-t) * -1.5));transition:transform .25s;position:absolute;top:2em;right:20%}@media only screen and (width<=768px){.product-view .sec_text{z-index:1;width:calc(100vw - 8em)}.product-view .sec_img{opacity:.7;filter:blur(2px);max-width:100vw;position:absolute;left:0;right:0}.product-view .sec_img img.img_pc{float:right;margin-right:10%}.product-view .sec_img img.img_mob{right:15%}}