/* ============================================
   system.css
   独自システムページ（system.html）に特有の記述のみを担当する。
   左右分割・カルーセルの配置と装飾は、メニューページと
   同一の見た目のため、layout.css／components.css側の
   グループセレクタ（.menu-category__◯◯, .system-category__◯◯）
   に統合済み。ここではメニューページには存在しない
   「カルーセル内のYouTube埋め込み（iframe）」のサイズ指定のみを扱う。
   ============================================ */

/* iframeは既定で枠線と固有サイズ（300×150px）を持つため、
   画像スライドと同じくスライド枠いっぱいに広げ、枠線を消す。 */
.system-category__carousel-slide iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}