@charset "UTF-8";
@media (min-width: 0.08px) { .contact { padding-top: 50px; color: #112605; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; letter-spacing: 1px; min-height: calc(100vh - 200px); }
  .contact article { padding-top: 60px; max-width: 900px; width: 90%; margin: auto; font-size: 18px; margin-bottom: 40px; }
  .contact article h1 { text-align: center; font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #112605; }
  .contact article .map { min-height: 300px; }
  .contact article ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; margin-bottom: 50px; }
  .contact article ul li { width: 50%; padding: 3% 1%; }
  .contact article ul li h3, .contact article ul li small, .contact article ul li a { display: flex; flex-wrap: wrap; text-align: center; width: 100%; justify-content: center; color: #112605; }
  .contact article ul li h3 { font-weight: bold; font-size: 22px; }
  .contact article ul li a { margin-top: 20px; margin-bottom: 20px; font-size: 30px; color: #BAD040; font-family: 'keifont'; position: relative; margin-left: 20px; }
  .contact article ul li .call span, .contact article ul li .mail span { height: 40px; width: 40px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 0px; }
  .contact article ul li .call span { background-image: url("../img/call.png"); left: 60px; }
  .contact article ul li .mail span { background-image: url("../img/mail.png"); left: 40px; }
  .footer_nav nav { display: flex; flex-wrap: wrap; width: 900px; margin: auto; }
  .map h3 { font-weight: bold; font-size: 22px; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) { .contact article ul li .call span { left: 12px; }
  .contact article ul li .mail span { left: -6px; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) { .contact article { padding-top: 20px; }
  .contact article ul li { width: 100%; }
  .contact article ul li a { margin: auto; width: fit-content; }
  .contact article ul li .call span { left: -44px; }
  .contact article ul li .mail span { left: -52px; }
  .contact article ul li .call { margin-right: 25%; }
  .contact article ul li .mail { margin-right: 20%; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) { .contact article ul li .call { margin-right: 15%; }
  .contact article ul li .mail { margin-right: 10%; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) { .contact article ul li a { font-size: 25px; }
  .contact article ul li .call span, .contact article ul li .mail span { top: -6px; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) and (max-width: 360.98px) and (max-width: 320.98px) { .contact article ul li .mail { margin-right: 5%; } }
@media (min-width: 0.08px) and (max-width: 1200.98px) and (max-width: 1024.98px) and (max-width: 992.98px) and (max-width: 960.98px) and (max-width: 781.98px) and (max-width: 575.98px) and (max-width: 540.98px) and (max-width: 414.98px) and (max-width: 411.98px) and (max-width: 375.98px) and (max-width: 360.98px) and (max-width: 320.98px) and (max-width: 280.98px) { .contact article ul li { margin-bottom: 30px; }
  .contact article ul li .call { margin-right: 8%; }
  .contact article ul li .mail { margin-right: -3%; }
  .contact article ul li h3 { font-size: 20px; } }

/*# sourceMappingURL=contact.css.map */