@charset "UTF-8";
/* ====================================================
　施工事例一覧ページ固有CSS（ファーストビュー内）
　works_first.css
==================================================== */


/* ######################################################################################

　PAGE HEAD（ページタイトルバナー）
　共通部分は common_first.css の .pageHead で定義。行間・letter-spacing・
　PC見出しmargin-topのみFigma実測がこのページ固有のためCSS変数で上書きする。
　.pageHead__inner のSP配置（下揃え・gap8px・左右下24pxパディング）は
　Figma実測で共通デフォルトと一致するため、このページ独自の再配置は行わない
　（以前は「SPも常に中央揃え」という誤った前提で個別上書きしていたが、
　Figma実測で他の下層ページと同じ下揃え仕様であることを確認し撤去した）。
　オーバーレイも他ページと異なりSPでも乗算合成を維持する。

###################################################################################### */

.pageHead{
    --pageHead-en-lineHeight: 1.44;
    --pageHead-heading-lineHeight: 1.44;
    --pageHead-heading-marginTop-pc: clamp(0.0768em, 0.4vw, 0.15em);
    --pageHead-heading-letterSpacing-sp: 0.1333em;
}
.pageHead__overlay{ mix-blend-mode: multiply; }

/* works_categoryカテゴリ別一覧の見出し「施工事例 ― カテゴリ名」のうち
   「 ― カテゴリ名」部分のみ縮小表示する */
.pageHead__headingSub{ font-size: 60%; }