というCDN Swiperの基底クラスを持ち、
overflow:hidden はそこ（swiper-bundle.min.css・変更不可）由来のため、
ここで明示的に上書きする。
====================================================================== */
/* 矢印・ページネーションは操作用のため共通で非表示 */
html body .swiper-pagination,
html body .swiper-button-prev,
html body .swiper-button-next,
html body .p-mv__pagination,
html body .p-banner-slider__prev,
html body .p-banner-slider__next,
html body .p-related__prev,
html body .p-related__next {
display: none !important;
}
/* --- MV：1枚だけ表示し、通常フローに戻したうえで高さをA4の約1/3に抑える --- */
html body .p-mv,
html body .p-mv__slider,
html body .p-mv__slide,
html body .p-mv .swiper {
overflow: visible;
}
html body .p-mv .swiper-wrapper {
display: block;
transform: none !important;
}
html body .p-mv .swiper-slide:not(:first-child) {
display: none;
}
html body .p-mv__img {
aspect-ratio: auto;
height: 300px;
max-height: 300px;
}
/* --- バナースライダー：装飾のため非表示（スライド自体を出す必要なし） --- */
html body .p-banner-slider {
display: none;
}
/* --- 関連施設カルーセル：装飾ではなくリンク集のため、全9件を3列で表示
（縦1列だと長く伸びるため3列に変更） --- */
html body .p-related .swiper {
overflow: visible;
}
html body .p-related .swiper-wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 16px;
transform: none !important;
}
html body .p-related__item {
display: block;
width: auto;
}
/* ======================================================================
9. .c-cardGrid の改ページ制御・画像サイズ
--------------------------------------------------------------------------
前回 display:block に解除した結果、カードが紙幅いっぱいの1列表示になり
画像が巨大化したため撤回。display:grid を維持したまま、印刷用の列数を
PC と同じ値で明示し、カード画像側に高さ上限を設けて対応する。
画面用のSP上書き（components.css・@media (max-width:768px)。screen限定
ではなく幅条件のみのため、印刷時の幅次第では評価されうる）に列数で
負けないよう、列数指定には !important を付ける。
.c-cardGrid__item の break-inside:avoid は維持。トップページ（教育・研究／
医療）・カテゴリートップ（education 等の .c-cardGrid--catTop.c-cardGrid--4）・
下層ページ（donation・campusmap・studentcount・research/staff・sitemap
ほか）すべての .c-cardGrid--2/--3/--4 に共通で効く。
====================================================================== */
html body .c-cardGrid {
display: grid !important;
}
html body .c-cardGrid--2 {
grid-template-columns: repeat(2, 1fr) !important;
}
html body .c-cardGrid--3 {
grid-template-columns: repeat(3, 1fr) !important;
}
html body .c-cardGrid--4 {
grid-template-columns: repeat(4, 1fr) !important;
}
html body .c-cardGrid__item {
break-inside: avoid;
page-break-inside: avoid;
}
/* カード画像の高さ上限（A4縦=約1123pxの1/4=約281pxより少し小さく抑える）。
aspect-ratio:4/3（components.css）は維持されるため、列数が多く画像幅が
狭い場合は自然に収まりmax-heightは効かない。2列など幅が広い場合のみ
max-heightが働き、object-fit:coverで上下がクロップされる。 */
html body .c-cardGrid__img,
html body .c-cardGrid__img img {
max-height: 220px;
}
/* ======================================================================
10. その他トップページのセクション
--------------------------------------------------------------------------
.p-about・.p-medical の背景色/背景画像は上記7節の print-color-adjust:exact
（全称セレクタ）で既にカバー済みのため、ここでの追加指定は無し。
.p-about__layout は2カラムの単純グリッド（.c-cardGridのような繰り返し行を
持たない）で、9節と同種の不安定な分断は生じにくいと判断し対象外とした。
.p-news__layout／.p-oc__layout の列数維持は11節でまとめて扱う。
.p-program（体験プログラムの単一カード）・.p-oc__banner（オープンキャンパス
2枚のカード）は .c-cardGrid 同様「カード単位で分断されると読みにくい」
構造のため、分断防止のみ追加する。
====================================================================== */
html body .p-program,
html body .p-oc__banner {
break-inside: avoid;
page-break-inside: avoid;
}
/* ======================================================================
11. トップページのさらなるコンパクト化
--------------------------------------------------------------------------
.p-oc__ / .p-program__ はトップページ専用クラス（top.cssでのみ定義、
top.cssはindex.htmlにしか読み込まれない）のため、下層ページ・カテゴリー
トップには影響しない。
.p-news__ 系は2026-09-07のお知らせ移行でpages/news.cssへ移設され、
index.htmlに加えて /corporations/news/ 配下の各ページでも読み込まれる
ようになった（print.cssはmedia="print"で全ページ共通読み込みのため、
このブロック自体はニュース一覧・記事詳細ページの印刷時にも評価される）。
ただし .p-news（コンテナ）／.p-news__more／.p-news__layout はトップ
ページの§4 NEWSセクション専用の構造（バナーとの2カラム・「一覧を見る」
リンク）でのみ使われ、一覧・記事詳細ページのマークアップには現状登場
しないため、実害は生じていない。
.p-news__layout／.p-oc__layout は、components.css/top.css側のSP用上書き
（@media (max-width:768px)。screen限定でないため印刷時にも評価されうる）
で1カラムに潰され画像が巨大化する可能性があるため、9節の.c-cardGridと
同じ理由でPCと同じ列数を!importantで維持する。
====================================================================== */
/* --- NEWS：行間・上下余白を詰め、「一覧を見る」を非表示 --- */
html body .p-news {
padding: 16px 0 !important;
}
html body .p-news__link {
padding: 4px 0;
}
html body .p-news__more {
display: none;
}
html body .c-heading-top {
margin-top: 8px;
margin-bottom: 8px;
}
/* --- オープンキャンパス：2列を維持し、バナー画像を縮小 --- */
html body .p-oc {
padding: 16px 0 !important;
}
html body .p-oc__layout {
grid-template-columns: 1fr 1fr !important;
}
html body .p-oc__banner {
flex-direction: row !important;
}
html body .p-oc__img {
width: 55% !important;
max-height: 140px;
}
html body .p-oc__img img {
max-height: 140px;
}
/* --- 体験プログラム：2カラムのNEWS内バナー幅を維持し、画像を縮小 --- */
html body .p-news__layout {
grid-template-columns: 1fr 380px !important;
}
html body .p-program__img {
max-height: 200px;
}
html body .p-program__img img {
max-height: 200px;
}
/* --- 数字で見るKDU：帯の高さを抑える --- */
html body .p-stats__hero {
height: 120px !important;
}
/* --- 関連施設カルーセル：上下余白を詰め、円形サムネイルを縮小して1ページに収める
（矢印/ページネーション非表示・列数のgrid化は8節で対応済み） --- */
html body .p-related {
padding: 16px 0 !important;
}
html body .p-related__icon {
width: 45%;
}
/* --- 関連リンク／SNS：上下余白を詰める --- */
html body .p-related-link {
padding: 16px 0 !important;
}
/* --- 教育・研究／医療：上下余白を詰める --- */
html body .p-edu,
html body .p-medical {
padding: 16px 0 !important;
}
/* --- About：斜め装飾（.p-about__diagonal）の高さ分だけ上余白の確保が必要なため、
他セクションのような一律16pxへの圧縮はせず、下余白のみ詰める --- */
html body .p-about {
padding-bottom: 16px !important;
}
/* ======================================================================
12. 下層ページ：本文中のフロー画像に高さ上限
--------------------------------------------------------------------------
![]()
は印刷時にページ境界をまたいで分断できない（ラスター画像の仕様上の
制約）ため、見出し直後など早い位置にある画像が現在ページの残り高さに
収まらないと、画像ごと次ページへ送られ、直前のページに空白を生む。
対象は「.c-box-content 内で
の直接の子である ![]()
」。
- /local/flower/ の .c-boxCol2 内の画像（
![]()
…）
- /local/evacaution/ の本文中の素の画像（
![]()
）
はいずれもこのパターンに一致するため、共通の1ルールでカバーできる。
.c-cardGrid__img 配下の img（9節で個別に220px指定済み）は