#footer_03 { width:100%; background-color:#3f3f3f!important; padding: 0 0 0px 0 ; margin-top:50px ; color:#888; 
box-sizing:border-box; font-size:14px; line-height:28px; }
div.footer_sitemap {width:100%; background-color:#252525; padding:30px 0}
div.footer_logo {float:left; width:15%; opacity:0.7;}

#footer_03 .wdFull {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
#footer_03  ul.link { width:1200px; list-style-type:none;  padding:0px; margin:0 auto; clear:both;   }
#footer_03  ul.link li {display:inline-block;}
#footer_03  ul.link li a {display:block;  padding:10px 25px 10px 5px;}

div.footer_wrap { margin:0 auto; padding:30px 0;} 
div.footer_wrap div.sns {width:100%; clear:both; padding-bottom:20px;}
div.footer_wrap div.sns a{padding:0 5px;  opacity:0.9;}
div.footer_wrap div.sns a:hover {opacity:1;}
div.footer_wrap div.sns a img {height:50px;}

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 10px; color:#bbb; }
div.footer_wrap ul li:first-child:before {content:""; border-left:0; padding:0; }
div.footer_wrap div.info p {clear:both;}
div.footer_wrap a.sign {text-decoration:underline; color:#ccc;}
.ft-wrapper {
    width: 1200px;
    margin: auto;
    display: flex;
    padding: 35px 0;
}
.info ul li {
    float: left;
    padding: 0 20px;
    line-height: 1.8;
    color: #d0cfcf;
    font-weight: 300;
}
.copyright {
    clear: both; 
    padding:0 20px;
    color: #d0cfcf;
    font-weight: 300;
    text-transform: uppercase;
}
.info {
    padding-left: 150px;
}
.ft-logo {
    padding-top: 5px;
}
/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1024px) {
#footer_03 { ; margin-top:50px ;  }	
#footer_03  ul.link { width:100%;  text-align:center; }
#footer_03  ul.link li {display:inline-block;  }
#footer_03  ul.link li a {padding:10px 7px; }

div.footer_wrap {padding:20px 0 0px 0;}
div.footer_wrap div.sns { padding-bottom:10px;}
div.footer_wrap div.sns a{padding:0 2px;  opacity:1;}
div.footer_wrap div.sns a:hover {opacity:1;}
div.footer_wrap div.sns a img {height:40px;}

div.footer_wrap div.info ul li{display:block; line-height:25px;   }
div.footer_wrap ul li:before {content:"- "; padding:0 0px; color:#bbb; }
div.footer_wrap ul li:first-child:before {content:"- "; border-left:0; padding:0; }
div.footer_wrap div.info p {clear:both;}
    .ft-wrapper {
        width: 98%;
    }
    .info {
        padding-left: 65px;
    } 
}
@media (max-width: 812px) {
    .ft-wrapper {
        height: 285px;
    }
    .info {
        padding: 0 15px;
    }
    .info ul li {
        padding: 0 10px;
    }
    .copyright {
        padding: 0 10px;
    }
}
@media (max-width: 640px) {
    .ft-wrapper {
        display: block;
        text-align: center;
    }
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}