@charset "utf-8";
/* CSS Document */

@media (min-width:1200px){
  #contentBg{ display: none;}
}
@media (min-width:768px) and (max-width:1199px){
  .content-footer:before{ padding-top:60%;}
  #contentBgL{ display: none;}
}
@media (min-width:768px){
  #contentBgSm{ display: none;}
  .ft-content-wrap{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-align:end; -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end;}
}
@media (max-width:767px){
  .gnav{ display: none;}
  .contact-area{ display: none;}
  .hd-buttons{ display: block; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end;}
  .gnavsm{ -webkit-transition: .3s; transition: .3s;}
  .open .gnavsm{ visibility: visible; opacity:1;}
  #contentBg{ display: none;}
  .content-footer:before{ padding-top:133.3333%;}
  .cf-link a{ padding:1rem 15%; font-size:2.8vw;}
  .cf-link .icon-arrow{ right: 6%;}
  h4.cf-corp-name{ font-size:3.6vw;}
  h4.cf-corp-name span{ font-size:3.2vw;}
  .cf-corp-prof{ font-size:3.2vw;}
  .cf-corp-prof p span{ display: block;}
  .ft-container{ background-image: url(../images/ftsm_bg.png);}
  .ft-container:before{ padding-top:50%;}
  .ft-content-wrap{ padding:0 10%;}
  .ft-logo{ width: 50%;}
  .ft-logo p{ width: 50%; display:inline-block;}
  .ft-nav{ display: none;}
  #pageTop{ margin-bottom: 0; width: auto; height:auto; font-size: 4vw;}
  .s-container{ padding:0 10% !important;}
}