/* ISC r9 目的別ページ専用（route_*.html だけが読む。すべて body.page-route に限定。共通の r7.css・トップ・事例・一覧は変えない）2026-11-03 NEXT05A
   導入：トップの入口と同じ水彩の絵を、3:2 のまま（顔・キッチン・浴槽を切らない）帯の中に置く。絵の上に文字を重ねず、見出しは絵の下。
   実写真は、その下の「実際の工事」の章（実例欄）で見せる。動きは増やさない（導入の絵は最初から表示） */
body.page-route .crumb{max-width:1000px;padding-left:28px;padding-right:28px}  /* r7.css の .crumb{padding:14px 0 0} が .wrap の左右の余白を消し、PC でパンくずが絵より 28px 左に出ていた */
body.page-route .route-hero{background:transparent;padding:6px 0 0}
body.page-route .route-hero figure{max-width:1000px;margin:0 auto;padding:0 28px}
body.page-route .route-hero img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 50%;border-radius:20px;display:block}
body.page-route .route-hero .title{position:static;padding:30px 0 0;background:none;color:var(--ink)}
body.page-route .route-hero .title .wrap{max-width:1000px}
body.page-route .route-hero .eyebrow{color:var(--wood)}
body.page-route .route-hero h1{color:var(--green-d);text-shadow:none;font-size:36px}
@media (max-width:640px){
 body.page-route .crumb{padding-left:16px;padding-right:16px}
 body.page-route .route-hero figure{padding:0 16px}
 body.page-route .route-hero img{border-radius:16px}
 body.page-route .route-hero .title{padding:22px 0 0}
 body.page-route .route-hero h1{font-size:25px}
}