/* PC時 4カラムレイアウト（1カラム目だけ2カラム分占有） */
.grid.col-4-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;

  > *:first-child {
    grid-column: span 2;
  }
}

/* タブレット以下は1カラム表示 */
@media screen and (max-width: 979px) {
  .grid.col-4-2 {
    grid-template-columns: 1fr; /* 1カラムにする */
  }

  .grid.col-4-2 > *:first-child {
    grid-column: span 1; /* 占有解除 */
  }
}