/* 制作サンプル「サンプル社労士事務所」のトークン
   base.css は demo-kit v1-serif-navy の原本のまま。ここではトークンと、写真に合わせた最小限の調整だけを書く。 */
:root{
  --ink:#17385a;
  --ink-hover:#2a5a86;
  --body:#34475a;
  --pale:#f0f4f8;
  --line:#cdd9e4;
  --serif:'Yu Mincho','Hiragino Mincho ProN',serif;
  --sans:'Yu Gothic',Meiryo,sans-serif;
}

/* 案件固有の調整（base.css は編集しない） */

/* 帯の中の「サンプル一覧へ戻る」をリンクと分かるようにする */
.demo-note a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}

/* gbumps-site docs/PAGE_RULES.md 第4-6節：日本語の折り返し */
p,li,dd,dt,h1,h2,h3,summary{word-break:auto-phrase}
p,li,dd{text-wrap:pretty}

/* 問い合わせの見出しは短いので、<wbr> と句読点の位置でだけ折り返す（語の途中で折れないように） */
.contact h2{word-break:keep-all}

/* 屋号が長いため、幅320px前後でメニューが画面外へ出ないよう詰める */
@media(max-width:360px){.site-header{padding:12px 14px}.brand{font-size:16px}}