/*===========================================

フッター

===========================================*/
#footer {
  background-color: #b4b4b4;
  color: #fff;
}

#footer .footer-content {
  max-width: 1100px;
  width: 100%;
  padding: 40px 0;
  margin: 0 auto;

  /* 子要素の配置 */
  display: flex;
  justify-content: left;
  gap: 30px;
}

#footer .logo-area {
  padding-bottom: 14px;
}

#footer .logo-area img {
  width: 100%;
  max-width: 200px;
}

#footer .statement {
  padding-bottom: 20px;
  max-width: 1100px;
  margin: 0 auto;
  /* 子要素の配置 */
  display: flex;
  justify-content: space-between;
}

.addres-area {
  line-height: 1.4rem;
  font-size: 13px;
}

.statement {
  font-size: 11px;
}
/*　_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  タブレット用CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
@media screen and (max-width: 1048px) {
  #footer {
    padding: 0 16px;
  }
}
/*　_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

  スマートフォン用CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */
@media screen and (max-width: 768px) {
  #footer {
    padding: 0 16px;
    font-size: 11px;
  }

  #footer .footer-content {
    text-align: left;
    padding-bottom: 17px;
    /* 子要素の配置 */
    display: block;
  }

  #footer .logo-area {
    width: 45%;
  }

  #footer .statement {
    margin-bottom: 60px;
    /* 子要素の配置 */
    display: block;
  }

  #footer .message {
    text-align: left;
  }
  .addres-area {
    line-height: 1.1rem;
    font-size: 11px;
  }
  .copyright {
    line-height: 1.4rem;
    text-align: center;
  }
}