div.subimg{clear:both; width:100%; border:0px solid #dddddd; border-right:0 !important; margin:0 auto; 
font-size:14px; box-sizing: border-box;  position:relative; z-index:1;}
div.subimg  div.sub_img h2 {padding:165px 0 0 0px;margin:0 auto; text-align:center; /*text-shadow:1px 1px 2px #333;*/
font-size:50px; font-weight:300; color:#fff; width:1100px;  box-sizing:border-box; display:block;}
div.subimg  div.sub_img h2 div {border-bottom:1px solid rgba(255,255,255,0.9);}
div.subimg  div.sub_img{ height:380px; margin-bottom:0px;  background-size:cover;  background-image:url("../img/sub_img1.jpg"); background-position:center top; background-repeat:no-repeat; }
div.subimg  div.sub_img::before {content:""; position:absolute; width:100%; height:100%; top:0; background-color:rgba(0,0,0,0.2); }
div.subimg  div.sub_img2{ background-image:url("../img/sub_img2.jpg") ;background-repeat:no-repeat;}
div.subimg  div.sub_img3{ background-image:url("../img/sub_img3.jpg");background-repeat:no-repeat; }
div.subimg  div.sub_img4{ background-image:url("../img/sub_img4.jpg") ;background-repeat:no-repeat; }
div.subimg  div.sub_img5{ background-image:url("../img/sub_img5.jpg") ;background-repeat:no-repeat; }
div.subimg  div.sub_img6{ background-image:url("../img/sub_img6.jpg") ; background-repeat:no-repeat;}
div.subimg div.mask { display:none; position:absolute; top:0px; background-color:#000; opacity:.0;  width:100%; height:380px; }

/* 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;  -webkit-animation-fill-mode: forwards;   animation-fill-mode: forwards;}

@keyframes enter {
  0% { opacity: 0; -webkit-transform: translateY(-25px);  transform: translateY(-25px); }
  25% {  opacity: 1; }
  100% { opacity: 1;  -webkit-transform: translateY(0px);  transform: translateY(0px);  }
}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.subimg  div.sub_img h2 {padding:120px 0 0 0px;  margin:0 auto; text-align:center; text-shadow:1px 1px 2px #333; font-size:35px; font-weight:normal; color:#fff; width:100%;  box-sizing:border-box; display:block;}
div.subimg div.mask { height:200px; top:0; }
div.subimg  div.sub_img{ height:250px; }
div.subimg  {  padding-top:0px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}