@media screen and (max-width: 1200px) {
  header {
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 0;
  }
  header .logo {
    max-width: 1200px;
    width: 100%;
    margin-top: 2em;
  }
  header .logo img {
    margin: auto;
  }
  header .r_box {
    margin-top: 2em;
  }
  header .r_box .mail_box {
    display: none;
  }
  footer .c_box {
    flex-wrap: wrap;
    row-gap: 2em;
    justify-content: center;
    margin-top: 2em;
  }
  footer .c_box .logo {
    max-width: 1200px;
    width: 100%;
  }
  footer .c_box .logo img {
    margin: auto;
  }
  footer .f_nav .icon {
    margin: 2em auto;
  }
}
@media screen and (max-width: 780px) {
  header .r_box {
    flex-flow: wrap;
    justify-content: center;
    row-gap: 2em;
    padding: 1em;
  }
}
@media screen and (max-width: 700px) {
  .m_menu {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .m_menu ul li:nth-child(3) {
    border-bottom: 1px solid #fff;
    border-right: none;
    width: 100%;
  }
  .m_menu ul li:nth-child(4) {
    width: 100%;
  }
  header .r_box .catch_box .catch {
    font-size: 1.2em;
  }
}/*# sourceMappingURL=style_responsive.css.map */