body{margin:0;padding:0;color:#595757;font-size:18px;font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;line-height:1;background:#f7f8f8;-webkit-text-size-adjust:100%}a,div,img,p{box-sizing:border-box}img{vertical-align:top}h1,h2,h3,h4{margin:0}h1.title{padding:50px 0;text-align:center}h2.title{margin:60px 0 45px;padding:20px 0;font-size:24px;text-align:center;background:#e6e6e6}h1+.content>h2{margin-top:0}p{margin:0;line-height:1.5}em{color:#ff6477;font-style:normal;font-weight:700}a{color:#ff6477;cursor:pointer}.content{position:relative;width:960px;margin-left:auto;margin-right:auto}.content-inner{margin-left:20px;margin-right:20px}.list{position:relative}.list .item,.list>a{display:block;color:#595757}.list .item .text,.list>a .text{line-height:1.5}.more{display:none;margin-top:1em;text-align:center}.more a{display:inline-block;padding:.5em 1em;color:#595757}.more a img{height:1em;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.more a.down{display:inline-block}.more a.up{display:none}.more a.up img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.list-more a.shrink,.list-more div.shrink{display:none}header{position:fixed;top:0;left:0;z-index:101;width:100%;height:70px;background:#fff;border:1px solid #dcdcdc}header img{max-width:100%}header .logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;top:5px;left:0;width:682px}header .logo a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}header .logo a .logo-uta{margin-right:15px;width:215px}header .logo a .subtitle{width:447px}header .trial{position:absolute;top:15px;left:690px;width:202px}header .store{position:absolute;top:0;left:905px;width:60px}header .menu{position:absolute;top:0;right:30px}@media screen and (max-width:1167px){header .logo{width:580px;top:12px;left:0}header .logo a .logo-uta{margin-right:10px;width:180px}header .logo a .subtitle{width:430px}header .trial{width:180px;top:17px;left:618px}header .store{width:54px;top:2px;left:812px}}@media screen and (max-width:959px){header .logo{width:520px;top:14px;left:0}header .logo a .logo-uta{margin-right:10px;width:150px}header .logo a .subtitle{width:400px}header .trial{width:156px;top:19px;left:543px}header .store{width:48px;top:6px;left:710px}}footer{position:relative;padding:30px 0;margin-top:150px;text-align:center;background:#e6e6e1}footer a{color:#595757}footer .s1 span{display:inline-block;padding:.5em .7em;border:1px solid #595757;border-radius:4px}footer .s2{margin-top:16px}footer .s3{margin-top:36px}footer .s3 span{margin-left:-.1em;margin-right:-.1em}footer .sns{margin-top:36px}footer .sns a{display:inline-block;width:marginDevice(64);margin-left:.8em;margin-right:.8em}footer .copyright{margin-top:42px;font-size:88.88889%}#pagetop{position:absolute;top:30px;right:30px}#menu{display:none;position:fixed;top:0;right:0;z-index:201;width:210px;height:100%;opacity:0}#menu .alpha{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:#000;opacity:.6}#menu .docs{position:absolute;top:0;right:0;z-index:2}#menu .content{position:absolute;top:66px;right:0;width:180px;margin:0}#menu .content div{margin-top:34px}#menu .content a{color:#fff;text-decoration:none}#menu .close{position:absolute;top:0;right:30px;width:60px;height:70px}#main{padding-top:71px}#topics{padding:12px 0;border-bottom:1px solid #dcdcdc}#topics a{color:#595757;font-size:16px}#index .index-inner{background:#f7f8f8}#index .jacket-margin{padding-top:640px;background:#000 fixed 50% 72px}@media screen and (max-width:1280px){#index .jacket-margin{background-size:contain}}#index .s1{position:relative;text-align:center}#index .s1 .index-inner{padding:26px 0}#index .s1 .index-inner .device{margin-top:22px;position:relative;background:none;width:100%;height:100%}#index .s1 .index-inner .device>div{position:relative;margin:0 auto;width:543px}#index .s1 .index-inner .device>div .wow-circle{position:absolute;top:90px;left:-79px}#index .s1 .arrow{height:41px;margin-top:22px}#index .s1 .arrow img{-webkit-animation:scrollSwing 1s cubic-bezier(.44,.07,.57,.88) 0s infinite alternate;animation:scrollSwing 1s cubic-bezier(.44,.07,.57,.88) 0s infinite alternate}@-webkit-keyframes scrollSwing{from{-webkit-transform:translateY(7px);transform:translateY(7px)}to{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}@keyframes scrollSwing{from{-webkit-transform:translateY(7px);transform:translateY(7px)}to{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}#index .s2{position:relative;background-image:url(../imgPC/index/jacket/jacket01.jpg)}#index .s2 .index-inner{padding:46px 0 45px}#index .s2 h2{padding-top:98px}#index .s2 p{margin-top:16px;text-align:center}#index .s2 .content{position:relative;height:491px}#index .s2 .device{position:absolute;top:0;left:665px;width:284px;height:491px;background:url(../img/index/01/device.png) no-repeat}#index .s2 .device .inner{position:relative;top:64px;left:40px;width:204px}#index .s2 .device .inner img{position:absolute;top:0;left:0;width:204px;height:363px}#index .s2 .device .inner img.lyric-1{opacity:0;-webkit-animation:indexLyric1 5s linear infinite;animation:indexLyric1 5s linear infinite}#index .s2 .device .inner img.lyric-2{opacity:0;-webkit-animation:indexLyric2 5s linear infinite;animation:indexLyric2 5s linear infinite}#index .s2 .device .inner img.lyric-3{opacity:0;-webkit-animation:indexLyric3 5s linear infinite;animation:indexLyric3 5s linear infinite}#index .s2 .device .inner img.lyric-4{opacity:0;-webkit-animation:indexLyric4 5s linear infinite;animation:indexLyric4 5s linear infinite}@-webkit-keyframes indexLyric1{0%{opacity:1}100%{opacity:1}}@keyframes indexLyric1{0%{opacity:1}100%{opacity:1}}@-webkit-keyframes indexLyric2{0%{opacity:0}24%{opacity:0}25%{opacity:1}100%{opacity:1}}@keyframes indexLyric2{0%{opacity:0}24%{opacity:0}25%{opacity:1}100%{opacity:1}}@-webkit-keyframes indexLyric3{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@keyframes indexLyric3{0%{opacity:0}49%{opacity:0}50%{opacity:1}100%{opacity:1}}@-webkit-keyframes indexLyric4{0%{opacity:0}74%{opacity:0}75%{opacity:1}100%{opacity:1}}@keyframes indexLyric4{0%{opacity:0}74%{opacity:0}75%{opacity:1}100%{opacity:1}}#index .s3{position:relative;background-image:url(../imgPC/index/jacket/jacket02.jpg)}#index .s3 .index-inner{padding:50px 0 40px}#index .s3 h2{margin-left:328px;padding-top:20px}#index .s3 p{margin-top:16px;text-align:center}#index .s3 .content{height:491px}#index .s3 .device{position:absolute;top:0;right:0;left:0}#index .s4{background-image:url(../imgPC/index/jacket/jacket03.jpg)}#index .s4 .index-inner{padding:46px 0 40px}#index .s4 p{padding:35px 0 0 30px}#index .s4 h2{margin-left:30px}#index .s4 .article{position:absolute;top:50%;margin-top:-112.5px}#index .s4 .content{position:relative;height:491px}#index .s4 .device{position:absolute;top:0;left:665px;width:284px;height:491px;background:url(../img/index/01/device.png) no-repeat}#index .s4 .device .inner{position:relative;top:64px;left:40px;width:204px}#index .s4 .device .inner img{position:absolute;top:0;left:0;width:204px;height:363px}#index .s4 .device .inner img.lyric-1{opacity:1;-webkit-animation:Lyric1 15s linear infinite;animation:Lyric1 15s linear infinite}@-webkit-keyframes Lyric1{0%{opacity:1}100%{opacity:1}}@keyframes Lyric1{0%{opacity:1}100%{opacity:1}}#index .s5{position:relative;padding:0 0 40px;background:#f7f8f8}#index .s5 p{margin-top:16px;text-align:center}#index .s5 .content{padding:40px;background:#fff}#index .s5 table{width:100%;border-collapse:collapse}#index .s5 td,#index .s5 th{padding:4px 0}#index .s5 th{font-size:15px;line-height:1.4375}#index .s5 th strong{color:#ff6477;border-bottom:1px solid #ff6477}#index .s5 td{width:20%;text-align:center}#index .s5 td span{display:block;padding:6px;font-size:16px}#index .s5 td small{font-size:13px}#index .s5 tr.even{background:#f0f0f0}#index .s5 tr.even td{border-left:2px solid #fff}#index .s5 tr.odd td{border-left:2px solid #f0f0f0}#index .s5 tr.diff td{padding-bottom:0}#index .s5 tr.diff td span{padding-bottom:8px}#index .s5 tr.diff .slash-f{background-image:-webkit-linear-gradient(107deg,transparent 49%,#fff 49%,#fff 51%,transparent 51%,transparent);background-image:linear-gradient(-17deg,transparent 49%,#fff 49%,#fff 51%,transparent 51%,transparent);padding:25px 6px}#index .s5 tr.note td{padding-top:0}#index .s5 tr.note td span{padding-top:0}#index .s5 tr.single span{padding:18px 6px}#index .s5 tr.single .slash-g{background-image:-webkit-linear-gradient(107deg,transparent 49%,#f0f0f0 49%,#f0f0f0 51%,transparent 51%,transparent);background-image:linear-gradient(-17deg,transparent 49%,#f0f0f0 49%,#f0f0f0 51%,transparent 51%,transparent);padding:25px 6px}#index .s5 tr.single .slash-f{background-image:-webkit-linear-gradient(107deg,transparent 49%,#fff 49%,#fff 51%,transparent 51%,transparent);background-image:linear-gradient(-17deg,transparent 49%,#fff 49%,#fff 51%,transparent 51%,transparent);padding:25px 6px}#index .s5 thead th{padding:0;font-size:20px;border-bottom:2px solid #fff}#index .s5 thead th span{padding:10px 0;display:block}#index .s5 tbody th{padding-left:15px;text-align:left}#index .s5 .t1{color:#fff;background:#ff6477;border-left:2px solid #fff}#index .s5 .t2{color:#fff;background:#898989;border-left:2px solid #fff}#index .s5 .t3{color:#ff6477;font-size:18px}#index .s5 .t4{font-size:18px}#index .s6{position:relative;background-image:url(../imgPC/index/jacket/jacket04.jpg)}#index .s6 .index-inner{padding:126px 0 0}#index .s6 h2{text-align:center}#index .s6 .row{width:532px;overflow:hidden;margin:70px auto 0}#index .s6 .c1{width:196px;text-align:center;float:left}#index .s6 .c2{width:196px;text-align:center;float:right}#index .s6 .qr{margin-top:18px}#news{position:relative}#news .item{padding:50px 20px;border-bottom:1px solid #dcdcdc}#news .item:first-child{padding-top:0}#news .date{color:#ff6477;font-weight:700}#news .title{margin-top:7px;font-weight:700}#news .text{margin-top:34px;font-size:16px}#policy{position:relative}#policy h4{margin:60px 0 30px}#policy p{font-size:16px}#policy p.bottom{margin-top:60px;text-align:right}#contact{position:relative}#contact p+p{margin-top:1em}#contact a{color:#595757}#contact .s1 p{text-align:center}#register{position:relative}#register h2.title{color:#595757}#register h2{font-weight:100}#register h1.title{padding:0;margin:50px auto}#register h2.title-black{color:#ffc2c9;background:#282828}#register h3{margin-bottom:20px;padding:15px 0 15px 70px;font-size:30px}#register h3.num-1{background:url(../imgPC/register/num-1.png) no-repeat center left}#register h3.num-2{background:url(../imgPC/register/num-2.png) no-repeat center left}#register h3.num-3{background:url(../imgPC/register/num-3.png) no-repeat center left}#register h3.num-4{background:url(../imgPC/register/num-4.png) no-repeat center left}#register p+p{margin-top:1em}#register .inner{margin-left:20px;margin-right:20px}#register .s1 .btn{margin:45px auto 59px;width:380px}#register .s1 .b1{margin:0 auto 101px;width:580px}#register .s1 .free30days{margin:0 auto 50px;width:580px}#register .s1 p{padding-left:18px}#register .s2{line-height:1.5}#register .s2 h2.title{color:#000}#register .s2 p{padding-left:18px}#register .s2 p small{font-size:16px}#register .s2 .btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 100px;width:882px}#register .s2 .btns .btn .title{margin:50px auto 15px;font-size:22px;font-weight:700;line-height:2.1;text-align:center}#register .s2 .btns .btn .button{margin:0 auto;width:398px}#register .s3 h2.title{margin-top:30px}#register .s3 .row{overflow:hidden;padding:30px 0;border-bottom:1px solid #dcdcdc}#register .s3 .border-none{border-style:none}#register .s3 .row:first-child{padding-top:0}#register .s3 .img-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:30px auto 0}#register .s3 .img-container-1{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:590px}#register .s3 .img-container-2{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:266px}#register .payment{padding:38px 0 65px 18px;border-top:1px solid #dcdcdc}#register .payment h3{padding:0;font-size:20px;color:#000}#register .payment ul{margin:10px 0 35px;line-height:1.625}#register .s4{margin-top:30px;margin-bottom:95px}#register .s4 p{font-size:16px}#register .s5 .row{width:730px;overflow:hidden;margin:0 auto}#register .s5 .c1{width:382px;float:left}#register .s5 .c2{width:310px;float:right}#register .s5 .text{font-size:22px;text-align:center}#register .s5 .btn{margin-top:18px;text-align:center}#modal .on{display:none}#modal .on.active{display:block}#modal .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1000}#modal .content{padding:40px;width:960px;height:575px;background:#fff}#modal .content h2{background-color:#ff5b23;color:#fff;margin:0 0 33px}#modal .content p{text-align:center}#modal .content .flow{margin:75px auto 45px;width:834px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#modal .content .flow .item{position:relative;width:244px}#modal .content .flow .item img{width:244px}#modal .content .flow .item-1:before{content:url("../imgPC/register/flow_1.png");position:absolute;top:-35px;left:46.37681%;width:25px;height:25px}#modal .content .flow .item-2:before{content:url("../imgPC/register/flow_2.png");position:absolute;top:-35px;left:46.37681%;width:25px;height:25px}#modal .content .flow .item-3:before{content:url("../imgPC/register/flow_3.png");position:absolute;top:-35px;left:46.37681%;width:25px;height:25px}#modal .content .close{margin:0 auto;width:50px;height:50px}#faq{position:relative}#faq h2{margin-bottom:0}#faq .list-default .item{padding:50px 20px;border-top:1px solid #dcdcdc}#faq .list-default .item:first-child{border-top:0}#faq .list-default .device span{display:inline-block;margin-right:10px}#faq .list-default .title{margin-top:20px;font-weight:700}#faq .list-default .text{font-size:16px}#faq .list-default .body{margin-top:30px}#faq .list-link{margin-top:45px}#faq .list-link a{display:block;font-weight:700;text-decoration:none}#faq .list-link .item{padding:25px 20px;border-bottom:1px solid #dcdcdc;background:url(/imgPC/faq/arrow.png) no-repeat 908px center}#faq .list-link .item:first-child{border-top:1px solid #dcdcdc}