/*ここから全体*/
.footer_matome{background-color: #113F8C; color: white;}
.footer{display: flex;  width: 50%; margin: 0 auto; padding-top: 25px; padding-bottom: 25px; justify-content: center;}
.link a {text-decoration:none; color: white;}
.link a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  /*画像を70%の不透明度に
  もし50%にしたいときは
  上から50、0.5、0.5にします*/
}
/*全体終わり*/



.link ul {list-style: none; line-height: 31px;}
.link{margin: 20px 0px; margin-left: 70px;}
.links{display: flex; flex-direction: row;}
.copyright{text-align: center;padding-bottom: 50px; font-size: 12px;}
.info{margin: 0px; display: flex; flex-direction: column; width: 270px; margin-top: 3px;}
.footer_logo{width: 210px; margin-top: 0px;}
.footer_logo img {width: 100%;}
.address{padding: 8px 0px;}
.address a{text-decoration: underline; color: white;}
.tel a{text-decoration: none; color: white;}
.tel{padding: 6px 0px;}


/*ここからレスポンシブデザイン*/
@media screen and (max-width: 1500px){
.footer{width: 80%;}
}
@media screen and (max-width: 1000px){
.footer{width: 90%;}
}

@media screen and (max-width: 740px){
  .footer{padding-top: 10px;}
.footer_logo{width: 75%; margin: 0 auto;}
.address{padding-bottom:0; margin-bottom: 15px; margin-top: 10px;}
.info{display: block; text-align: center; margin-bottom: 0px; margin-top: 0px; margin: 0 auto;}
.footer{display: flex; flex-direction: column-reverse; width: 90%;}
.links{justify-content: space-around; margin-bottom: 30px;}
.link {margin: 10px 15px;}
.l_m{margin-right: 0px;}
.tel{padding-top: 0px;}
.link ul {line-height: 40px;}
}