.NotFoundPage{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;box-shadow:0 2px 5px #ccc}.ToHome{color:#fff;text-decoration:underline}@media screen and (aspect-ratio<=16/10){.NotFoundPage{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;font-size:120%;box-shadow:0 2px 5px #ccc}}@media screen and (aspect-ratio<=5/7){.NotFoundPage{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;font-size:150%;box-shadow:0 2px 5px #ccc}}#back{z-index:0;background:#000;width:100%;height:100%;position:fixed;top:0;left:0}#backCanvas{z-index:1;position:fixed;top:0;left:0}#backCanvasImg{z-index:1;width:100vw;height:150vh;position:fixed;top:0;left:0}#logoCanvas{background:#0009;margin-bottom:5%;margin-left:5%;margin-right:5%}.lang_select,.move_select{-webkit-appearance:none;color:#aaa;background:#000}.cp_navi{color:#888;z-index:999;background-color:#000;margin:0;display:block;position:fixed;top:0;left:0;right:0;overflow:hidden}.cp_navi ul{white-space:nowrap;margin:0 5%;padding:0}.cp_navi ul li{white-space:normal;list-style-type:none;transition:all .2s;display:inline-block}.cp_navi>ul>li>a>.caret{content:"";vertical-align:middle;border-top:4px solid #aaa;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:color .1s linear;display:inline-block}.cp_navi>ul>li>a{color:#aaa;padding:0 10px;line-height:56px;text-decoration:none;display:block}.cp_navi>ul>li:hover{background-color:#da3c41}.cp_navi>ul>li:hover>a{color:#fff}.cp_navi>ul>li:hover>a>.caret{border-top-color:#fff}.cp_navi>ul>li>div{opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;background-color:#da3c41;border-top:0;border-radius:0 0 4px 4px;width:165px;margin:0;transition:opacity .2s;display:none;position:absolute;box-shadow:0 2px 2px -1px #0000000e}.cp_navi>ul>li:hover>div{opacity:1;visibility:visible;display:block}.cp_navi>ul>li>div ul>li{display:block}.cp_navi>ul>li>div ul>li>a{color:#fff;padding:12px 24px;text-decoration:none;display:block}.cp_navi>ul>li>div ul>li:hover>a{background-color:#ffffff1a}@media screen and (aspect-ratio<=16/10){.cp_navi ul li{white-space:normal;font-size:150%;list-style-type:none;transition:all .2s;display:inline-block}.cp_navi>ul>.lang_select_div{height:20px;position:absolute;top:calc(50% - 10px);right:70px}.cp_navi>ul>.move_select_div{height:20px;position:absolute;top:calc(50% - 10px);right:30px}}@media screen and (aspect-ratio>=5/7){#nav-drawr,#nav-input,#nav-open,#nav-close,#nav-content{display:none}.cp_navi>ul>.lang_select_div{height:20px;position:absolute;top:calc(50% - 10px);right:70px}.cp_navi>ul>.move_select_div{height:20px;position:absolute;top:calc(50% - 10px);right:30px}}@media screen and (aspect-ratio<=5/7){.cp_navi ul li,.nav-unshown{display:none}#nav-drawer{z-index:999;background-color:#000;width:100%;height:5%;padding:2%;position:fixed}#nav-open{vertical-align:middle;width:10%;height:90%;display:inline-block}#nav-open span,#nav-open span:before,#nav-open span:after{content:"";cursor:pointer;background:#fff;border-radius:3px;width:45px;height:5px;display:block;position:absolute}#nav-open span:before{bottom:-14px}#nav-open span:after{bottom:-28px}#nav-close{z-index:99;opacity:0;background:#000;width:100%;height:100%;transition:all .3s ease-in-out;display:none;position:fixed;top:7%;left:0}#nav-content{z-index:9999;background:#000;width:70%;height:100%;transition:all .3s ease-in-out;position:fixed;top:7%;left:0;overflow:auto;transform:translate(-105%)}#nav-input:checked~#nav-close{opacity:.5;display:block}#nav-input:checked~#nav-content{transform:translate(0%);box-shadow:6px 0 25px #00000026}#nav-content ul{white-space:nowrap;margin-top:0;margin-bottom:0;padding:0}#nav-content ul li{text-align:center;white-space:normal;margin-top:5%;font-size:180%;list-style-type:none;transition:all .2s}#nav-content>ul>li>a>.caret{content:"";vertical-align:middle;border-top:4px solid #aaa;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;transition:color .1s linear;display:inline-block}#nav-content>ul>li>a{color:#aaa;padding:0 10px;line-height:56px;text-decoration:none;display:block}#nav-content>ul>li:hover{background-color:#da3c41}#nav-content>ul>li:hover>a{color:#fff}#nav-content>ul>li:hover>a>.caret{border-top-color:#fff}#nav-content>ul>li>div{opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;background-color:#da3c41;border-top:0;border-radius:0 0 4px 4px;width:165px;margin:0;transition:opacity .2s;display:none;position:absolute;box-shadow:0 2px 2px -1px #0000000e}#nav-content>ul>li:hover>div{opacity:1;visibility:visible;display:block}#nav-content>ul>li>div ul>li{display:block}#nav-content>ul>li>div ul>li>a{color:#fff;padding:12px 24px;text-decoration:none;display:block}#nav-content>ul>li>div ul>li:hover>a{background-color:#ffffff1a}#nav-content>.lang_select_div,#nav-content>.move_select_div{text-align:center}#nav-content>.lang_select_div>.lang_select{text-align:-webkit-center;margin-top:100px;font-size:120%}#nav-content>.move_select_div>.move_select{text-align:-webkit-center;margin-top:70px;font-size:120%}}.homeBottom{width:100%;height:80px;margin:0;font-size:120%}.homeBottom ul{margin:0;padding-right:5%;list-style-type:none}.homeBottom ul li{float:right;color:#fff;margin-left:5%}@media screen and (aspect-ratio<=16/10){.homeBottom{width:100%;height:80px;margin:0;font-size:150%}}@media screen and (aspect-ratio<=5/7){.homeBottom{width:100%;height:80px;margin:0;font-size:180%}}body{margin:0}#sectionbody{z-index:2;position:absolute;top:0;left:0;right:0}#menubarMargin{height:1px;margin-top:10%}@media screen and (aspect-ratio<=16/10){#menubarMargin{height:1px;margin-top:13%}}@media screen and (aspect-ratio<=5/7){#menubarMargin{height:1px;margin-top:15%}}.news{text-align:center;margin-top:10%;margin-bottom:5%;padding-bottom:2.5%}.news #title{color:#fff;font-size:150%}.news ul{list-style-type:none}.news ul li{color:#fff;background:#0009;border-radius:5px;height:auto;margin-bottom:2.5%;margin-left:2.5%;margin-right:5%;padding:2.5%;box-shadow:0 2px 5px #ccc}.news #date{text-align:left}.news #content{white-space:pre-wrap;margin-top:2%}.news ul a{color:#000;text-decoration:none}.news ul a li:hover{background-color:#75a9ff99;transition:all .8s;transform:scale(1.05)}@media screen and (aspect-ratio<=16/10){.news #title{color:#fff;font-size:170%}.news ul{font-size:120%;list-style-type:none}}@media screen and (aspect-ratio<=5/7){.news #title{color:#fff;font-size:200%}.news ul{font-size:150%;list-style-type:none}}.homeProduct{margin-left:5%;margin-right:3%}.homeProduct ul{flex-wrap:wrap;align-items:center;padding:0;list-style-type:none;display:flex}.homeProduct ul li{color:#fff;background:#0009;border-radius:5px;width:31%;height:auto;margin-top:3%;margin-right:2%;box-shadow:0 2px 5px #ccc}.homeProduct ul li:hover{transition:all .8s;transform:scale(1.05)}.homeProduct ul li a{text-decoration:none}.homeProduct ul li a img{width:100%;height:auto}.homeProduct ul li a p{text-align:center;color:#fff;margin:0}@media screen and (aspect-ratio<=16/10){.homeProduct ul li{background:#0009;border-radius:5px;width:48%;height:auto;margin-top:3%;margin-right:2%;font-size:120%;box-shadow:0 2px 5px #ccc}}@media screen and (aspect-ratio<=5/7){.homeProduct ul li{color:#fff;background:#0009;border-radius:5px;width:100%;height:auto;margin-top:3%;margin-right:2%;font-size:150%;box-shadow:0 2px 5px #ccc}}.homeAbout{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-left:5%;margin-right:5%;padding:5%;box-shadow:0 2px 5px #ccc}.homeAbout p{margin-top:0;margin-bottom:0}.homeAbout ul{margin-top:0;margin-bottom:0;padding-left:0;list-style-type:none}.homeAbout ul li{width:4%;height:4%;margin:1%;display:inline-block}.homeAbout ul li a img{width:100%;height:100%}.homeAbout ul li a img:hover{background-color:#75a9ff66}.moreShow{color:#fff}@media screen and (aspect-ratio<=16/10){.homeAbout{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-left:5%;margin-right:5%;padding:5%;font-size:120%;box-shadow:0 2px 5px #ccc}.homeAbout ul li{width:8%;height:8%;display:inline-block}.moreShow{color:#fff;font-size:120%}}@media screen and (aspect-ratio<=5/7){.homeAbout{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-left:5%;margin-right:5%;padding:5%;font-size:150%;box-shadow:0 2px 5px #ccc}.homeAbout ul li{width:10%;height:10%;display:inline-block}.moreShow{color:#fff;font-size:150%}}.aboutTop{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;box-shadow:0 2px 5px #ccc}.aboutTop a{margin:1%;text-decoration:none}.aboutTop a img{width:4%;height:4%}.aboutTop a img:hover{background-color:#75a9ff66}.skill{margin-top:5%;padding-bottom:10%}.skill h2{text-align:center;color:#fff}.skillCard{color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;box-shadow:0 2px 5px #ccc}.skillCard ul li{margin-top:1%;margin-bottom:1%}.skillCard ul li a{color:#fff}@media screen and (aspect-ratio<=16/10){.aboutTop{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;font-size:120%;box-shadow:0 2px 5px #ccc}.aboutTop a img{width:8%;height:8%}.skill{margin-top:5%;padding-bottom:10%;font-size:120%}}@media screen and (aspect-ratio<=5/7){.aboutTop{text-align:center;color:#fff;background:#0009;border-radius:5px;height:auto;margin-top:5%;margin-left:5%;margin-right:5%;padding:5%;font-size:150%;box-shadow:0 2px 5px #ccc}.aboutTop a img{width:10%;height:10%}.skill{margin-top:5%;padding-bottom:10%;font-size:150%}}#topTitle{text-align:center;color:#fff}@media screen and (aspect-ratio<=16/10){#topTitle{text-align:center;color:#fff;font-size:270%}}@media screen and (aspect-ratio<=5/7){#topTitle{text-align:center;color:#fff;font-size:300%}}.explain{color:#fff;margin-bottom:10%;margin-left:10%;margin-right:10%}.explainBlock{margin-bottom:8%}img{width:100%}a{color:#fff}#twoColImg li{flex-wrap:wrap;align-items:center;list-style-type:none;display:flex}#twoColImg li ul{width:45%}.appDownloadButton a img{width:15%}@media screen and (aspect-ratio<=16/10){.explain{color:#fff;margin-left:10%;margin-right:10%;font-size:120%}#twoColImg li{text-align:center}#twoColImg li ul{width:100%;padding:0}.appDownloadButton a img{width:20%}}@media screen and (aspect-ratio<=5/7){.explain{color:#fff;margin-left:10%;margin-right:10%;font-size:150%}#twoColImg li{text-align:center}#twoColImg li ul{width:100%;padding:0}.appDownloadButton a img{width:30%}}