/* --- TOPICSのレイアウト調整 (画像高さ固定版) --- */

/* 項目全体を囲むリスト（親要素） */
.ec-topicRole__list {
  display: flex;
  gap: 20px;
  align-items: stretch;
}

/* 画像とタイトルの各ブロック（子要素） */
.ec-topicRole__listItem {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ▼▼▼ ここからが画像サイズを調整するコードです ▼▼▼ */
.ec-topicRole__listItem img {
  height: 250px; /* ←★この数字を調整して高さを合わせます */
  width: 100%;
  object-fit: contain; /* 画像の比率を保ったまま枠内に収めます */
}
/* ▲▲▲ ここまで ▲▲▲ */

/* タイトル部分のテキスト */
.ec-topicRole__listItemTitle {
  margin-top: auto;
  padding-top: 0.4em !important;
}
/* ↓ 手帳画像の表示位置調整のため追加 ↓ */
.ec-eyecatchRole__image {
    margin-top: 120px;
}