@media all and (max-width: 751px) {
  #loaderTop-bg {
    display: none !important; } }

#bg_1 {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: url(../images/mv/bg@2x.jpg) no-repeat center;
  background-size: cover; }
  @media all and (max-width: 751px) {
    #bg_1 {
      display: none; } }
  #bg_1:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/mv/stardust.png) center;
    background-size: 350px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1200;
    opacity: 0; }
  #bg_1.fin {
    opacity: 0;
    pointer-events: none; }

#lefttext, #righttext {
  z-index: 1001; }

.slide_img {
  position: absolute;
  left: -10%;
  top: 0;
  width: 120%;
  height: 100%; }
  .slide_img img {
    display: block; }
  .slide_img.img_1 {
    background: url(../images/mv/img_1@2x.png) no-repeat;
    background-size: cover; }

@media all and (max-width: 751px) {
  #bg_1 {
    display: none; } }

#bg_1 .img_1 {
  background: url(../images/mv/img_1@2x.png) no-repeat center;
  background-size: cover;
  -webkit-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  z-index: 1001; }

#bg_1 .img_2 {
  background: url(../images/mv/img_2@2x.png) no-repeat center;
  background-size: cover;
  -webkit-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  z-index: 1002; }

#bg_1 .img_3 {
  background: url(../images/mv/img_3@2x.png) no-repeat center;
  background-size: cover;
  -webkit-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  z-index: 1003; }

#bg_1 .img_4 {
  background: url(../images/mv/img_4@2x.png) no-repeat center;
  background-size: cover;
  -webkit-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.4s cubic-bezier(0, 1.14, 0.83, 1);
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
  opacity: 0;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  z-index: 1004; }

#bg_1.start .slide_img {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

#bg_1.fin {
  -webkit-transition: all 2s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 2s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 2s cubic-bezier(0, 1.14, 0.83, 1);
  opacity: 0;
  pointer-events: none; }

#text_area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  -webkit-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1); }
  @media all and (max-width: 751px) {
    #text_area {
      display: none; } }
  #text_area.fin {
    opacity: 0;
    pointer-events: none; }

#mv_text_1 {
  position: absolute;
  max-width: 717px;
  width: 57.33%;
  top: calc(50% - 10%);
  left: 10%;
  -webkit-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  opacity: 0; }
  #mv_text_1.slide {
    opacity: 1; }

#mv_text_2 {
  position: absolute;
  max-width: 911px;
  width: 73%;
  top: calc(50% + 3%);
  right: 10%;
  -webkit-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  -o-transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  transition: all 1.2s cubic-bezier(0, 1.14, 0.83, 1);
  opacity: 0; }
  #mv_text_2.slide {
    opacity: 1; }