/* ==================== Common ==================== */

html {
  font-size: 62.5%;
}

body {
  background-color: #fefefe;
  word-wrap: break-word;
  color: #221815;
  font-size: 1.8em;
  font-family: "Hiragino Kaku Gothic Pro", "Hiragino Sans", "Noto Sans CJK JP", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.4;
}

@media (max-width: 767px) {
  body {
    font-size: 1.5rem;
    line-height: 1.8;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .container {
    max-width: 100%;
    padding: 0;
  }
}

/* ==================== Footer ==================== */

.footer {
  padding: 2rem 0;
  background-color: #009143;
  color: #fff;
  width: 100%;
  position: relative;
}

.footer-logo img {
  width: 345px;
}

@media (max-width: 767px) {
  .footer-logo img {
    width: 300px;
  }
}

@media (max-width: 575px) {
  .footer-logo img {
    width: 200px;
  }
}

.footer-text {
  text-align: left;
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .footer-text {
    margin-top: 2rem;
  }
}

.footer-list {
  text-align: left;
  padding-left: 0;
  font-size: 12px;
}

.footer li {
  display: inline-block;
}

.footer li:nth-child(odd) {
  margin-right: 1.5rem;
}

.contact-fix {
  position: fixed;
  left: 10px;
  bottom: 0;
  display: block;
  background-color: rgba(184, 211, 181, 0.9);
  padding: 2rem;
  text-decoration: none;
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
}

@media (max-width: 767px) {
  .contact-fix {
    padding: 1rem;
  }
}

.contact-fix-mail, .contact-fix-telephone {
  display: inline-block;
}

@media (max-width: 991px) {
  .contact-fix-mail, .contact-fix-telephone {
    /*width: 48%;*/
  }
}

.contact-fix-mail {
  margin-right: 6rem;
}

@media (max-width: 991px) {
  .contact-fix-mail {
    margin-right: 2rem;
  }
}

@media (max-width: 767px) {
  .contact-fix-mail {
    margin-right: 2rem;
  }
}

@media (max-width: 575px) {
  .contact-fix-mail {
    margin-right: 1rem;
  }
}

@media (min-width: 992px) {
  .contact-fix-mail img, .contact-fix-telephone img {
    width: 400px;
  }
}

@media (max-width: 991px) {
  .contact-fix-mail img, .contact-fix-telephone img {
    width: 300px;
  }
}

@media (max-width: 767px) {
  .contact-fix-mail img, .contact-fix-telephone img {
    width: 250px;
  }
}

@media (max-width: 575px) {
  .contact-fix-mail img, .contact-fix-telephone img {
    width: 150px;
  }
}

@media (max-width: 359px) {
  .contact-fix-mail img, .contact-fix-telephone img {
    width: 130px;
  }
}

@media (max-width: 991px) {
  .contact-fix-mail img.pc, .contact-fix-telephone img.pc {
    display: none;
  }
}

@media (min-width: 992px) {
  .contact-fix-mail .img-fluid.sp, .contact-fix-telephone .sp {
    display: none;
  }
}

.contact-fix-mail:hover, .contact-fix-telephone .sp:hover {
  opacity: 0.8;
}