/* フッター4カラム（ft-top とは別クラスで定義） */
.ft-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 56px;
  padding-bottom: 56px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 36px;
}

.ft-grid-brand {
  min-width: 0;
  text-align: left;
}

.ft-grid-brand .ft-logo {
  display: block;
  width: max-content;
  margin-inline: 0;
}

@media (max-width: 1024px) {
  .ft-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .ft-grid-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  .ft-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px 24px;
    padding-bottom: 40px;
  }

  /* 1024px の全幅指定を解除し、brand | services / site | legal の 2×2 に */
  .ft-grid-brand {
    grid-column: auto;
  }

  .ft-grid-brand .ft-tag {
    font-size: 11px;
    line-height: 1.65;
    margin-bottom: 12px;
  }

  .ft-grid-col .ft-col-h {
    margin-bottom: 14px;
  }

  .ft-grid-col .ft-links {
    gap: 9px;
  }

  .ft-grid-col .ft-links a {
    font-size: 12px;
  }
}