/* =========================================================
   HQ Background: Layout
   key: related-basic-01
   name: 関連投稿｜基本
   group: partial
   type: layout
   layer: related
   value:
   selector:
   ========================================================= */

/* =========================================================
   Related
   ========================================================= */

.p-related {
  margin-top: 48px;
}

.p-related__heading {
  margin: 0 0 16px;
  font-size: 18px;
}

.p-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}

@media (max-width: 960px) {
  .p-related__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px 16px;
  }
}