@import url(https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@700&family=Noto+Serif+HK:wght@700&family=Noto+Serif+TC:wght@700&family=Raleway:ital,wght@0,100..900;1,100..900&family=Playfair+Display:wght@900&display=swap);@keyframes particle-animation{0%{opacity:0}25%{opacity:1}100%{opacity:0}}.logo{opacity:0}.mv_chara img,.mv_chara picture{opacity:0}.mv_chara03{transform:translate3d(0,60px,0)}#header.top .opening{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}#header.top .opening p{opacity:0}#header.js--anime.top .opening{top:21.3333333333vw;transform:translate3d(-50%,0,0);transition:all 1.1s;transition-delay:1.7s}@media only screen and (min-width:751px){#header.js--anime.top .opening{top:2.6666666667vw}}@media only screen and (min-width:1501px){#header.js--anime.top .opening{top:40px}}#header.js--anime.top .opening p{opacity:1;transition:opacity 1.2s;transition-delay:.2s}#header.js--anime.top .opening_bg{opacity:0;transition:opacity .4s;transition-delay:1.7s}#header.js--anime.top .logo{opacity:1;transition:all 1.3s;transition-delay:2.2s}@media only screen and (min-width:751px){.cross{opacity:0}}@media only screen and (min-width:751px){.cross.js--anime{opacity:1;transition:all 1s;transition-delay:2.8s}}.gb #header.top .opening{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.gb #header.top .opening p{opacity:0}.gb #header .particle{opacity:0;animation:particle-animation 1.4s ease infinite}.gb #header .particle.particle02{animation-delay:.8s}.gb #header .particle.particle03{animation-delay:1.2s}.gb #header .particle.particle04{animation-delay:1.6s}.gb #header .particle.particle05{animation-delay:2s}.gb #header .particle.particle06{animation-delay:2.4s}.gb #header .particle.particle07{animation-delay:2.8s}.gb #header .particle.particle08{animation-delay:3.2s}.gb #header .particle.particle09{animation-delay:3.6s}.gb #header .particle.particle10{animation-delay:4s}.gb #header .particle.particle11{animation-delay:4.4s}.gb #header.js--anime.top .mv_chara img,.gb #header.js--anime.top .mv_chara picture{opacity:1}.gb #header.js--anime.top .opening{top:0;transform:translate3d(-50%,0,0);transition:all 1.1s;transition-delay:1.7s}.gb #header.js--anime.top .opening p{opacity:1;transition:opacity 1.2s;transition-delay:.2s}.gb #header.js--anime.top .gb-opening{top:28.8vw;transform:translate3d(-50%,0,0);transition:all 1.1s;transition-delay:1.7s}@media only screen and (min-width:751px){.gb #header.js--anime.top .gb-opening{top:0}}.gb #header.js--anime.top .gb-opening p{opacity:1;transition:opacity 1.2s;transition-delay:.2s}.gb #header.js--anime.top .opening_bg{opacity:0;transition:opacity .4s;transition-delay:1.7s}.gb #header.js--anime.top .mv_chara04{transform:translate3d(0,0,0);transition:all 2.2s;transition-delay:1.7s;transition-timing-function:cubic-bezier(.005,.015,.24,1)}.gb #header.js--anime.top .mv_chara04 img,.gb #header.js--anime.top .mv_chara04 picture{transition:all .6s;transition-delay:1.7s}.gb #header.js--anime.top .mv_chara03{transform:translate3d(0,0,0);transition:all 1.4s;transition-delay:1.9s;transition-timing-function:cubic-bezier(.005,.015,.24,1)}.gb #header.js--anime.top .mv_chara03 img,.gb #header.js--anime.top .mv_chara03 picture{transition:all .6s;transition-delay:1.9s}.gb #header.js--anime.top .logo{opacity:1;transition:all 1.3s;transition-delay:2.2s}.gb #header.js--anime.top .mv_chara02{transition:all 1.1s;transition-delay:2.2s}.gb #header.js--anime.top .mv_chara02 img,.gb #header.js--anime.top .mv_chara02 picture{transition:all .6s;transition-delay:2.2s}.gb #header.js--anime.top .mv_chara01{transition:all 1.2s;transition-delay:2.5s}.gb #header.js--anime.top .mv_chara01 img,.gb #header.js--anime.top .mv_chara01 picture{transition:all .6s;transition-delay:2.5s}section.js--hide{visibility:hidden}#header .navigation.js--fixed{position:fixed;top:0;z-index:20;pointer-events:none}#header .navigation.js--fixed #gnavi{pointer-events:auto}#header .navigation.js--fixed .nav_bar.js--fixed .nav_frame{top:-18px}#header .hd_wrap.js--hide{display:none}#about .bl_about_cont{opacity:0}#about.js--anime .bl_about_cont{opacity:1;transition:all 1.1s}#system .gb-system__wrap{opacity:0}#system.js--anime .gb-system__wrap{opacity:1;transition:all 1.1s}#title-list .bl_title_list{opacity:0}#title-list.js--anime .bl_title_list{opacity:1;transition:all 1.1s}#mobile-suit .gb-ms__title{opacity:0}#mobile-suit .bl_mbs_chara_md01{transform:translate3d(300px,210px,0)}@media only screen and (max-width:750px){#mobile-suit .bl_mbs_chara_md01{transform:translate3d(13.3333333333vw,28vw,0)}}#mobile-suit .bl_mbs_chara_md01 img,#mobile-suit .bl_mbs_chara_md01 picture{opacity:0}#mobile-suit .bl_mbs_chara_md02{transform:translate3d(-230px,50px,0)}@media only screen and (max-width:750px){#mobile-suit .bl_mbs_chara_md02{transform:translate3d(-17.3333333333vw,10vw,0)}}#mobile-suit .bl_mbs_chara_md02 img,#mobile-suit .bl_mbs_chara_md02 picture{opacity:0}#mobile-suit .bl_mbs_chara_md03{transform:translate3d(-50px,240px,0)}@media only screen and (max-width:750px){#mobile-suit .bl_mbs_chara_md03{transform:translate3d(0vw,33.3333333333vw,0)}}#mobile-suit .bl_mbs_chara_md03 img,#mobile-suit .bl_mbs_chara_md03 picture{opacity:0}#mobile-suit .gb-ms__img--item.i1{transform:translate3d(300px,210px,0)}@media only screen and (max-width:750px){#mobile-suit .gb-ms__img--item.i1{transform:translate3d(13.3333333333vw,28vw,0)}}#mobile-suit .gb-ms__img--item.i2{transform:translate3d(-230px,50px,0)}@media only screen and (max-width:750px){#mobile-suit .gb-ms__img--item.i2{transform:translate3d(-17.3333333333vw,10vw,0)}}#mobile-suit .gb-ms__img--item.i3{transform:translate3d(-50px,240px,0)}@media only screen and (max-width:750px){#mobile-suit .gb-ms__img--item.i3{transform:translate3d(0vw,33.3333333333vw,0)}}#mobile-suit .gb-ms__img--item.i4{transform:translate3d(300px,210px,0)}@media only screen and (max-width:750px){#mobile-suit .gb-ms__img--item.i4{transform:translate3d(13.3333333333vw,28vw,0)}}#mobile-suit .gb-ms__img--item.i1 img,#mobile-suit .gb-ms__img--item.i1 picture{opacity:0}#mobile-suit .gb-ms__img--item.i2 img,#mobile-suit .gb-ms__img--item.i2 picture{opacity:0}#mobile-suit .gb-ms__img--item.i3 img,#mobile-suit .gb-ms__img--item.i3 picture{opacity:0}#mobile-suit .gb-ms__img--item.i4 img,#mobile-suit .gb-ms__img--item.i4 picture{opacity:0}#mobile-suit .gb-ms__img--item.i5 img,#mobile-suit .gb-ms__img--item.i5 picture{opacity:0}#mobile-suit.js--anime .gb-ms__title{opacity:1;transition:opacity 1.2s}#mobile-suit.js--anime .bl_mbs_chara_md01,#mobile-suit.js--anime .bl_mbs_chara_md02,#mobile-suit.js--anime .bl_mbs_chara_md03,#mobile-suit.js--anime .gb-ms__img--item.i1,#mobile-suit.js--anime .gb-ms__img--item.i2,#mobile-suit.js--anime .gb-ms__img--item.i3,#mobile-suit.js--anime .gb-ms__img--item.i4{transform:translate3d(0,0,0);transition:transform 1s;transition-timing-function:cubic-bezier(.07,.775,.035,1)}@media only screen and (max-width:750px){#mobile-suit.js--anime .bl_mbs_chara_md01,#mobile-suit.js--anime .bl_mbs_chara_md02,#mobile-suit.js--anime .bl_mbs_chara_md03,#mobile-suit.js--anime .gb-ms__img--item.i1,#mobile-suit.js--anime .gb-ms__img--item.i2,#mobile-suit.js--anime .gb-ms__img--item.i3,#mobile-suit.js--anime .gb-ms__img--item.i4{transition-duration:.8s}}#mobile-suit.js--anime .bl_mbs_chara_md01 img,#mobile-suit.js--anime .bl_mbs_chara_md01 picture,#mobile-suit.js--anime .bl_mbs_chara_md02 img,#mobile-suit.js--anime .bl_mbs_chara_md02 picture,#mobile-suit.js--anime .bl_mbs_chara_md03 img,#mobile-suit.js--anime .bl_mbs_chara_md03 picture,#mobile-suit.js--anime .gb-ms__img--item.i1 img,#mobile-suit.js--anime .gb-ms__img--item.i1 picture,#mobile-suit.js--anime .gb-ms__img--item.i2 img,#mobile-suit.js--anime .gb-ms__img--item.i2 picture,#mobile-suit.js--anime .gb-ms__img--item.i3 img,#mobile-suit.js--anime .gb-ms__img--item.i3 picture,#mobile-suit.js--anime .gb-ms__img--item.i4 img,#mobile-suit.js--anime .gb-ms__img--item.i4 picture{opacity:1;transition:opacity .2s}@media only screen and (max-width:750px){#mobile-suit.js--anime .gb-ms__img--item.i5{transition-duration:.8s}}#mobile-suit.js--anime .gb-ms__img--item.i5 img,#mobile-suit.js--anime .gb-ms__img--item.i5 picture{opacity:1;transition:opacity .5s}#mobile-suit.js--anime .bl_mbs_chara_md03{transition-delay:0s}#mobile-suit.js--anime .bl_mbs_chara_md03 img,#mobile-suit.js--anime .bl_mbs_chara_md03 picture{transition-delay:0s}#mobile-suit.js--anime .gb-ms__img--item.i5{transition-delay:0s}#mobile-suit.js--anime .gb-ms__img--item.i5 img,#mobile-suit.js--anime .gb-ms__img--item.i5 picture{transition-delay:0s}#mobile-suit.js--anime .bl_mbs_chara_md02,#mobile-suit.js--anime .gb-ms__img--item.i4{transition-delay:.5s}@media only screen and (max-width:750px){#mobile-suit.js--anime .bl_mbs_chara_md02,#mobile-suit.js--anime .gb-ms__img--item.i4{transition-delay:.3s}}#mobile-suit.js--anime .bl_mbs_chara_md02 img,#mobile-suit.js--anime .bl_mbs_chara_md02 picture,#mobile-suit.js--anime .gb-ms__img--item.i4 img,#mobile-suit.js--anime .gb-ms__img--item.i4 picture{transition-delay:.5s}@media only screen and (max-width:750px){#mobile-suit.js--anime .bl_mbs_chara_md02 img,#mobile-suit.js--anime .bl_mbs_chara_md02 picture,#mobile-suit.js--anime .gb-ms__img--item.i4 img,#mobile-suit.js--anime .gb-ms__img--item.i4 picture{transition-delay:.3s}}#mobile-suit.js--anime .bl_mbs_chara_md01,#mobile-suit.js--anime .gb-ms__img--item.i1,#mobile-suit.js--anime .gb-ms__img--item.i2,#mobile-suit.js--anime .gb-ms__img--item.i3{transition-delay:.5s}@media only screen and (max-width:750px){#mobile-suit.js--anime .bl_mbs_chara_md01,#mobile-suit.js--anime .gb-ms__img--item.i1,#mobile-suit.js--anime .gb-ms__img--item.i2,#mobile-suit.js--anime .gb-ms__img--item.i3{transition-delay:.3s}}#mobile-suit.js--anime .bl_mbs_chara_md01 img,#mobile-suit.js--anime .bl_mbs_chara_md01 picture,#mobile-suit.js--anime .gb-ms__img--item.i1 img,#mobile-suit.js--anime .gb-ms__img--item.i1 picture,#mobile-suit.js--anime .gb-ms__img--item.i2 img,#mobile-suit.js--anime .gb-ms__img--item.i2 picture,#mobile-suit.js--anime .gb-ms__img--item.i3 img,#mobile-suit.js--anime .gb-ms__img--item.i3 picture{transition-delay:.5s}@media only screen and (max-width:750px){#mobile-suit.js--anime .bl_mbs_chara_md01 img,#mobile-suit.js--anime .bl_mbs_chara_md01 picture,#mobile-suit.js--anime .gb-ms__img--item.i1 img,#mobile-suit.js--anime .gb-ms__img--item.i1 picture,#mobile-suit.js--anime .gb-ms__img--item.i2 img,#mobile-suit.js--anime .gb-ms__img--item.i2 picture,#mobile-suit.js--anime .gb-ms__img--item.i3 img,#mobile-suit.js--anime .gb-ms__img--item.i3 picture{transition-delay:.3s}}#character .bl_character_grp,#character .gb-chara__img--item,#character .gb-chara__lead{opacity:0}#character.js--anime .bl_character_grp,#character.js--anime .gb-chara__img--item,#character.js--anime .gb-chara__lead{opacity:1;transition:opacity 1.2s}#character.js--anime .bl_character03,#character.js--anime .gb-chara__img--item.i3{transition-delay:0s}#character.js--anime .bl_character04,#character.js--anime .gb-chara__img--item.i4{transition-delay:.2s}#character.js--anime .bl_character01,#character.js--anime .gb-chara__img--item.i1{transition-delay:.4s}#character.js--anime .bl_character02,#character.js--anime .gb-chara__img--item.i2{transition-delay:.6s}.bl_promote .inner{opacity:0}.bl_promote.js--anime .inner{opacity:1;transition:all 1.1s}#movie .inner{opacity:0}#movie.js--anime .inner{opacity:1;transition:all 1.1s}.js--fixed--bg--svg{opacity:0;pointer-events:none}.js--fixed--bg--svg.js--show{opacity:1}