@charset "UTF-8";.col,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}.col,header .headbar .headbar-title{float:left}body,header .header-lang-item a:active,header .header-lang-item a:hover,header .header-lang-item a:link,header .header-lang-item a:visited,header .header-lang-item_on a:active,header .header-lang-item_on a:hover,header .header-lang-item_on a:link,header .header-lang-item_on a:visited{color:#fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,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,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;text-align:left;margin:0;padding:0;border:0;outline:0;background:0 0}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}body{font-family:"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,Arial,sans-serif;background-color:#0A0E38}.clearfix{clear:both;overflow:hidden}.container{margin:0 auto}.row{padding-bottom:0}.col{width:100%}.space_16{padding-top:16px}header{text-align:center;background:#0A0E38}header .headbar .headbar-title h1{text-align:center;line-height:200%;font-size:1rem}@media only screen and (max-width:767px){header .headbar .headbar-title h1{text-align:left;font-size:.8rem;line-height:150%}}header .headbar .headbar-lang{float:right;text-align:right;padding-right:8px;line-height:200%;cursor:pointer;text-decoration:underline}@media only screen and (max-width:767px){header .headbar .headbar-lang{font-size:.8rem;line-height:150%}}header .header-lang-item{text-align:right;position:absolute;top:0;width:100%;visibility:hidden;opacity:0;-ms-filter:"alpha( opacity=0 )";filter:alpha(opacity=0);padding-right:8px;font-size:1rem}header .header-lang-item_on{text-align:right;top:100%;visibility:visible;opacity:100;-ms-filter:"alpha( opacity=100 )";filter:alpha(opacity=100);-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;padding-right:8px;font-size:1rem;width:99%}@media only screen and (max-width:767px){header .header-lang-item_on{font-size:.8rem}}header .headerarea{position:relative;width:100%}header .headerarea .topcontent{position:absolute;height:100%;top:35%;left:6%;font-size:2rem;width:30%}@media only screen and (max-width:767px){header .headerarea .topcontent{top:20%;width:40%}header .headerarea .topcontent .applink .appimg{display:none}}header .headerarea .topcontent .applink{text-align:center;padding-top:8px}@media only screen and (min-width:768px){header .headerarea .topcontent .applink .appimg{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;width:100px}header .headerarea .topcontent .applink .appicon{padding-bottom:20px;text-align:center}header .headerarea .topcontent .applink{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background-color:rgba(0,0,0,.5);padding-top:30px;padding-bottom:30px}}@media only screen and (max-width:767px){header .headerarea .topcontent .applink{padding-top:0}}header .headerarea .topcontent .applink img{width:80%}header .headerarea .topcontent .applink .commingsoon{text-align:center;font-size:1rem}header img{width:100%;max-width:100%}.basic{background:url(../images/character_bg.png) 50% 10% no-repeat #0A0E38;padding-top:56px}@media only screen and (max-width:767px){.basic{padding-top:8px}}.basic .text-title{color:#ffecf1}.sakura{background:url(../images/news_bg.png) 50% 10% no-repeat #ee647e;padding-top:56px}.sakura .text-title{color:#0A0E38}.sakura .text-body{color:#000}article{line-height:300%;text-align:center;background:#0A0E38}article h2{font-size:2.4rem;text-align:center;margin:20px}@media only screen and (max-width:1023px){article h2{font-size:2em}}@media only screen and (max-width:767px){.sakura{padding-top:8px}article h2{font-size:1.4rem;margin:8px}}article h3{font-size:1.6rem;text-align:center;padding-bottom:40px;line-height:120%}@media only screen and (max-width:767px){article h3{font-size:1.2rem;margin:8px;padding-bottom:20px}}article .wrap{width:800px;margin:0 auto;padding-bottom:20px}@media only screen and (max-width:1023px){article .wrap{width:90%}}article .wrap .attension{text-align:center;font-size:1.8rem;line-height:120%}@media only screen and (max-width:767px){article .wrap .attension{font-size:1rem}}article .wrap .attension a:active,article .wrap .attension a:hover,article .wrap .attension a:link,article .wrap .attension a:visited{color:#ffd900}article .wrap .finale{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background-color:#ee647e;font-size:1.2rem;padding:8px;margin-bottom:20px;text-align:center;line-height:1.2}article .wrap .text-title{text-align:center;line-height:160%;padding-bottom:20px;padding-top:20px}article .wrap .text-title span{display:block;text-align:center;font-size:1.3rem}@media only screen and (max-width:767px){article .wrap .text-title span{font-size:1rem;padding-top:0;line-height:160%;text-align:left}}article .wrap .text-body{line-height:150%}article .wrap .text-body span{display:block;text-align:left;font-size:1rem}@media only screen and (max-width:767px){article .wrap .text-body span{font-size:.8rem;line-height:120%;text-align:left}}article .wrap .text-body .text-space{text-align:center;white-space:pre}@media only screen and (max-width:767px){article .wrap .text-body .text-space{text-align:left}}article .wrap .text-body .company_logo{padding-top:20px;text-align:center}article .wrap .text-body .company_logo img{background-color:#fff}article .wrap .text-body .company_logo a:active,article .wrap .text-body .company_logo a:hover,article .wrap .text-body .company_logo a:link,article .wrap .text-body .company_logo a:visited{color:#fff}article .wrap .text-body .kiyaku-body span{font-size:.9rem;white-space:pre-wrap}@media only screen and (max-width:767px){article .wrap .text-body .kiyaku-body span{font-size:.8rem;line-height:120%;text-align:left}article .wrap .video iframe{width:100%;height:100%}}article .wrap .text-body .kiyaku-body .kiyakuhead{padding-top:20px}article .wrap .video{text-align:center;padding-bottom:20px}article .wrap .video p{display:none}article .wrap .movie-bottom{line-height:120%;text-align:center}article .wrap .step{padding-top:40px;text-align:center}@media only screen and (max-width:767px){article .wrap .step{padding-top:0}}article .wrap .step .stepbody,article .wrap .step .steptitle{padding-top:20px;text-align:center}article .wrap .step .steptitle{color:#ffecf1;font-size:2.4rem}article .wrap .step .steptitle .steplogo{text-align:center}article .wrap .step .steptitle .steplogobody{text-align:center;padding-left:20px}@media only screen and (max-width:767px){article .wrap .step .steptitle{font-size:1.4rem}article .wrap .step .steptitle .steplogobody{padding-left:12px}}article .wrap .step .stepbody img{width:100%}article .wrap .step .stepbody div{text-aling:center}article .wrap .step .howto{padding-top:40px}article .wrap .step .howto .howtostep{width:375px;padding-top:20px;padding-bottom:40px}@media only screen and (min-width:768px){article .wrap .step .howto .howtostep{float:left;padding-left:20px}}@media only screen and (max-width:767px){article .wrap .step .howto .howtostep{width:100%;padding-left:0}}article .wrap .step .howto .howtostep .howtostep_image{width:100%}article .wrap .step .howto .howtostep .howtostep_text{padding-left:8px;padding-right:8px;text-align:left;line-height:120%;width:100%}article .wrap .step .applink,article .wrap .step .applogo,footer{text-align:center}article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_no{float:left;width:25px}article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_body,article .wrap .step .howto img{width:100%}article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_body a:active,article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_body a:hover,article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_body a:link,article .wrap .step .howto .howtostep .howtostep_text .howtostep_text_body a:visited{color:#fff}article .wrap .step .videotitle{padding-top:20px;color:#ffecf1;font-size:2.4rem;text-align:center;font-family:'Dancing Script',cursive}article .wrap .step .applogo img{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;width:100px}@media only screen and (min-width:768px){article .wrap .step .applogo .center-app-img{padding-right:8px}article .wrap .step .applogo .center-app-qr{padding-left:8px}}article .wrap .step .applink{padding-top:20px}article .wrap .step .applink img{width:30%}article .wrap .step .applink .googleplay{padding-left:20px}@media only screen and (max-width:767px){article .wrap .step .videotitle{font-size:1.4rem}article .wrap .step .applink img{width:80%}article .wrap .step .applink .googleplay{padding-left:0}}article .snstool{padding-top:20px;list-style-type:none}article .snstool ul li{display:inline-block;padding-right:10px;cursor:pointer}footer{line-height:200%;background:#0A0E38;font-size:.8em;padding-top:20px}@media only screen and (max-width:767px){footer{font-size:.6em}}footer a:active,footer a:hover,footer a:link,footer a:visited{color:#fff}