#footer { width:100%;  background-image:url("../img/bg_img.jpg"); background-repeat:no-repeat; background-position:center top; 
padding: 0 ; border-top:0px solid #dfdfdf; color:#ccc; box-sizing:border-box; font-size:13px; line-height:30px; height:450px;  }
div.wd_11  {width:1100px; margin:0 auto;  overflow:hidden; }

div.footer_wrap { margin:0 auto; padding:190px 0 70px 0; text-align:center;} 
div.footer_wrap div.sns {width:100%; clear:both; padding-bottom:20px; text-align:center;}
div.footer_wrap div.sns a{padding:0 5px;  opacity:0.6;}
div.footer_wrap div.sns a:hover {opacity:1;}
div.footer_wrap div.sns a img {height:60px;}
div.footer_wrap div.info ul {list-style-type:none;  padding:0px; margin:0;  clear:both;}
div.footer_wrap div.info ul li{display:inline-block   }
div.footer_wrap ul li:before {content:"/"; padding:0 15px; color:#888; }
div.footer_wrap ul li:first-child:before {content:""; border-left:0; padding:0; }
div.footer_wrap div.info p {clear:both;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#footer  {background-color:#003664; height:auto; }
div.footer_wrap { margin:0 auto; padding:150px 0 70px 0;}
div.footer_wrap div.sns a {padding:0 3px;}
div.footer_wrap div.sns a img {height:60px;}
div.footer_sitemap {display:none; }
div.wd_11  {width:100%;   }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}