body,html{height:100%}.app_store{display:block;width:234px;margin-left:auto;margin-right:auto}.wrapper{width:auto;max-width:1210px;padding:0 116px 0 64px;margin:112px auto 0;border-top:solid;border-bottom:solid;border-width:1px;border-color:#e6e6e6}.contents{position:sticky;top:0;float:left;width:280px;padding:69px 0}.contents .title{font-size:.24rem;font-family:"Circular Std";margin-bottom:52px}.contents li{margin:12px 0}.contents li a{display:block;color:#55576d}.contents li .selected{font-weight:700;border-left:solid;border-width:4px;border-color:#ff674c;padding-left:8px;color:#23242d}.content{max-width:750px;min-height:max(754px,80vh);padding-left:89px;margin-left:280px;border-left:solid;border-width:1px;border-color:#e6e6e6;overflow:auto}.content h1{text-align:center;font-size:.36rem;margin-bottom:.6rem;margin-top:69px}.content h2{font-size:.24rem;line-height:.4rem;margin-top:.48rem;margin-bottom:.24rem}.content h3{font-size:.2rem;line-height:.24rem;margin-top:.24rem;margin-bottom:.12rem}.content p{margin-top:.08rem;line-height:.28rem}.content a{text-decoration:underline}.content ul{list-style-type:disc}.content ul ul{list-style-type:circle}.content ul li::marker{color:#d0d0d0}.content ol{list-style-type:decimal}.content ol,.content ul{padding-left:30px;margin-top:4px;margin-bottom:8px}.content li{line-height:.28rem;display:list-item}.content .loose li{margin-top:8px}.content strong{color:#8a0200}.content video{max-width:100%;display:block;margin:24px auto}.content img{max-width:100%;margin-top:24px;margin-bottom:24px}.content .btn{width:auto;position:static;vertical-align:middle;transform:translate(0,-2px);margin:0!important}.content .note,.content .tip{height:.22rem;font-size:.14rem;line-height:.22rem;color:#fff;padding-left:12px;padding-right:12px;margin-right:8px;border-radius:.22rem;display:inline-block;text-align:center}.content .tip{background-color:#ffad00}.content .note{background-color:#ff674c}.content .tip::after{content:"Tip"}.content .note::after{content:"Note"}.content .next,.content .previous{max-width:50%;margin-top:64px;margin-bottom:64px;text-decoration:none}.content .previous{float:left}.content .next{float:right}.content .previous::before{content:"\00ab\0020"}.content .next::after{content:"\0020\00bb"}.banner{width:auto;height:272px;max-width:1270px;margin-left:auto;margin-right:auto;position:relative}.banner .icon{position:absolute;top:72px;left:90px;width:128px}.banner h1,.banner p{position:relative;top:104px;left:242px}.banner h1{font-size:.36rem;line-height:.4rem}.banner .button_container{position:absolute;right:90px;top:112px;height:48px}.banner .buy_button,.banner .try_button{display:inline-block;width:180px;height:48px;color:#fff;text-align:center;line-height:48px;border-radius:24px;margin-left:20px}.banner .try_button{background:linear-gradient(to bottom left,#ff6a50,#ff3e2a)}.banner .buy_button{background-color:#23242d}@media screen and (max-width:1024px){.wrapper{max-width:calc(660px + 10%);margin-top:144px;padding:0 24px;border-bottom:none;display:block}.contents{width:100%;height:auto;overflow:hidden;border:solid;border-width:1px;border-color:#e6e6e6;border-radius:4px;padding-top:0;padding-bottom:0;position:relative;background-color:#fff;top:-28px}.contents .title{width:100%;height:56px;padding:16px;margin-bottom:0;font-size:.2rem;cursor:pointer}.contents .title .triangle{width:0;height:0;position:absolute;top:25px;right:16px;border-style:solid;border-width:6px 4px 0;border-color:#23242d transparent transparent;transform:rotate(180deg)}.contents ul{margin-left:16px}.collapse{height:56px!important}.collapse .triangle{transform:rotate(0)!important}.content{width:100%;max-width:660px;padding-left:0;padding-right:0;margin-left:0;border-left:none}.banner{display:none}}