article{background-color:#E3E3E3;background-position:center top;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../../common/img/pattern01.png);background-size:88px}article .border{border:1px solid #212121}article .inner{background-color:#fff}article section{position:relative}article section .bgimg{position:absolute;z-index:100}article section#about .inner{position:relative;margin-top:5.97vw}article section#about .inner:first-child{margin-top:41px}article section#about .inner h2.about{text-align:center;font-size:10rem;margin-top:-41px;z-index:200;position:relative}article section#about .inner h2.basicsteps,article section#about .inner h2.release{z-index:200;position:relative;font-size:6.4rem;padding:0;text-align:right;border-bottom:2px solid #212121}article section#about .inner .article{position:relative;width:calc(100% - 28px);margin:0 auto;padding:0}article section#about .inner .article .wrapper{position:relative;z-index:200}article section#about .inner .article.pdt{padding:1em 0 0 0}article section#about .inner .article p{line-height:1.7em;margin-bottom:1em}article section#about .inner .article .main{border-bottom:2px solid #212121}article section#about .inner .article .main .mainimg,article section#about .inner .article .main .subimg{width:100%}article section#about .inner .article .main .subimg{margin:1em 0}article section#about .inner .article .main>h3{font-weight:bold;font-size:1.8rem;margin-top:1em}article section#about .inner .article .main>p{margin-top:1em;line-height:1.7em}article section#about .inner .article .main>a{margin-top:1em}article section#about .inner .article .main .tops p{margin:0;margin-bottom:1em}article section#about .inner .article .main .tops a{line-height:1.5em}article section#about .inner .article #point01 h3{font-size:1.8rem;font-weight:bold;color:#C069ED;line-height:26px;border-left:6px solid #D7A0FA;padding-left:8px;margin:5.625vw 0}article section#about .inner .article #point01 ul li{padding-bottom:0.5em}article section#about .inner .article #point01 ul li h4{font-size:1.6rem;font-weight:bold;padding-bottom:1em;border-bottom:1px solid #212121}article section#about .inner .article #point01 ul li img{width:100%;margin:2.985vw 0}article section#about .inner .article .movies h3{font-size:1.8rem;font-weight:bold;color:#C069ED;line-height:26px;border-left:6px solid #D7A0FA;padding-left:8px;margin:5.625vw 0 3.125vw 0}article section#about .inner .article .movies .movie01{width:100%;padding-top:56.25%;position:relative}article section#about .inner .article .movies .movie01 iframe{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;right:0;width:100% !important;height:100% !important}article section#about .inner .article #point02 h3{font-size:1.8rem;font-weight:bold;color:#69CBE4;line-height:26px;border-left:6px solid #69CBE4;padding-left:8px;margin:5.625vw 0;position:relative;z-index:200}article section#about .inner .article #point02 p{position:relative;z-index:200}article section#about .inner .article #point02 #release h3{color:#E469CD;border-left:6px solid #E469CD}article section#about .inner .article #point02 ul li{padding-bottom:0.5em}article section#about .inner .article #point02 ul li h4{font-size:1.6rem;font-weight:bold;display:block;padding-bottom:1em;border-bottom:1px solid #212121}article section#about .inner .article #point02 ul li h4 span.share{color:#fff;vertical-align:middle;line-height:1em;font-size:2.4rem;padding:6px 7px 5px 7px;font-weight:normal;display:inline-block;background-color:#9AD9E9;margin-right:0.7em}article section#about .inner .article #point02 ul li img{width:100%;margin:2.985vw 0}article section#about .inner .article #point02 #release{position:relative}article section#about .inner .article #point02 #release .rightarea #hash{padding-top:5.97vw;border-top:1px solid #212121}article section#about .inner .article #point02 #release .rightarea #hash #ico{width:20.895vw;float:left;margin-right:2.985vw}article section#about .inner .article #point02 #release .rightarea #hash .acounts{margin-top:3.88vw;margin-bottom:2vw}article section#about .inner .article #point02 #release .rightarea #hash #symbol{height:20px;display:inline}article section#about .inner .article #point02 #release .rightarea #hash #acount{font-size:1.6rem;font-weight:bold;display:inline;line-height:20px}article section#about .inner .article #point02 #release .rightarea #hash .hash{font-size:1.2rem;font-weight:bold}article section#about .inner .article #point02 #release .rightarea #hash #balloon{margin-top:5.97vw;background-color:#2AA3F0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:2.5vw 5vw}article section#about .inner .article #point02 #release .rightarea #hash #balloon p{font-size:1.4rem;line-height:2.6rem;color:#fff;font-weight:bold;margin:0}article section#about .inner .article #point02 #release .rightarea #hash .arrow{width:8.955vw;margin:0 auto;margin-top:-1px}article section#about .inner .article #point02 #release .leftarea{margin-top:1.49vw;margin-bottom:14px}article section#about .inner .article #point02 #release .leftarea #x_timeline_head{display:flex;justify-content:space-between;flex-flow:column;margin-bottom:3.125vw}article section#about .inner .article #point02 #release .leftarea #x_timeline_head a.post{color:#000;font-size:1.6rem;text-decoration:underline;font-weight:bold;margin-bottom:3vw}article section#about .inner .article #point02 #release .leftarea #timeline_wrap>iframe{width:740px !important}article section#about .inner .img01{position:absolute;top:-32px;right:-20px;width:199px;height:240px}article section#about .inner .img02{position:absolute;top:-20px;left:-20px;width:249px;height:230px}@media screen and (min-width: 768px){article{padding:30px 0 0 0;background-size:176px}article section{width:1120px;margin:0 auto}article section#about .inner{position:relative;margin-top:0;margin-bottom:30px}article section#about .inner:first-child{margin-top:0;margin-bottom:36px}article section#about .inner h2.about{display:inline-block;width:100%;font-size:18rem;margin-top:-73px;line-height:1em}article section#about .inner h2.basicsteps,article section#about .inner h2.release{font-size:10rem;padding:0;text-align:right;border-bottom:2px solid #212121}article section#about .inner .article{padding:0 69px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:0 auto}article section#about .inner .article .wrapper{position:relative;z-index:200}article section#about .inner .article.pdt{padding:1em 0 0 0}article section#about .inner .article p{line-height:1.7em;margin-bottom:1em}article section#about .inner .article .main{border-bottom:2px solid #212121}article section#about .inner .article .main .mainimg{width:980px}article section#about .inner .article .main .subimg{width:560px;margin:0;float:left}article section#about .inner .article .main>h3{font-weight:bold;font-size:20px;margin-top:1em}article section#about .inner .article .main>p{margin-top:1em;font-size:1.6rem}article section#about .inner .article .main>a{margin-top:1em;font-size:1.6rem}article section#about .inner .article .main .tops{margin:30px 0 40px 0;padding:0;width:100%}article section#about .inner .article .main .tops .rightarea{width:390px;float:right}article section#about .inner .article .main .tops p{font-size:1.6rem}article section#about .inner .article #point01 h3{font-size:3.2rem;line-height:40px;padding-left:8px;margin:40px 0}article section#about .inner .article #point01 ul{margin-bottom:40px}article section#about .inner .article #point01 ul li{float:left;width:460px;padding-bottom:0.5em}article section#about .inner .article #point01 ul li:nth-child(odd){margin-right:60px}article section#about .inner .article #point01 ul li h4{font-size:1.8rem;padding-bottom:16px}article section#about .inner .article #point01 ul li img{width:460px;margin:20px 0}article section#about .inner .article .movies h3{font-size:3.2rem;line-height:40px;padding-left:8px;margin:40px 0 30px 0}article section#about .inner .article #point02{padding:40px 69px}article section#about .inner .article #point02 h3{font-size:3.2rem;line-height:40px;margin:40px 0}article section#about .inner .article #point02 #release h3{color:#E469CD;border-left:6px solid #E469CD}article section#about .inner .article #point02 ul{margin-top:38px}article section#about .inner .article #point02 ul li{width:460px;float:left;padding-bottom:1em}article section#about .inner .article #point02 ul li:nth-child(odd){margin-right:60px}article section#about .inner .article #point02 ul li h4{font-size:1.8rem;padding-bottom:10px;line-height:30px}article section#about .inner .article #point02 ul li h4 span{display:inline-block}article section#about .inner .article #point02 ul li h4 span.share{margin:0;color:#fff;font-size:2.4rem;line-height:1em;overflow:hidden;display:inline;height:30px;vertical-align:middle;padding:4px 7px 2px 7px;margin-right:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}article section#about .inner .article #point02 ul li img{width:460px;margin:20px 0}article section#about .inner .article #point02 #release{position:relative}article section#about .inner .article #point02 #release .rightarea{width:460px;float:right}article section#about .inner .article #point02 #release .rightarea p{font-size:1.6rem;line-height:28px}article section#about .inner .article #point02 #release .rightarea #hash{padding-top:40px;margin-top:30px}article section#about .inner .article #point02 #release .rightarea #hash #ico{width:122px;margin-right:15px}article section#about .inner .article #point02 #release .rightarea #hash .acounts{margin-top:28px;margin-bottom:13px}article section#about .inner .article #point02 #release .rightarea #hash #symbol{height:31px}article section#about .inner .article #point02 #release .rightarea #hash #acount{font-size:2.8rem;font-weight:bold;display:inline;line-height:32px}article section#about .inner .article #point02 #release .rightarea #hash .hash{font-size:1.8rem}article section#about .inner .article #point02 #release .rightarea #hash #balloon{position:relative;margin-top:40px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:18px 22px}article section#about .inner .article #point02 #release .rightarea #hash #balloon p{font-size:1.6rem;line-height:31px;margin:0}article section#about .inner .article #point02 #release .rightarea #hash .balloonwrap{position:relative}article section#about .inner .article #point02 #release .rightarea #hash .arrow{width:30px;position:absolute;left:-29px;top:calc(50% - 12px)}article section#about .inner .article #point02 #release .leftarea{width:460px;position:relative;z-index:200;float:left;margin-top:0;margin-bottom:69px}article section#about .inner .article #point02 #release .leftarea #x_timeline_head{margin-bottom:10px;display:flex;flex-flow:row;justify-content:space-between;align-items:center}article section#about .inner .article #point02 #release .leftarea #x_timeline_head a.post{color:#000;font-size:1.8rem;text-decoration:underline;font-weight:bold;margin:0}article section#about .inner .article #point02 #release .leftarea #x_timeline_head a.post:hover{text-decoration:none}article section#about .inner .article #point02 #release .leftarea #timeline_wrap{height:465px;overflow:scroll}article section#about .inner .article #point02 #release .leftarea #timeline_wrap .twitter-timeline{width:100% !important}article section#about .inner .img01{position:absolute;top:-70px;right:-43px;width:398px;height:480px}article section#about .inner .img02{position:absolute;top:-70px;left:-180px;width:497px;height:489px}}