.home-tree{width:318.81px}.home-tree.disable1 .tree-apple-cls-1,.home-tree.disable2 .tree-apple-cls-2{display:none}.home-tree.disable3 .tree-apple-cls-3,.home-tree.disable4 .tree-apple-cls-4{display:none}.home-tree.disable5 .tree-apple-cls-5,.home-tree.disable6 .tree-apple-cls-6{display:none}.home-tree.disable7 .tree-apple-cls-7,.home-tree.disable8 .tree-apple-cls-8{display:none}.home-tree.disable9 .tree-apple-cls-9,.home-tree.disable10 .tree-apple-cls-10{display:none}.home-tree.disable11 .tree-apple-cls-11,.home-tree.disable12 .tree-apple-cls-12{display:none}.home-tree.disable13 .tree-apple-cls-13,.home-tree.disable14 .tree-apple-cls-14{display:none}.home-tree.disable15 .tree-apple-cls-15,.home-tree.disable16 .tree-apple-cls-16{display:none}.home-tree.disable17 .tree-apple-cls-17,.home-tree.disable18 .tree-apple-cls-18{display:none}.home-tree.disable19 .tree-apple-cls-19,.home-tree.disable20 .tree-apple-cls-20{display:none}.home-tree.disable21 .tree-apple-cls-21,.home-tree.disable22 .tree-apple-cls-22{display:none}.home-tree.disable23 .tree-apple-cls-23,.home-tree.disable24 .tree-apple-cls-24{display:none}.home-tree.disable25 .tree-apple-cls-25,.home-tree.disable26 .tree-apple-cls-26{display:none}.home-tree.disable27 .tree-apple-cls-27,.home-tree.disable28 .tree-apple-cls-28{display:none}.home-tree.disable29 .tree-apple-cls-29,.home-tree.disable30 .tree-apple-cls-30{display:none}.home-tree.disable31 .tree-apple-cls-31,.home-tree.disable32 .tree-apple-cls-32{display:none}.home-tree.disable33 .tree-apple-cls-33{display:none}.home-cloud{width:622px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.home-cloud .clouds{position:absolute}@-webkit-keyframes cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}@keyframes cloud{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.jelly{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation-name:jelly;animation-name:jelly}.flush{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:flush;animation-name:flush}.error{-webkit-animation:shakeX .3s;animation:shakeX .3s;-webkit-animation-iteration-count:3;animation-iteration-count:3}.spin{-webkit-animation:spin 300s linear infinite;animation:spin 300s linear infinite}@-webkit-keyframes jelly{0%{-webkit-transform:scale(1);transform:scale(1)}8%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}13%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}17.5%{-webkit-transform:scale(1);transform:scale(1)}19%{-webkit-transform:scale(1);transform:scale(1)}58%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}63%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}67.5%{-webkit-transform:scale(1);transform:scale(1)}69%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes jelly{0%{-webkit-transform:scale(1);transform:scale(1)}8%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}13%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}17.5%{-webkit-transform:scale(1);transform:scale(1)}19%{-webkit-transform:scale(1);transform:scale(1)}58%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}63%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}67.5%{-webkit-transform:scale(1);transform:scale(1)}69%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes flush{0%{opacity:0}30%{opacity:.7}to{opacity:0}}@keyframes flush{0%{opacity:0}30%{opacity:.7}to{opacity:0}}@-webkit-keyframes shakeX{0%{-webkit-transform:translateX(8px);transform:translateX(8px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shakeX{0%{-webkit-transform:translateX(8px);transform:translateX(8px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}75%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll;font-family:NotoSan}*,:after,:before{background-repeat:no-repeat;-webkit-box-sizing:inherit;box-sizing:inherit}:after,:before{-webkit-text-decoration:inherit;text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}ul{list-style-type:none}body{font-size:18px;width:100vw;overflow:hidden;background:#fff;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left}body.md-theme-default{color:initial!important;background:initial!important}*{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}button,input,select,textarea{font-family:inherit;font-size:100%}input,textarea{-webkit-user-select:auto;caret-color:bp-color-main}select{background:none}button,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}button{background-color:transparent;cursor:pointer;outline:none;padding:0}::-webkit-scrollbar{display:none}a{text-decoration:none}a:visited{color:inherit}a:hover{text-decoration:none}.in-scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}.one-liner{line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-home{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;width:100vw;height:100vh;position:relative;-webkit-transition:.3s;transition:.3s}.view-home .backLayer,.view-home .bg1,.view-home .bg2,.view-home .mainLayer{position:absolute;top:0;left:0;width:622px;height:100vh}.view-home .bg1{opacity:.4;background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,rgba(0,134,203,0)),to(#0066cb));background:linear-gradient(0,rgba(0,134,203,0),#0066cb);z-index:2}.view-home .bg1.night{background:-webkit-gradient(linear,left top,left bottom,from(#d6d6d6),to(#6d6d6d));background:linear-gradient(180deg,#d6d6d6 0,#6d6d6d)}.view-home .bg2{height:calc(100vh - 89.4px);background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,#fefec2),color-stop(5%,#f6f9d9),color-stop(10%,#f0f5ea),color-stop(16%,#ebf2f6),color-stop(25%,#e9f0fd),color-stop(48%,#e8f0ff),color-stop(76%,#cde3ff),to(#addbff));background:linear-gradient(0,#fefec2,#f6f9d9 5%,#f0f5ea 10%,#ebf2f6 16%,#e9f0fd 25%,#e8f0ff 48%,#cde3ff 76%,#addbff);z-index:1}.view-home .bg2.night{background:-webkit-gradient(linear,left top,left bottom,from(#9eacbf),to(#545960));background:linear-gradient(180deg,#9eacbf 0,#545960)}.view-home .rain{position:absolute;z-index:4;opacity:.3}.view-home .rain .rain-wrap{width:100%;height:100%;-webkit-transform:translateX(100vw) rotate(45deg);transform:translateX(100vw) rotate(45deg);-webkit-transform-origin:left center;transform-origin:left center}.view-home .rain .rainy{width:100%;height:100%;background-repeat:repeat;background-size:50px;-webkit-animation:rain 5s linear infinite;animation:rain 5s linear infinite}.view-home .cloud{position:absolute;width:622px;top:0;right:0;z-index:1}.view-home .sun{position:absolute;top:-130px;right:-130px;z-index:50;width:260px}.view-home .thunder{position:absolute;z-index:50;top:-10px;left:190px}.view-home .backLayer{position:relative;z-index:10}.view-home .backLayer .tree{position:absolute;left:64px;bottom:108px;z-index:10;width:160px}.view-home .backLayer .build{width:622px;position:absolute;left:66px;bottom:139px;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .backLayer .build .build1{margin:0 4px;width:68.17px}.view-home .backLayer .build .build2{margin:0 4px;width:63.04px}.view-home .backLayer .build .build3{margin:0 4px;width:77.75px}.view-home .backLayer .build .build4{margin:0 4px;width:77.51px}.view-home .backLayer .build .build5{margin:0 4px;width:52.02px}.view-home .backLayer .terrain{width:622px;position:absolute;bottom:47px;z-index:3}.view-home .backLayer .chihiro-house{position:absolute;bottom:136px;right:152px;width:160px;height:160px;z-index:4}.view-home .backLayer .chihiro-house img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:100% 100%;object-position:100% 100%}.view-home br.min-br{display:none}.view-home .mainContents{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:11}.view-home .mainContents .buttons{position:absolute;bottom:48px;width:100%;padding:16px 8px;text-align:center}.view-home .mainContents .buttons,.view-home .mainContents .buttons button{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .mainContents .buttons button{width:calc(50% - 8px);padding:0 24px;height:48px;border-radius:28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-home .mainContents .buttons button.normal{background:linear-gradient(135deg,#ffe281,#ff4464)}.view-home .mainContents .buttons button.disable{background:linear-gradient(135deg,#ddd,#555)}.view-home .mainContents .buttons button:first-child{margin:0 8px 0 0}.view-home .mainContents .buttons button span{font-size:14px;font-famiy:NotoSan;color:#fff;font-weight:500;line-height:1.25}@media (max-width:320px) and (max-height:568px){.view-home .mainContents .buttons br.min-br{display:block}}.view-home .mainContents .charactor{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1}.view-home .mainContents .charactor .charactor-talk{position:absolute;left:0;width:100%;bottom:260px;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-filter:drop-shadow(0 0 2px rgba(0,0,0,.16));filter:drop-shadow(0 0 2px rgba(0,0,0,.16))}.view-home .mainContents .charactor .charactor-talk:after{position:absolute;top:calc(100% - 1px);left:calc(50% - 8px);content:"";width:0;height:0;border-style:solid;border-width:16px 8px 0 8px;border-color:#fff transparent transparent transparent;display:block}.view-home .mainContents .charactor .charactor-talk p{font-size:16px;padding:12px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5;text-align:center;border-radius:24px;background:#fff;font-weight:500}.view-home .mainContents .charactor .charactor-body{position:absolute;width:240px;height:120px;z-index:15;left:calc(50% - 112px);bottom:120px}.view-home .mainContents .charactor .charactor-body img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.view-home .mainContents .graph{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;margin-top:40px;height:88px}.view-home .mainContents .graph ul{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .mainContents .graph ul li{width:64px;margin:0 10px}.view-home .mainContents .graph ul li .sb-pie-chart{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view-home .mainContents .graph ul li .sb-pie-chart .pie p{font-size:16px;color:#fff}.view-home .mainContents .graph ul li .txt{font-size:12px;line-height:1.5;color:#fff;text-align:center;padding-top:8px}.view-home .mainContents .graph ul li .data-latest-date{width:58px;height:58px;margin:0 auto;border:4px solid #e7e7e7;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .mainContents .graph ul li .data-latest-date p{font-size:16px;font-weight:600;color:#e7e7e7;text-align:center;font-famiy:BrandonGrotesque}@media (max-width:361px) and (max-height:641px){.view-home .mainContents .graph{margin-top:56px}}.view-home .mainContents .mainGraph{position:relative;padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;margin:24px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .mainContents .mainGraph .inr-mainGraph{width:150px;height:150px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home .mainContents .time24-buttons{position:absolute;right:16vw;bottom:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ffe281,#ff4464)}.view-home .mainContents .time24-buttons:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:url(/images/icon/icon__action--ex-stats.svg) 50%/contain no-repeat;background-size:80%;background-position:50% 50%;display:block}@media (max-width:361px) and (max-height:641px){.view-home .mainContents .mainGraph,.view-home .mainContents .time24-buttons{display:none}}.view-home .mainLayer{z-index:11}.view-home .mainLayer .applebox{position:absolute;left:245px;bottom:86px;z-index:10;width:196px;height:164.82px}.view-home .mainLayer .applebox .bal{position:absolute;left:72px}.view-home .mainLayer .applebox .bal .balwrap{position:relative;width:52px;height:52px}.view-home .mainLayer .applebox .bal .icon{position:absolute;width:52px;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0}.view-home .mainLayer .applebox .box{position:absolute;bottom:0;width:196px}.view-home .mainLayer .chara{position:absolute;width:184px;height:100.36px;z-index:15;left:50%;bottom:80px}.view-home .mainLayer .chara img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.view-home .mainLayer .chara .bug{position:absolute;bottom:0;left:0;width:160px}.view-home .mainLayer .chara .balset{position:absolute;top:0;left:150px}.view-home .mainLayer .chara .balset .bal{width:40px}.view-home .mainLayer .chara .balset .balmessage{position:absolute;top:-30px;left:-60px}.view-home .mainLayer .chara .balset .balmessage .message{padding:12px 24px;border-radius:24px;width:calc(100vw - 32px);max-width:343px;background:#fff;font-size:16px;line-height:1.5;font-weight:700}.view-home .mainLayer .chara .balset .balmessage .bugbal{width:48px;position:absolute;left:75px}.view-home header{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top)!important;position:absolute;top:0;left:0;z-index:50;width:100vw;height:56px}.view-home header .top{padding:0 8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home header .top .bluetooth{width:40px;height:40px;border-radius:50%;margin:8px 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.view-home header .top .bluetooth .build6{padding:0 1px 0 0}.view-home header .top .bluetooth .build6 svg{width:28px;height:28px}.view-home header .top .bluetooth .build6 svg path{fill:#fff}.view-home header .top .bluetooth.active{background:linear-gradient(135deg,#ffe281,#ff4464)}.view-home header .top .bluetooth.disable{background:linear-gradient(135deg,#ddd,#555)}.view-home header .top .menu{width:40px;padding-top:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.view-home header .top .menu .count{position:absolute;right:-2px;top:6px;font-family:BrandonGrotesque;font-weight:300;font-size:14px;line-height:1.5;width:20px;height:20px;border-radius:50%;text-align:center;color:#fff;background:#ff4464}