/* ==================================================
   style.css（入口：読み込み専用）
   - ここには原則、見た目のCSSを書かない
   - 各ファイルを順番どおりに @import するだけ
================================================== */

/* ------------------------------
   Base（全ページ共通の土台）
------------------------------ */
@import url("./base/base.css");

/* ------------------------------
   Components（共通パーツ）
------------------------------ */
@import url("./components/topbar.css");
@import url("./components/header.css");
@import url("./components/footer.css");
@import url("./components/floating.css");

/* ------------------------------
   Sections（TOPなどで使う“セクション単位”）
------------------------------ */
@import url("./sections/hero.css");
@import url("./sections/top-concept.css");
@import url("./sections/top-feature.css");
@import url("./sections/top-treatment.css");
@import url("./sections/top-greeting.css");
@import url("./sections/top-gallery.css");
@import url("./sections/top-clinic-information.css");


/* ------------------------------
   Pages（ページ固有）
------------------------------ */
@import url("./pages/clinic-greeting.css");


@import url("./pages/subpage.css");
@import url("./pages/column.css");
@import url("./pages/treatments-detail.css");
@import url("./pages/fee.css");

@import url("./pages/recruit.css");

/* ------------------------------
   Effects（アニメーション系）
------------------------------ */
@import url("./effects/fade.css");