/*
 * 新しい外観の入口（#8、docs/spec/visual-design.md §2）。全ページの <head> はこのファイルと fonts/fonts.css だけを読む。
 *
 * 層の優先順位はこのファイルだけが持つ（下ほど優先）。詳細度や !important で競り合わない。
 *   vendor     第三者のプラグイン CSS（ファイル自体は変えない）。アイコンは Font Awesome を読み込まず、components/icon.css が描く
 *   tokens     見た目の値
 *   base       要素の既定
 *   layout     ページの枠（中身の幅、ヘッダー、ナビゲーション、フッター、ページ名の帯、パンくず、グリッド）
 *   components 繰り返し使う部品とその状態（部品ごとに 1 ファイル）
 *   content    現行 HTML への適合（インラインの指定の正規化、現行の図、現行の見出しクラス）
 *   utilities  現行の補助クラス（mt10・taC・w40 など）
 *
 * パスはルートからの絶対パスにする（英語トップは <base href="/en/"> を持つため、相対パスだと /en/ 配下を探す）。
 */
@layer vendor, tokens, base, layout, components, content, utilities;

/* vendor：スマホメニュー（mod_jf_mobilemenu）、タブ（Regular Labs Tabs）、フォーム（RSForm Pro）。
   flexslider.css はどの要素にも当たらない（スライドが無い）ため取り込まない */
@import url("/modules/mod_jf_mobilemenu/assets/jf_mm.min.css") layer(vendor);
@import url("/media/tabs/css/style.min.css") layer(vendor);
@import url("/media/com_rsform/css/front.css") layer(vendor);

/* 自前の層：各ファイルが自分の層（@layer <名前> { }）の中に書く */
@import url("/templates/rontech/css/tokens.css");
@import url("/templates/rontech/css/base.css");
@import url("/templates/rontech/css/layout.css");
@import url("/templates/rontech/css/components/icon.css");
@import url("/templates/rontech/css/components/button.css");
@import url("/templates/rontech/css/components/language.css");
@import url("/templates/rontech/css/components/mobile-menu.css");
@import url("/templates/rontech/css/components/hero.css");
@import url("/templates/rontech/css/components/card.css");
@import url("/templates/rontech/css/components/recruit-entry.css");
@import url("/templates/rontech/css/components/box.css");
@import url("/templates/rontech/css/components/contact-box.css");
@import url("/templates/rontech/css/components/news.css");
@import url("/templates/rontech/css/components/table.css");
@import url("/templates/rontech/css/components/tabs.css");
@import url("/templates/rontech/css/components/form.css");
@import url("/templates/rontech/css/components/pagination.css");
@import url("/templates/rontech/css/components/tooltip.css");
@import url("/templates/rontech/css/components/privacy-box.css");
@import url("/templates/rontech/css/content.css");
@import url("/templates/rontech/css/utilities.css");