@charset "utf-8";
/**
 * Laravel プレスルーム一覧で、style.css に無い項目だけを補う差分シート。
 *
 * 経緯: もともと MODX 時代の `<a>` 互換ルールも入っていたが、Laravel SPA 化で
 * カテゴリ導線は `<button>` に統一済み。`<a>` 用ルールおよび `style.css` の
 * `.p-press_filter .tab li button` 系に詳細度負けしていたルールは削除した。
 *
 * 共通スタイル本体は assets/press_room/css/style.css 側にあるため、ここでは
 * 競合する宣言を置かない（差分のみ）。
 */
#press_room_index .c-headline_02 .l-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 4vw;
}
#press_room_index .c-headline_02 h1 {
  color: #F8E133;
  font-size: 40px;
  font-weight: 700;
  line-height: calc(54 / 40);
}
@media (max-width: 768px){
  #press_room_index .c-headline_02 .l-inner {
    padding: 0 5vw;
  }
  #press_room_index .c-headline_02 h1 {
    font-size: 30px;
    line-height: calc(42 / 30);
  }
}

/* `<button>` のブラウザ既定スタイルを無効化（style.css の `.tab li button` で
 * 背景・枠・色は上書きされるが、appearance / margin / font-family は触っていないため
 * ここで一度だけリセットする） */
#press_room_index .p-press_filter__select__categories button {
  font-family: inherit;
  appearance: none;
  margin: 0;
}

#press_room_index .p-press_list li figure img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
}