@charset "utf-8";

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
  width: 100%;
  height: 200px;
  background-color: #e2e2e2;

  & a {
    font-weight: 500;

    & img {
      width: auto;
      height: 3rem;
    }
  }

  & p {
    font-weight: 500;
  }

}

/* レスポンシブ対応 992px未満*/
@media screen and (max-width:991px) {

  footer {
    height: 240px;
  }
}

/* レスポンシブ対応 768px未満*/
@media screen and (max-width:767px) {

  footer {
    height: 270px;

    & #page-contact {
      text-align: center;
    }

    & ul {
      & li {
        padding: 0 0.5rem;
      }
    }

    & a {
      font-weight: 400;
      font-size: 14px;

      & img {
        height: 2.25rem;
      }
    }

    & p {
      font-weight: 400;
      font-size: 14px;
    }

  }
}

/* レスポンシブ対応 576px未満*/
@media screen and (max-width:575px) {

  footer {
    margin-top: 20px;

    & li a {
      font-size: 13px;
    }

    & p {
      font-size: 13px;
    }
  }

  .contact {
    & h5 {
      font-size: 18px;
    }

    & p {
      font-size: 13px;
    }
  }
}