﻿html{font-size:100%}*{flex:0 1 auto;box-sizing:border-box}html,body{position:relative;margin:0;padding:0;background-color:#1f2a79;font-family:"游ゴシック体", "Yu Gothic", YuGothic, Meiryo, sans-serif;font-size:18px;line-height:1.6666;color:#fff;letter-spacing:.02em}a{color:#fff;text-decoration:none;transition:all .2s}a:hover{opacity:.65}.clearfix:after{content:"";display:block;clear:both;overflow:hidden;height:0;line-height:0}img{max-width:100%;height:auto;border:0;vertical-align:middle}video{vertical-align:middle;max-width:100%;height:auto}ul,ol{margin-top:0}li{line-height:1.8;text-align:left}ol li ul{margin-left:1em;padding:0}dd{margin:0}area{border:none;outline:none}h1,h2,h3,h4,h5{margin:0}input,button,textarea,select{margin:0;padding:0;border:none;border-radius:0;outline:none;background:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-width: 700px){.sp{display:none}}@media (max-width: 700px){.pc{display:none}}.d_ib{display:inline-block !important}.d_b{display:block !important}.fl_l{float:left}.fl_r{float:right}.ta_r{text-align:right}.ta_c{text-align:center}.ta_l{text-align:left}html{overflow:auto}body{overflow:hidden}.footer{position:relative;margin-top:150px;padding:20px 0;background:#03004c;text-align:center}.footer span{margin:0 .5em}.content{position:relative;margin:auto;padding:0 15px;max-width:1096px}.btn{position:relative;display:inline-block;margin-bottom:10px;padding:15px 50px 15px 25px;border-radius:15px;background:#ff52c3;font-family:fot-seurat-pron,sans-serif;font-size:20px;font-weight:bold;color:#fff;line-height:1.3;letter-spacing:.1em;text-align:left}.btn:after{content:"";position:relative;display:inline-block;font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;position:absolute;top:50%;right:16px;display:block;font-size:30px;transform:translateY(-50%)}.deco{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:1100px;opacity:.8}.deco div{position:absolute}.deco--head{max-width:1600px;opacity:1}#deco-01{top:0;right:0}#deco-02{top:0;left:0}@media screen and (max-width: 1100px){#deco-01{right:-2%;width:35%}#deco-02{left:-2%;width:35%}}#deco-03{top:60%;left:12%}#deco-04{top:0%;left:-4%}#deco-05{top:0%;right:-3%}#deco-06{top:17%;right:-12%}#deco-14{top:33%;left:-7%}#deco-07{top:-2%;right:-3%}#deco-12{top:1%;left:-3%}#deco-16{top:57%;left:-10%}#deco-08{top:-3%;left:-11%}#deco-09{top:-5%;right:-11%}#deco-10{top:0%;right:-8%}#deco-11{bottom:-14%;left:-15%}#deco-13{top:-2%;left:-6%}#deco-15{bottom:-42%;right:-20%}.introduction{z-index:5}.section--1{z-index:4}.section--2{z-index:3}.section--3{z-index:2}.section--4{z-index:1}.footer{z-index:6}.kv{display:-webkit-flex;display:-ms-flex;display:flex;justify-content:center;align-items:flex-end;height:850px;background:url(../images/kv.png) top center no-repeat;background-size:cover}.kv .logo{margin-bottom:40px;text-align:center}h1,h2,h3,h4{text-align:center}.introduction{position:relative;padding:60px 0 70px;background:-moz-linear-gradient(top, #081157 0%, rgba(8,17,87,0.63) 37%, rgba(125,185,232,0) 100%);background:-webkit-linear-gradient(top, #081157 0%, rgba(8,17,87,0.63) 37%, rgba(125,185,232,0) 100%);background:linear-gradient(to bottom, #081157 0%, rgba(8,17,87,0.63) 37%, rgba(125,185,232,0) 100%);background-repeat:no-repeat;background-position:top center}.introduction .content{position:relative;margin:auto;max-width:1180px}.introduction .title__main{margin-bottom:30px;text-align:center}.introduction .present{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-40px;flex-wrap:wrap;margin-bottom:10px}.introduction .present>*{box-sizing:border-box;margin-left:40px;width:calc(33.33333% - 40px);max-width:calc(33.33333% - 40px);flex-basis:calc(33.33333% - 40px)}.introduction .present__wrap{margin:auto;max-width:1066px}.introduction .present__wrap .note{font-size:14px;text-align:right}.introduction .present__item{padding:10px;border-radius:20px;background:rgba(255,234,0,0.9);text-align:center}.introduction .present__title{position:relative;top:-40px;margin-bottom:-30px}.introduction .index{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-40px;flex-wrap:wrap;font-size:28px}.introduction .index>*{box-sizing:border-box;margin-left:40px;width:calc(25% - 40px);max-width:calc(25% - 40px);flex-basis:calc(25% - 40px)}.introduction .index__item a{position:relative;display:block;padding:20px 15px 35px;border-radius:15px;background:#ff52c3;box-shadow:0 10px 0 0 #f500a0;text-align:center;transition:none}.introduction .index__item a:hover{opacity:1;background:#ff85d5;box-shadow:0 0 0 0 #f500a0;transform:translateY(10px)}.introduction .index__item a:after{content:"";position:relative;display:inline-block;font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:auto;position:absolute;bottom:4px;left:50%;display:block;font-size:25px;transform:translateX(-50%)}.introduction .index__no{font-family:niveau-grotesk-small-caps,sans-serif;font-size:38px;line-height:1;letter-spacing:.1em}.section{position:relative;padding:40px 0}.section__head{margin-bottom:60px;font-size:20px;font-weight:bold;letter-spacing:.05em;text-align:center}.section--1 .content{max-width:1110px}.section--1 .movie{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-60px;flex-wrap:wrap}.section--1 .movie>*{box-sizing:border-box;margin-left:60px;width:calc(50% - 60px);max-width:calc(50% - 60px);flex-basis:calc(50% - 60px)}.section--1 .movie__wrap{margin:0 auto 50px;max-width:980px}.section--1 .movie__item{margin-bottom:50px}.section--1 .movie__item a{display:block;box-shadow:0 0 20px 5px rgba(255,255,255,0.3)}.section--1 .movie__item a:not([href]):hover{opacity:1}.section--1 .movie__item a img{width:100%;max-width:none}.section--1 .frame-wrapper__video{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:50px}.section--1 .frame-wrapper__video iframe{width:100%;height:100%;position:absolute;top:0;left:0}.section--1 .description{padding:20px;border:8px solid  #d8dbdf;border-radius:10px;background:url(../images/howto-bg.jpg);color:#333}.section--1 .description__txt{margin-bottom:40px;font-size:24px;font-weight:bold;color:#03004c;text-align:center}.section--1 .howto{margin:0 auto 80px;max-width:900px;font-family:fot-seurat-pron,sans-serif;font-weight:bold;letter-spacing:.05em}.section--1 .howto__title{margin-bottom:40px}.section--1 .howto .step{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-8%;flex-wrap:wrap;position:relative}.section--1 .howto .step>*{box-sizing:border-box;margin-left:8%;width:calc(50% - 8%);max-width:calc(50% - 8%);flex-basis:calc(50% - 8%)}.section--1 .howto .step__label{display:inline-block;padding:0 15px;border-radius:5px;background:#ff52c3;color:#fff}.section--1 .howto .step__text{margin:12px 0;font-size:22px}.section--1 .howto .step a{display:block;margin:12px 0}.section--1 .howto .step--1 .step__link{position:relative}.section--1 .howto .step--1 .step__link:after{content:"";position:absolute;top:50%;left:calc(104%);display:block;width:42px;height:34px;background:url(../images/howto-arrow.png) center no-repeat;transform:translateY(-50%)}@media screen and (min-width: 700px){.section--1 .howto .step--2 a{transform:translateY(51%)}}.section--1 .present{margin-bottom:80px;text-align:center}.section--1 .present__title{position:relative;margin-bottom:40px}.section--1 .present__txt{position:relative}.section--1 .present__txt img{position:relative}.section--1 .present__txt .img-1,.section--1 .present__txt .img-2{position:absolute;display:block}.section--1 .present__txt .img-1{top:-100%;right:73%;width:23.406375%}.section--1 .present__txt .img-2{top:-70%;left:75%;width:23.007968%}.section--1 .present .period{margin-bottom:10px;padding:8px 15px;border-radius:100px;background:#ff52c3;font-family:fot-seurat-pron,sans-serif;font-size:33px;font-weight:bold;color:#fff;line-height:1.3;letter-spacing:.11em;text-align:center}.section--1 .present .period__wrap{margin:30px auto 0;max-width:670px}.section--1 .present .period__wrap .note{font-size:14px;text-align:right}.frame{margin:0 auto;padding:30px;max-width:750px;border-radius:5px;background:rgba(255,255,255,0.5)}.readme{font-size:14px}.readme p{font-weight:bold}.scrollbar{overflow:auto;height:250px}.section--2 .content{max-width:960px}.section--2 .app{margin:0 auto}.section--2 .app__item{display:-webkit-flex;display:-ms-flex;display:flex;width:100%;justify-content:space-between}.section--2 .app__item>*{flex-grow:0;flex-shrink:0}.section--2 .app__item>*:first-child{width:45%;max-width:45%;flex-basis:45%;order:1}.section--2 .app__item>*:last-child{width:calc(100% - 45% - 50px);max-width:calc(100% - 45% - 50px);flex-basis:calc(100% - 45% - 50px);order:2}.section--2 .app__item:not(:last-child){margin:60px 0}.section--2 .app__title{padding-bottom:12px;border-bottom:4px solid}.section--2 .app__title__date{margin-bottom:5px;font-size:22px;font-weight:bold;letter-spacing:.12em}.section--2 .app__logo{margin-bottom:20px}.section--2 .app__image__body{margin:0 auto;max-width:418px;text-align:center}.section--2 .app__image__body .btn{display:block}.section--2 .app__item--1 .app__image__body:after{content:"";display:block;clear:both}.section--2 .app__item--1 .app__image__body img{display:block;float:left;margin:0 8px 10px 0}.section--2 .app__item--2 .app__image__body>div{display:inline-block;margin:0 0 5px 0;width:48%;text-align:center}.section--2 .app__item--3 .app__image__body{max-width:350px}.section--2 .app__item--3 .app__image__body img{width:45%}.section--3 .section__body:after,.section--4 .section__body:after{content:"";display:block;clear:both}.section--3 .left,.section--4 .left{float:left;width:40%;margin-right:20px;margin-bottom:20px}.section--3 .link,.section--4 .link{margin-top:100px;text-align:right}.section--3 .link a,.section--4 .link a{vertical-align:bottom}.section--3 .link .logo,.section--4 .link .logo{margin:0 10px 10px;display:inline-block}.section--3 .link br,.section--4 .link br{display:none}@media screen and (max-width: 1050px){.section--3 .link,.section--4 .link{margin-top:80px}.section--3 .link br,.section--4 .link br{display:inline}}.section--4 .accent{padding-bottom:8px;border-bottom:1px solid #ffff3a;color:#ffff3a}@media (max-width: 700px){html,body{font-size:15px}.footer{margin-top:50px}.btn{width:100%;font-size:16px;line-height:1.5;padding:10px 30px 10px 15px}.btn:after{font-size:20px;right:10px}#deco-01{top:0;right:-4%;width:37%}#deco-02{top:0;left:-4%;width:37%}#deco-03{top:70%;left:-15%}#deco-04{top:-1%;left:-4%;width:40%}#deco-05{top:1%;right:-4%;width:40%}#deco-06{top:10%;right:-10%;width:80%}#deco-14{top:24%;left:-15%;width:70%}#deco-07{top:-2%;right:0;width:40%}#deco-12{top:1%;left:-4%;width:40%}#deco-16{top:57%;left:-10%;width:80%}#deco-08{top:-2%;left:-2%;width:40%}#deco-09{top:0%;right:0;width:35%}#deco-10{top:0;right:-3%;width:40%}#deco-13{top:0%;left:-2%;width:40%}#deco-11{bottom:0;left:-10%;width:70%;opacity:.5}#deco-15{bottom:-15%;right:-20%;width:60%}.kv{height:400px}.kv .logo{margin-bottom:20px;max-width:250px}.introduction{padding:40px 0}.introduction .title__main{margin-bottom:30px}.introduction .present{display:block;margin-left:0;margin:0 50px 5px}.introduction .present>*{margin-left:0;width:auto;max-width:none;flex-basis:auto}.introduction .present__wrap{margin-bottom:20px}.introduction .present__item{margin-bottom:50px}.introduction .present__item img{width:100%}.introduction .present__item:last-child{margin-bottom:0}.introduction .present__title{margin:0 auto -30px;top:-30px;width:70%}.introduction .index{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-15px;flex-wrap:wrap}.introduction .index>*{box-sizing:border-box;margin-left:15px;width:calc(50% - 15px);max-width:calc(50% - 15px);flex-basis:calc(50% - 15px)}.introduction .index__item{margin-bottom:25px}.introduction .index__item a{padding:20px 15px 40px}.introduction .index__item a:after{bottom:10px;font-size:20px}.introduction .index__arrow img{width:42px}.section{padding:30px 0}.section__head{margin-bottom:30px;font-size:16px;text-align:left}.section--1 .movie{display:-webkit-flex;display:-ms-flex;display:flex;margin-left:-12px;flex-wrap:wrap}.section--1 .movie>*{box-sizing:border-box;margin-left:12px;width:calc(50% - 12px);max-width:calc(50% - 12px);flex-basis:calc(50% - 12px)}.section--1 .movie__item{margin-bottom:15px;text-align:center}.section--1 .description{padding:10px 10px 10px;border:4px solid  #d8dbdf}.section--1 .description__txt{font-size:16px}.section--1 .howto{margin-bottom:40px}.section--1 .howto__title{margin:0 auto 30px;max-width:250px}.section--1 .howto .step{display:block;margin-left:0;text-align:center}.section--1 .howto .step>*{margin-left:0;width:auto;max-width:none;flex-basis:auto}.section--1 .howto .step--1{margin-bottom:80px}.section--1 .howto .step--1 .step__link:after{top:calc(100% + 20px);left:50%;transform:translateX(-50%) rotate(90deg)}.section--1 .howto .step p{font-size:16px}.section--1 .present{margin-bottom:40px}.section--1 .present__title{margin:0 auto 30px;max-width:250px}.section--1 .present__txt .img-1,.section--1 .present__txt .img-2{position:relative;top:0;right:0;left:0;display:inline;margin:0 10px 20px;width:40%}.section--1 .present .period{margin-bottom:6px;font-size:20px}.frame{margin:20px 0}.readme{font-size:12px}.scrollbar{height:150px}.section--2 .app__item{display:block}.section--2 .app__item>*:first-child,.section--2 .app__item>*:last-child{width:auto;max-width:none}.section--2 .app__image{margin-bottom:10px}.section--2 .app__image__body{margin-bottom:20px}.section--2 .app__title__date{font-size:18px}.section--2 .app__logo{margin-bottom:20px;text-align:center}.section--2 .app__item--1 .app__image__body img:nth-child(1){width:80%}.section--2 .app__item--1 .app__image__body img:nth-child(2){width:14%}.section--2 .app__item--1 .app__image__body img:nth-child(3){width:14%}.section--2 .app__item--2 .app__image__body>div{margin:0;width:48%}.section--2 .app__item--3 .app__image__body img{width:48%}.section--3 .left,.section--4 .left{text-align:center;float:none;width:auto;margin:0 40px}.section--3 .link,.section--4 .link{margin-top:40px;text-align:center}.section--3 .btn,.section--4 .btn{text-align:left;width:auto}.section--4 .accent{padding-bottom:3px}.frame{padding:20px}.frame ul{padding-left:20px}}

/*# sourceMappingURL=theme.min.css.map */