#footer_03 { width:100%; background-color:#333; padding: 0 0 20px 0 ; margin:0px auto ; color:#fff;
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;}

div.footer_wrap { margin:0 auto; padding:0px 0 30px 0;} 

.footer_top {clear:both; overflow:hidden; border-bottom:1px solid #222; }

.footer_top  ul.link {float:left; width:50%; list-style-type:none;  padding:0px; margin:0 auto;    }
.footer_top ul.link li {display:inline-block;}
.footer_top ul.link li a {display:block; width:180px; padding:13px 15px 14px 15px; border-left:1px solid #222; text-align:center;}
.footer_top ul.link li a:hover {color:#fff;}
.footer_top ul.link li:last-child a{border-right:1px solid #222;}

.footer_top div.sns {float:right; width:50%; padding:10px 0; text-align:right;}
.footer_top div.sns a{padding:0 3px;  opacity:0.9; /* display:inline-block; */ }
.footer_top div.sns a:hover {opacity:1;}
.footer_top div.sns a img {vertical-align:top;}

div.footer_wrap div.info {padding-top:38px;}
div.footer_wrap div.info .floatL{width:20%; padding-left:10px; }
div.footer_wrap div.info .floatR{width:75%; font-size: 13px; line-height: 1.6;}
div.footer_wrap div.info ul {list-style-type:none;  padding:2px 0 0 0; margin:0;  clear:both;}
div.footer_wrap div.info ul li{display:inline-block   }
/* div.footer_wrap div.info ul li:before {content:"I"; 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 ul li.line::before { content:"I"; padding:0 5px; color:#777; font-weight: 500; font-size: 14px; }
div.footer_wrap div.info ul li span { padding:0 5px; color:#777; font-weight: 500; font-size: 14px; }
div.footer_wrap div.info ul p { padding-top: 7px; }
div.footer_wrap div.info ul:nth-child(1) p { padding-top: 0; }
div.footer_wrap div.info p {clear:both;}
div.footer_wrap a.sign {text-decoration:underline; color:#ccc;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#footer_03 { ; margin-top:0px ;  }	
.footer_top ul.link {float:none; width:100%; list-style-type:none;  padding:0px; margin:0 auto;  }
.footer_top ul.link li {display:inline-block; text-align:center;}
.footer_top ul.link li a {display:block; width:auto; padding:1px 15px 20px 7px; border-left:0px solid #222; text-align:center;}
.footer_top ul.link li a:hover {color:#fff;}
.footer_top ul.link li:last-child a{border-right:0px solid #222;}

.footer_top div.sns {float:non; width:100%; padding:25px 0 20px 0 ; text-align:left;}
.footer_top div.sns a{padding:0 3px;  opacity:0.9;  /* display:inline-block; */}
.footer_top div.sns a:hover {opacity:1;}
.footer_top div.sns a img {vertical-align:top;}

div.footer_wrap div.info .floatL{width:100%; padding-left:0px; }
div.footer_wrap div.info .floatR{width:100%; }
div.footer_wrap div.info ul li{display:block; /*line-height:25px; */ }
div.footer_wrap div.info p {clear:both;}
div.footer_wrap div.info ul li:before {content:""; padding:0 0px; color:#bbb; }
div.footer_wrap div.info ul li.line::before { display: none; }
div.footer_wrap div.info ul p { padding-top: 10px; }	

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}