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


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

　PAGE HEAD（ページタイトルバナー）
　共通部分は common_first.css の .pageHead で定義。このページはoverlay要素自体を
　持たないため .pageHead__overlay のCSSは不要。line-height・見出しmargin-topは
　「WORKS」ラベルの行間がFigma実測（26px÷18px、見出し58px÷40px）に対して
　共通デフォルト(1.25)より詰まっているためこのページだけ上書きする。
　SPの左右パディングはFigma実測で共通デフォルト（24px）と一致するため、
　以前入っていた--pageHead-inner-padX-sp:0の上書き（誤り）は撤去した。

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

.pageHead{
    --pageHead-en-lineHeight: 1.45;
    --pageHead-heading-lineHeight: 1.45;
    --pageHead-heading-marginTop-pc: 0.15em;
    --pageHead-heading-letterSpacing-sp: 0.1333em;
}


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

　WORK DETAIL ギャラリー幅の先読み確保
　pageWorksDetail_body.css は preload 遅延読込のため、
　slick初期化（DOM構築直後）の時点ではまだ適用されていない。
　.workDetail__gallery の幅が未確定のまま measure されるとスライダーの
　トラック幅が異常値になるため、幅だけここで先に確定させておく。

###################################################################################### */
/* flexアイテムの既定 min-width:auto によるコンテンツ起因の幅ブローアウトを防ぐ
   （width指定も常に確定させ、aspect-ratioの計算元を安定させる） */
.workDetail__gallery{ width: 100%; min-width: 0; }
@media print, screen and (min-width: 768px){
    .workDetail__gallery{ width: 645px; flex-shrink: 0; }
}