/* ==========================================================================
   pages/event-voice.css — /event/voice/ 専用CSS
   --------------------------------------------------------------------------
   出自：live style9301.css（.c-boxList__item / .c-boxCol__imgGrid）を、
   現行の見た目のまま新サイトの規約に合わせて移植したもの。

   - 数値・単位は現行のまま（em/vwのrem変換はしない）
   - 色はハードコードせず var(--color-*) に統一。border-bottomの #d8d8d8 は
     既存トークンと視認できる差が無いため var(--color-border)（--color-gray-300・
     #dddddd）で近似
   - 固定pxのトークン置換は完全一致のみ（該当するfont-size等の値は無し。
     border-bottomの1pxは罫線幅のため対象外＝現行どおり）
   - ブレークポイントは新サイトの規約（min-width:769px / max-width:768px）に合わせる
   - -9999px/200vw 等のフルビリード表現はこの3クラスには無い（該当なし）

   c-boxList について：
   - 現行CSSにも .c-boxList 自体の定義は存在しない（0件）。証言グループ間の
     区切り線・余白は子要素 .c-boxList__item 側（padding/border-bottom）で
     完結しており、外枠の .c-boxList はスタイルを持たない素のコンテナ。
     忠実な移植のため、ここでも .c-boxList 自体には何も定義しない。
   ========================================================================== */

.c-boxList__item {
  display: flex;
  flex-direction: column;
  gap: 2.222em;
  padding: 3.556em 0;
  border-bottom: 1px solid var(--color-border);
}
.c-boxList__item:first-child {
  padding-top: 0;
}
.c-boxList__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
@media (max-width: 768px) {
  .c-boxList__item {
    padding: 8.53vw 0;
  }
}

.c-boxCol__imgGrid {
  display: flex;
  gap: 0;
  flex-direction: column;
}
@media (max-width: 768px) {
  .c-boxCol__imgGrid {
    flex-direction: row;
  }
}