#footer_03 { width:100%; background-color:#303037; padding: 0 0 20px 0 ; margin:0px auto ; color:#ddd; 
border:1px solid #dfdfdf;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;}
#footer_03  ul.link li a:hover {color:#fff;}

.menu-bar {width: 100%; background-color: #f4f4f4 !important;}
.menu-bar01 {width: 1100px; height: 70px; margin: 0 auto;
	display: flex; align-items: center; justify-content: flex-start; gap: 25px;}
.menu-item {padding: 10px 10px; margin-right: 5px; border: 1px solid #ccc; font-size: 16px;
	background-color: white; text-decoration: none; color: #000 !important;}
.menu-item:hover {background-color: #000; color: #fff !important;}
.logo {margin-left: auto; display: flex; align-items: center;}
.logo img {margin-left: 10px;}

div.footer_wrap { margin:0 auto; padding:50px 0;} 
div.footer_wrap div.sns {width:100%; clear:both; padding-bottom:10px;}
div.footer_wrap div.sns a{padding:0 5px;  opacity:0.9;}
div.footer_wrap div.sns a img {border-radius:30px;}
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 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;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#footer_03 { ; margin-top:0px ;  }	
#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;}
	
.menu-bar {max-width: 100%; overflow: scroll; display: flex; justify-content: flex-start; gap: 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; 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; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}