* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 6px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #fff;}
#video {}
#video .parallax-section {  background-attachment: fixed !important;  background-size: cover !important;}
#video #home { overflow:hidden; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;
  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height: 100vh;  position: relative;  
  padding-bottom:3em; }
#video #home .mask { width:100%; height:100%; position:absolute; top:0;}
#video #home .mask:before {content:""; position:absolute; width:100%; height:100vh; background-color:rgba(0,0,0,0);}
#video #home .container {width:1150px; height:100%; margin:0 auto; overflow:hidden; padding:0 20px; position:relative }
#video #home p {color:#fff;}
#video #home p.txt01 { position:absolute; top:300px; left:50px; font-size:55px; line-height:70px;  }
#video #home p.txt02 { position:absolute; top:386px; left:50px;font-size:35px;    }

/* sub h2 tmt */
.cascading-text__letter {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; animation-delay:1s;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

.cascading-text__letter2 {  opacity: 0;  -webkit-animation-name: enter;  animation-name: enter;}
.cascading-text__letter2 {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 0.9s; animation-duration: 0.9s; animation-delay:2s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateX(-50px);  transform: translateX(-50px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);  }
}
.cascading-text__letter3 {  opacity: 0;  -webkit-animation-name: enter2;  animation-name: enter2;}
.cascading-text__letter3 {  display: inline-block;  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d; 
 -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay:2.5s; -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter2 {
  0% { opacity: 0; -webkit-transform: translateX(70px);  transform: translateX(70px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateX(0px);  transform: translateX(0px);  }
}

#video #home div.row {padding:0 10px;}
#video #home .overlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%; background-color: rgba(255,255,255,0);}
#video #home video {  /*position: absolute;  top: 50%;  left: 50%; transform: translateX(-50%) translateY(-50%);  */ min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;   background-size: contain;  transition: 1s opacity;}

#video #home .wave {position:absolute; bottom:0; width:100%; height:173px; overflow:hidden; 
background:url("../img/bg_wave.png")no-repeat center top; }
#video #home .wave img {vertical-align:top;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1500px) {
#video #home {    height: 70%; padding-bottom:0em; }
 /*position: absolute;  top: 50%;  left: 50%; transform: translateX(-50%) translateY(-50%);  */ min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;   background-size: contain;  transition: 1s opacity;	
}
@media (max-width: 1023px) {
#video #home .container {width:100%; padding-top:35%;  }
#video #home p img {max-width:100%; width:90%;}
#video #home p.txt01 { position:absolute; top:130px; left:30px; font-size:30px; line-height:40px;  }
#video #home p.txt02 { position:absolute; top:230px; left:30px; font-size:20px }
#video .txt_block {display:inline}
#video #home {    height: 500px;  }
.cascading-text__letter3 {   animation-delay:0s;}
.cascading-text__letter {   animation-delay:0.5s;} 
.cascading-text__letter2 {  animation-delay:1s;}
#video #home video {  position: absolute;  top: 50%;  left: 50%; transform: translateX(-50%) translateY(-50%);   min-width: 100%;  min-height: auto;  width: auto;  height: 500px;
  z-index: -100;   background-size: contain;  transition: 1s opacity;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}