.footer {
  background: var(--red, #c00000);
  color: #fff;
  user-select: none;

  * {
    transition: var(--transition-default);
  }

  a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s;

    &:hover {
      opacity: 0.6;
    }
  }

  .footer__wrapper {
    width: 100%;
  }

  .footer__inner {
    max-width: var(--container-max, 1200px);
    margin: 0 auto;
    padding: 56px 20px;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 32px;
    align-items: start;

    @media (max-width: 1024px) {
      grid-template-columns: 1fr 1fr;
      row-gap: 32px;
    }

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
      gap: 24px;
      padding: 40px 16px;

      .footer__nav {
        order: 1;
      }
      .footer__social {
        order: 2;
        justify-self: center;
        text-align: center;
      }
      .footer__brand {
        order: 3;

        justify-self: center;
      }
    }
  }

  /* ブランドロゴ */
  .footer__brand {
    .footer__logo-link {
      display: inline-block;
      @media (max-width: 720px) {
        display: block;
        text-align: center;
      }
    }

    .footer__logo-image {
      width: 26rem;
      max-width: 100%;
      height: auto;

      @media (max-width: 720px) {
        width: 18rem;
        margin: 3rem auto;
      }
    }
  }

  /* ナビゲーション */
  .footer__nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    gap: 16px 40px;

    @media (max-width: 420px) {
      grid-template-columns: 1fr;
    }

    .footer__nav-col {
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        @media (max-width: 420px) {
          text-align: center;
        }
      }
      li + li {
        margin-top: 12px;
      }

      a {
        font-size: var(--font-sm);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-widest);
      }
    }
  }

  /* SNSエリア */
  .footer__social {
    justify-self: end;
    text-align: left;

    @media (max-width: 1024px) {
      justify-self: start;
    }

    .footer__social-title {
      font-weight: var(--font-weight-bold);
      letter-spacing: 0.08em;
      margin-bottom: 12px;
    }

    .footer__social-list {
      display: flex;
      align-items: center;
      gap: 18px;

      .footer__social-link {
        display: inline-block;

        .footer__social-image {
          width: 44px;
          height: 44px;
          object-fit: contain;
          transition: transform 0.2s ease, opacity 0.2s ease;

          &:hover {
            transform: scale(1.05);
            opacity: 0.9;
          }

          @media (max-width: 768px) {
            width: 32px;
            height: 32px;
          }
        }
      }
    }
  }

  /* コピーライト */
  .footer__copyright {
    grid-column: 1 / -1;
    margin-top: 40px;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.92rem;
    letter-spacing: 0.02em;
  }
}