@media screen and (max-width: 1200px) {
  header {
    padding: 1em 2% 2em 2%;
  }
  header .title_logo,
  header .tel_box {
    width: 100%;
  }
  header .tel_box {
    justify-content: center;
  }
  header .tel_box .tel_span {
    text-align: center;
  }
  footer .footer_inner {
    justify-content: center;
  }
  footer .footer_inner .f_title_logo,
  footer .footer_inner .f_nav {
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  header {
    padding: 1em 2%;
    border-bottom: 20px solid #6699cc;
  }
}
@media screen and (max-width: 500px) {
  .title_logo {
    color: #6699cc;
  }
  .title_logo a {
    grid-template-columns: minmax(0, auto);
  }
  .title_logo a img {
    justify-self: center;
  }
  .title_logo a .site_title {
    text-align: center;
  }
}/*# sourceMappingURL=c_responsive.css.map */