@charset "utf-8";
/* /school-info（Tailwindのページ）に本体HPのヘッダー／フッターを出すための読み込み口。
 *
 * ⚠ 本体HPのCSSを**そのまま**読む。切り出したり書き直したりしない
 *   （一度ヘッダーの規則だけ抜いた軽い版を作ったら、`a,a img,…` のような
 *    まとめ書きが抜けてロゴが消え、ボタンの文字が出なかった）。
 *
 * ⚠ 肝は**レイヤーの順番**。下の1行で決めている。
 *   Tailwind v4 は theme → base(リセット) → components → utilities の順に重ねる。
 *   CSS の決まりで、
 *     ・レイヤーに入っていない指定は、レイヤー内のどれよりも強い
 *     ・レイヤー同士は「先に書いた順」に弱い
 *   なので、
 *     ① common.css を素のまま読む → `img{width:100%}` が `size-24` を問答無用で潰し、
 *        校の写真がカード幅いっぱいに伸びる（読み込み順を変えても直らない）
 *     ② いちばん弱いレイヤーに入れる → 今度は Tailwind のリセットに負けて
 *        ヘッダーのレイアウトが丸ごと消える
 *   どちらも実際に踏んだ。正解は **base より後ろ・components より前**に挟むこと。
 */
@layer theme, base, hp-theme, components, utilities;

@import url("/hp/css/reset.min.css") layer(hp-theme);
@import url("/hp/css/common.css") layer(hp-theme);
@import url("/hp/css/hp-own.css") layer(hp-theme);