@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}#load{width:100%;height:100%;position:absolute;display:none;top:0;left:0;z-index:30;-moz-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;background:#000}body{font-family:'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;font-size:1.15em;line-height:1.35;font-style:normal;font-weight:300;color:#dfdfdf;position:relative;background:#4d0000}a:hover,a:hover img{animation:_hover 0.2s}a,a:link,a:visited,a:active{outline:none;text-decoration:none}a.active-link,a:link.active-link,a:visited.active-link,a:active.active-link{color:#236aa6}@media only screen and (min-width: 841px){.jsMvDisp{opacity:0;transition:0.8s;transform:translate(0, 20px)}.jsMvDisp.disp{opacity:1;transform:translate(0, 0)}@-moz-document url-prefix(){.jsMvDisp{transform:none !important}}}.container{width:100%;position:relative;background:url(../img/bg.png) center 0/100% auto no-repeat}@media only screen and (max-width: 840px){.container{background-position:0 47px}}nav{width:19%;padding:8px 16px;color:#000;box-sizing:border-box;position:absolute;top:109vw;left:24px;opacity:0;z-index:9}@media only screen and (max-width: 840px){nav{width:98%;top:0;left:0;text-align:center;opacity:1}nav ul{font-size:0.85em}}nav:before,nav:after{width:100%;height:100%;position:absolute}nav:before{content:"";background:url(../img/grid.jpg) left top/auto;border:solid 2px #e20000;z-index:2;top:0;left:0}nav:after{content:"";background:#e20000;bottom:-7px;right:-6px;z-index:1}nav>*{z-index:3;position:relative;vertical-align:middle;display:inline-block}nav ul li{display:inline-block;margin-left:16px;font-weight:600;color:#e20000}@media only screen and (max-width: 308px){nav ul li{font-size:0.65em}}nav ul li a{color:#000;transition:0.4s}nav ul li a:hover{opacity:0.6;animation:none}nav p{font-size:0.75em}.arrow{width:7%;max-width:93px;animation:_arrow 1.6s infinite;position:absolute;top:108vw;left:25%;opacity:0}@media only screen and (max-width: 840px){.arrow{width:14%;left:8%;top:119vw;opacity:1}}.h-copy{width:100%;height:27%;position:absolute;margin-top:65vw;z-index:1;overflow:hidden}.h-copy img{position:absolute;top:0;transform:scale(1.8);opacity:0;transition:all 0.4s cubic-bezier(0.87, 0.02, 0.97, 0.72) 1s}.h-copy img.show{transform:scale(1);opacity:1;animation:_blast 0.2s ease 1.4s 1 normal}.h-copy .txt-comp1{width:10%;max-width:192px;left:0}.h-copy .txt-comp2{width:9.73958%;max-width:187px;right:0}@media only screen and (max-width: 840px){.h-copy{margin-top:54vw}.h-copy img{transition:none;animation-name:none !important}.h-copy .txt-comp1,.h-copy .txt-comp2{width:15%}}.h-body{max-width:1688px;margin:0 auto;padding-top:120vw;text-align:center;z-index:2}@media only screen and (max-width: 840px){.h-body{padding-top:130vw}}.h-body .h-main img{max-width:833px}.h-body .txt-comp{max-width:763px;margin-bottom:-7.2%;margin-left:-25%}@media only screen and (max-width: 840px){.h-body .txt-comp{margin-left:-18%}}.h-body h1 img{max-width:813px}.h-body>div{text-align:center;vertical-align:bottom;box-sizing:border-box}@media only screen and (max-width: 1300px){.h-body>div{vertical-align:middle}.h-body>div .h-maininfo{font-size:0.8em}}.h-body>div img{width:100%}@media only screen and (min-width: 841px){.h-body{display:table}.h-body>div{display:table-cell}.h-body>div+div{width:52%;padding-left:2%}.h-body .h-main img{margin:0 0 -2% -8.5%}}@media only screen and (max-width: 840px){.h-body>div img,.h-body .h-main img{width:92%}}.h-maininfo{width:100%;padding:4% 4% 5%;background:rgba(0,0,0,0.6);text-align:left;box-sizing:border-box}@media only screen and (min-width: 841px){.h-maininfo{padding:16px;display:table}.h-maininfo>p{display:table-cell;vertical-align:middle}}@media only screen and (max-width: 1124px){.h-maininfo>p{display:block}.h-maininfo>p:first-child+p{width:50%;text-align:center;margin:2% auto 0}.h-maininfo>p:first-child+p.fr{width:57%}}.h-maininfo p:first-child{font-size:0.85em;text-shadow:0px 2px 1px #000;font-weight:500}@media only screen and (min-width: 841px){.h-maininfo p:first-child{font-size:1.125em;line-height:calc(26 / 18);padding-right:2%}}.h-maininfo p:first-child+p{white-space:nowrap}.h-maininfo a{position:relative;color:#e20000;display:block}.h-maininfo a:after{content:"";width:100%;height:100%;background:#e20000;display:block;position:absolute;bottom:-4px;right:-4px;z-index:2}.h-maininfo a span{padding:18px;border:solid 2px #e20000;background:url(../img/grid.jpg) left top/auto;font-weight:600;display:block;text-align:center;word-wrap:break-word;position:relative;z-index:3}@media only screen and (max-width: 840px){.h-maininfo p:first-child{font-size:1em}.h-maininfo p:first-child+p{width:100%;max-width:280px;margin:0 auto;padding:16px 0 0;text-align:center}.h-maininfo p:first-child+p.fr{width:80%}.h-maininfo a span{padding:16px}}.screenshot{width:100%;background:url(../img/bg-grad.png) left/auto repeat-x;text-align:center;display:table;overflow:hidden}@media only screen and (min-width: 841px){.screenshot{padding:2% 1%;box-sizing:border-box}.screenshot>*{width:50%;display:table-cell;vertical-align:top;text-align:left}.screenshot ul{font-size:0}.screenshot ul+div{margin-left:2%}}.screenshot ul li{width:100%;position:relative;margin-bottom:0;display:inline-block;font-size:0;position:relative}@media only screen and (min-width: 841px){.screenshot ul li{width:47.5%;margin-left:2.5%;margin-bottom:2.2%}}.screenshot ul li:nth-child(odd){margin-left:0}.screenshot ul+div img{max-width:925px}.screenshot ul+div a{display:inline-block;position:relative;font-size:0}.screenshot img{width:100%;position:relative;z-index:2}.screenshot>ul li:after,.screenshot>div a:after{content:"";width:100%;height:100%;display:block;background:#e20000;position:absolute;bottom:-4px;right:-4px;z-index:1}@media only screen and (max-width: 840px){.screenshot>ul li:after,.screenshot>div a:after{opacity:0}}.screenshot a{transition:0.2s}.screenshot a:hover{filter:brightness(1.6)}.spec{padding:24px 0 0;text-align:center;background:url(../img/bg-spec.jpg) center top/cover no-repeat;font-size:0}.spec h2{padding-bottom:24px}.spec h2 img{max-width:524px}.spec h2+img{max-width:524px}.spec img{width:90%}footer{background:#000;text-align:center}footer ul.f-social{padding:32px 0}footer ul.f-social li{margin-left:24px}footer ul.f-logo{padding:0 0 16px}footer ul.f-logo li{margin-left:16px}footer ul li{display:inline-block;font-size:0}footer ul li:first-child{margin-left:0}footer small{padding:0 0 16px;display:block}@media only screen and (max-width: 840px){.del{display:none}}@media only screen and (max-width: 840px){body.jp .h-body{padding-top:140vw}}body.jp .h-body>div{vertical-align:middle}body.en .h-main img{max-width:830px}body.en .spec h2 img{max-width:757px}body.en .spec h2+img{max-width:431px}body.cn{font-family:"Microsoft YaHei", "微软雅黑",'SimSun', sans-serif}body.cn .h-main img{max-width:719px}body.cn .spec h2 img{max-width:216px}body.cn .spec h2+img{max-width:357px}@media only screen and (min-width: 841px){body.cn .h-body .h-main img{margin-left:-21.5%}}body.tw{font-family:"Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif}body.tw .h-main img{max-width:716px}body.tw .spec h2 img{max-width:217px}body.tw .spec h2+img{max-width:355px}@media only screen and (min-width: 841px){body.tw .h-body .h-main img{margin-left:-21.5%}}body.kr{font-family:"Malgun Gothic","Yoon Gothic","sans-serif"}body.kr .h-main img{max-width:838px}body.kr .spec h2 img{max-width:219px}body.kr .spec h2+img{max-width:392px}body.fr .h-main img{max-width:887px}body.fr .spec h2 img{max-width:572px}body.fr .spec h2+img{max-width:567px}@keyframes _hover{0%{transform:translate3d(0, 0, 0)}20%{transform:translate3d(0, -1px, 0)}40%{transform:translate3d(-1px, 1px, 0)}60%{transform:translate3d(1px, -1px, 0)}80%{transform:translate3d(0, 1px, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes _arrow{0%{transform:translate3d(0, 0, 0)}10%{transform:translate3d(0, 0, 0)}20%{transform:translate3d(0, 14px, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes _blast{0%{transform:translate3d(0, 0, 0) scale(0.96)}15%{transform:translate3d(0, -4px, 0)}30%{transform:translate3d(-4px, 4px, 0)}45%{transform:translate3d(6px, -4px, 0)}60%{transform:translate3d(0, 4px, 0)}75%{transform:translate3d(0, -4px, 0)}90%{transform:translate3d(-4px, 4px, 0)}100%{transform:translate3d(0, 0, 0) scale(1)}}