#footer_03 { width:100%; background-color:#111; padding: 0 0 20px 0 ; margin:0px auto ; color:#ccc;
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  ul.link { 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 20px 0px;}

div.footer_wrap { margin:0 auto; padding:50px 0;} 
div.footer_wrap div.logo{float:left;}
div.footer_wrap div.sns {float:right; padding-bottom:10px;}
div.footer_wrap div.sns a{padding:0 5px;  opacity:0.9;}
div.footer_wrap div.sns a img{border-radius:50%;}
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; color:#9e9e9e;   }
div.footer_wrap div.info ul li:before {content:"/"; padding:0 10px; color:#bbb; }
div.footer_wrap div.info 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;}

#footer_main {position:absolute; bottom:35px; width:92%; z-index: 11; left:50%; transform: translate(-50%,-0%);
font-size:15px; color:#fff; font-weight:400; }
#footer_main .floatL {width:50%;}
#footer_main .floatR {width:50%;text-align:right;}
#footer_main .floatR li {display:inline-block; }
#footer_main .floatR li a {display:block; padding-left:20px; }
#footer_main .floatR li a:hover {color:#fff;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#footer_03 {  margin-top:0px ; font-size:12px; line-height:22px;}	
#footer_03  ul.link { width:100%;  text-align:left;  }
#footer_03  ul.link li {display:inline-block;  }
#footer_03  ul.link li a {padding:10px 10px 10px 0;  }

div.footer_wrap {padding:40px 15px 30px 15px;}
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;   }
div.footer_wrap div.info p {clear:both;}
div.footer_wrap div.info ul li:before {content:""; padding:0 0px; color:#bbb; }

#footer_main {position:absolute; bottom:50px; width:92%; left:50%; transform: translate(-50%,-0%);
font-size:12px; color:#fff; font-weight:400; letter-spacing:-1px;  }
#footer_main .floatL {width:100%;}
#footer_main .floatR {width:100%;text-align:left;}
#footer_main .floatR li {display:inline-block; }
#footer_main .floatR li a {display:block; padding-left:0px; padding-right:20px; padding-top:2px; }
#footer_main .floatR li a:hover {color:#fff;}
}
@media (max-width: 768px) {
	div.footer_wrap div.logo .logo1{width:80%}
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}