/* case（実績一覧）。カードのスタイルはstyle.css（トップと共通） */
.entry-content > .wp-block-group,
main .wp-block-group.cp-grid-section {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}


/* ===== 実績グリッド ===== */
.cp-grid-section { background: #f8f7f6; padding: 96px 24px; }
.cp-grid-section .tg-case-grid { max-width: none; display: grid; grid-template-columns: repeat(3, minmax(0, 384px)); gap: 28px 24px; grid-auto-rows: 1fr; justify-content: center; }
.cp-grid-section .tg-case-more { width: 282px; margin: 32px auto 0; padding: 8px 0; border: none; border-radius: 20px; background: #eee; font-size: 16px; line-height: 24px; color: #333; }
.cp-grid-section .tg-case-more:hover { background: #e2e2e2; }

@media screen and (max-width: 834px) {
  .cp-grid-section .tg-case-grid { grid-template-columns: 1fr; }
}

@media screen and (max-width: 480px) {
  /* 元サイトのスマホ版: 左右40px、カードの高さは中身に合わせる */
  main .wp-block-group.cp-grid-section { padding: 64px calc(50vw - 50% + 16px); }
  .cp-grid-section .tg-case-grid { grid-auto-rows: auto; row-gap: 30px; }
}