html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,*::before,*::after{box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.4;overflow-y:auto}.hexagon{position:fixed;z-index:999;width:100px;height:100px;background-image:url(images/hexagon.svg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.2}.hexagon.hexagon1{width:200px;height:200px;top:-300px;left:calc(30% - 100px)}.hexagon.hexagon2{width:50px;height:50px;top:-300px;left:calc(45% - 25px)}.hexagon.hexagon3{width:100px;height:100px;top:-300px;left:calc(70% - 50px)}.hexagon.none{display:none}.site{position:absolute;left:50%;transform:translate(-50%, 0);width:100%;max-width:1200px}.scene1{background-color:#005faf;position:relative}.scene1 .cover{height:100vh;background-image:url("images/background.png");background-size:cover;background-position-x:center;background-repeat:no-repeat;position:sticky;top:0;z-index:1}.scene1 .cover .header{width:100%}.scene1 .cover .header .logo{position:absolute;top:30px;right:30px;width:100%}.scene1 .cover .header .logo img{float:right;width:30%;min-width:240px}.scene1 .cover .header .logo::after{content:"";clear:both}.scene1 .cover .body{width:100%}.scene1 .cover .body .catchphrase{display:inline-block;position:absolute;right:40px;bottom:25vh;height:13em;font-size:1.8rem;color:#fff;text-shadow:0 0 3px #101090;writing-mode:vertical-rl;white-space:nowrap}.scene1 .cover .body .catchphrase .typing{border-right:dashed 1px #fff}.scene1 .cover .body .catchphrase .caret{display:inline-block;margin-top:4px;height:2px;width:2.5ex;background-color:#fff}.scene1 .cover .body .catchphrase .caret.wait{animation:blink 1s step-end infinite}.scene1 .overview{padding:30px 10px 30px 10px;position:relative;z-index:2;min-height:120vh}.scene1 .overview .body{padding:20px 30px;border-radius:10px;background:rgba(255,255,255,.6)}.scene1 .overview .body .subtitle{color:#1c63b7;font-size:1.6rem;font-weight:bold;margin-bottom:12px}.scene1 .overview .body h2{font-size:1.8rem;margin-bottom:4px}.scene1 .overview .body p{font-size:1.4rem}.scene2{background-color:#005faf;height:calc(100vh + 1000px);transition:background-color 800ms}.scene2.invert{background-color:rgba(0,0,0,0)}.scene3 .description .header{position:sticky;top:0;width:100%;height:80px;background-color:#fff;border-bottom:solid 1px #909090;padding:10px 5px;z-index:2}.scene3 .description .header .logo img{height:60px}.scene3 .description .body{width:100%}.scene3 .description .body .page1{margin-top:30px;margin-bottom:40px;width:100%}.scene3 .description .body .page2{min-height:860px;padding-top:200px;margin-top:-180px;height:100vh;width:100%}.scene3 .description .body .ability{padding:1em;width:100%}.scene3 .description .body .ability h3{font-size:1.8rem;margin-bottom:5px}.scene3 .description .body .ability ul{list-style:none;width:100%}.scene3 .description .body .ability ul h4{font-weight:normal}.scene3 .description .body .ability ul li{margin-left:1em}.scene3 .description .body .ability ul li ul{margin-top:1em;margin-bottom:2em;list-style:disc}.scene3 .description .body .ability ul li ul li{margin-left:1.5em;font-size:1.4rem}.scene3 .description .body .ability ul li figure{text-align:center}.scene3 .description .body .ability ul li figure img{max-height:260px;max-width:100%}.scene3 .description .body .ability .card-list{display:flex;flex-direction:column}.scene3 .description .body .ability .card-list .card-list-item{display:block;border:solid 1px #909090;border-radius:5px;padding:1em;margin-bottom:20px}.scene3 .description .body .ability .annotation{font-size:1.2rem;margin-left:30px}.scene3 .description .body .ability .annotation figure img{width:240px}.scene3 .description .body .effect{padding:1em;margin-bottom:20px}.scene3 .description .body .effect h3{font-size:1.8rem;margin-bottom:5px}.scene3 .description .body .effect ul{display:block;border:solid 1px #909090;border-radius:5px;padding:1em;list-style:circle}.scene3 .description .body .effect ul li{margin-left:1em;line-height:2em;font-size:1.6rem}.scene3 .description .body .feature{padding:1em;margin-bottom:20px}.scene3 .description .body .feature h3{font-size:1.8rem;margin-bottom:5px}.scene3 .description .body .feature ul{display:block;border:solid 1px #909090;border-radius:5px;padding:1em;list-style:circle}.scene3 .description .body .feature ul li{margin-left:1em;margin-top:.5em;margin-bottom:.5em;font-size:1.6rem}.scene3 .description .body .feature ul li p{color:#1c63b7;font-size:1.4rem}.scene3 .description .body .download{height:90px;padding:30px 0;width:100%;text-align:center}.scene3 .description .body .download a{display:inline-block;border-radius:16px;text-decoration:none;padding:4px 25px;color:#fff;background-color:#1c63b7}.scene3 .description .body .fadein{opacity:0}.scene3 .description .body .fadein.card-list-item-1{transition:all 1200ms 0ms linear}.scene3 .description .body .fadein.card-list-item-2{transition:all 1200ms 0ms linear}.scene3 .description .body .fadein.card-list-item-3{transition:all 1200ms 0ms linear}.scene3 .description .body .fadein.card-list-item-4{transition:all 1200ms 0ms linear}.scene3 .description .body .fadein.scrollin{opacity:1}.scene3 .description .body .slidein{transform:translate(0, 100px);opacity:0;transition:all 500ms}.scene3 .description .body .slidein.scrollin{transform:translate(0, 0);opacity:1}.scene3 .description .footer{height:100px;padding:20px;text-align:center;background-color:#fff;border-top:solid 1px #909090}.scene3 .description .footer h3{margin-bottom:5px}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@media screen and (min-width: 992px),print{.scene3 .description .body .ability .card-list{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.scene3 .description .body .ability .card-list .card-list-item{width:calc((100% - 40px)/2)}.scene3 .description .body .fadein.card-list-item-2{transition:all 1200ms 400ms linear}.scene3 .description .body .fadein.card-list-item-4{transition:all 1200ms 400ms linear}}@media print{.hexagon{display:none}.site{position:relative;display:block}.scene1 .cover .body .catchphrase .caret{display:none}.scene1 .overview{position:absolute;min-height:20vh;width:100%;padding-bottom:30px;bottom:0}.scene2{display:none}.scene3 .description .header{display:none}.scene3 .description .body .page1{margin-top:0;margin-bottom:0;page-break-before:always}.scene3 .description .body .page2{margin-top:0;padding-top:0;page-break-before:always;min-height:0;height:auto}.scene3 .description .body .download{display:none}.scene3 .description .body .fadein{opacity:1}.scene3 .description .body .slidein{transform:translate(0, 0);opacity:1}.scene3 .description .footer{border-top:none;margin-top:10em}}/*# sourceMappingURL=style.css.map */