/*ここから全体*/
body{font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; box-sizing: border-box; color: #707070;}
.footer{display: flex; width: 85%; margin: 0 auto; }
footer a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  /*画像を70%の不透明度に
  もし50%にしたいときは
  上から50、0.5、0.5にします*/
}
/*全体終わり*/

.info{display: flex; justify-content: center;}
.copyright{text-align: center;padding-bottom: 50px;}
.info{margin: 18px auto; margin-bottom: 20px;}
.footer_logo{width: 210px; margin-top: 20px;}
.footer_logo img {width: 100%;}
.address{padding-top: 35px; padding-left: 40px;}
.footer_tel{padding-top: 35px; padding-left: 40px;}
.footer_tel a{text-decoration: none; color: #707070;}
.co_link{text-align: center; margin: 0px 20px; margin-bottom: 20px;}
.co_link a{text-decoration: underline; color: #707070;}
.co_links{display: flex; flex-direction: row; margin-bottom: 45px; justify-content: center;}


/*ここからレスポンシブデザイン*/
@media screen and (max-width: 740px){

.footer{width: 90%; padding-top: 0px;}
.footer_matome{padding-bottom: 50px; padding-top: 20px;}
.footer_logo{width: 60%; margin: 0 auto;}
.info{display: block; margin: 0px auto; margin-bottom: 25px;}
.address{padding-left: 0px; padding-top: 15px; text-align: center;}
.footer_tel{padding-left: 0px; padding-top: 20px; text-align: center;}
.copyright{font-size: 12px;}
.co_links{display: block;}
}