body.fixed {
  overflow: hidden; }

#loaderTop-bg {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 70; }
  #loaderTop-bg.bg {
    background: #fff; }

/*
#loading{
  width: 100vw;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  //z-index: 1000;
  z-index: 70;
}
*/
#bg_first {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/top/loading.jpg) center;
  background-size: cover;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.5s cubic-bezier(0.5, -0.01, 0.04, 0.2);
  -o-transition: all 0.5s cubic-bezier(0.5, -0.01, 0.04, 0.2);
  transition: all 0.5s cubic-bezier(0.5, -0.01, 0.04, 0.2); }
  #bg_first.loaded {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

#lefttext {
  display: none;
  position: absolute;
  max-width: 717px;
  width: 57.33%;
  top: calc(50% - 10%);
  left: 10%; }
  #lefttext.in {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s; }
  #lefttext.out {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  @media all and (min-width: 751px) {
    #lefttext {
      width: 38%;
      right: 50%;
      left: auto;
      top: calc(50% - 15%); } }

#righttext {
  display: none;
  position: absolute;
  max-width: 911px;
  width: 73%;
  top: calc(50% + 3%);
  right: 10%; }
  #righttext.in {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s; }
  #righttext.out {
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  @media all and (min-width: 751px) {
    #righttext {
      width: 48%;
      left: 35%;
      top: calc(50% + 5%); } }