@charset "UTF-8";
/*====================================

  ■メディアクエリ

=====================================*/
/*====================================

  ■変数　　※文字色、背景色など使い回せるもののみ使用

=====================================*/
/*====================================

  ■ローディング

=====================================*/
#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}
#loading .loadingInner {
  position: absolute;
  top: 40%;
  left: 0;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  width: 100%;
  padding: 0 1.5rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  #loading .loadingInner {
    top: 50%;
  }
}
#loading .loadingInner .loadingLogo {
  display: block;
  text-align: center;
  margin: 0 auto 5rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #loading .loadingInner .loadingLogo {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 8rem;
  }
}
#loading .loadingInner .loadingLogo video {
  width: 140%;
  margin-left: -20%;
  height: auto;
}
@media screen and (min-width: 768px) {
  #loading .loadingInner .loadingLogo video {
    width: 100%;
    margin: 0;
  }
}