/*スマホ最適化*/
@media only screen and (max-width: 767.9px) {
/*============================
  #link banners
  ============================*/
  section#banners {
    width: var(--content-width);
    margin: 0 auto;
    margin-top: 50px;
  }

  #banners div.inner .banners {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }

  #banners .banners a {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
  }

  #banners div.inner .banners img {
    max-height: 100px;
    object-fit: contain;
    width: 100%;
  }

  /*============================
  #link banners
  ============================*/
  .footer_banners {
    width: var(--content-width);
    margin: 0 auto 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .footer_banners img {
    max-height: 100px;
    object-fit: contain;
    width: 100%;
  }
}