#footer_03 { width:100%; background-color:#ggg; padding: 0 0 70px 0 ; margin-top:50px ; color:#888; 
box-sizing:border-box; font-size:14px; line-height:20px; }

div.footer_wrap { margin:0 auto; padding:0px 0;} 
div.footer_wrap div.sns { display:none; 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:40px;}

div.footer_wrap div.info ul {list-style-type:none;  padding:0px; margin:0;  clear:both; display:table; width:100%;
border:1px solid #dfdfdf;  overflow:hidden;}
div.footer_wrap div.info ul li{ display:table-cell; vertical-align:middle; padding:0px 10px;  text-align:center; width:25%;
border-left:1px solid #dfdfdf; height:80px; box-sizing:border-box; }
div.footer_wrap div.info ul li:first-child {border-left:0;}
div.footer_wrap div.info ul li.tel {color:#f26522; }
div.footer_wrap div.info p {padding-top:25px; width:50%; float:left; font-size:12px; color:#bbb; }
div.footer_wrap div.info p:last-child {text-align:right;}
div.footer_wrap div.info p a {padding-right:20px;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
div.footer_wrap div.info ul {list-style-type:none;  padding:0px; margin:0;  clear:both; display:block; width:100%;
border:1px solid #dfdfdf;  overflow:hidden;}
div.footer_wrap div.info ul li{ display:block;  vertical-align:middle; padding:12px 10px;  text-align:center; width:100%;
border-bottom:1px solid #dfdfdf; border-left:0; height:auto; box-sizing:border-box; }
div.footer_wrap div.info ul li.name {font-weight:bold; color:#111; }
div.footer_wrap div.info ul li.tel {width:100%; float:left; }
div.footer_wrap div.info ul li.mail {width:100%; float:left; }
div.footer_wrap div.info ul li:last-child {border-bottom:0}
div.footer_wrap div.info p {padding-top:30px; width:100%; float:none; font-size:12px; color:#bbb; text-align:center; }
div.footer_wrap div.info p:last-child {text-align:center; padding-top:5px;}
div.footer_wrap div.info p a {padding-right:10px; padding-left:10px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}