/* KKSC のロゴ（ヘッダーの社名表示）。会社のページ（トップ・セミオーダー開発・M&A・資料請求・コラム・プライバシーポリシー）で共通に使う。
   各ページの CSS のあとに読み込む。色は 2026-10-25 に製品のページに合わせて単色にした（濃紺 #0f1c2e・青 #1a4ba0）。
   2026-10-30：マークを「KK」の文字の角丸から、会社のロゴ（KK のエンブレム、assets/logo-mark.svg を mask で紺 #1f2d4d に塗る）に変えた。
   中の「KK」の文字は表示しない（マークアップはそのまま）。マークアップ：
   <a class="logo" href="/" aria-label="KK総合コンサルティング トップ">
     <span class="logo-mark" aria-hidden="true">KK</span>
     <span class="logo-text"><b>KK Total <span>Consulting</span></b><small>KK総合コンサルティング株式会社</small></span>
   </a> */
.logo { display: inline-flex; align-items: center; gap: 11px; color: #0f1c2e; text-decoration: none; white-space: nowrap; letter-spacing: 0; font-size: inherit; }
.logo-mark {
  flex: none; display: block; width: 38px; height: 36px; overflow: hidden;
  background: #1f2d4d;
  -webkit-mask: url(/assets/logo-mark.svg) center / contain no-repeat; mask: url(/assets/logo-mark.svg) center / contain no-repeat;
  color: transparent; font-size: 0;
  transition: background .2s;
}
.logo-text { display: flex; flex-direction: column; line-height: 1.1; }
.logo-text b { font: 700 17px/1.1 Inter, sans-serif; letter-spacing: -.015em; }
.logo-text b span { font-weight: 500; color: #1a4ba0; }
.logo-text small { margin-top: 4px; font-size: 10px; font-weight: 500; color: #6b7385; letter-spacing: .14em; }
.logo:hover .logo-mark { background: #1a4ba0; }
@media (max-width: 400px) {
  .logo { gap: 9px; }
  .logo-mark { width: 33px; height: 31px; }
  .logo-text b { font-size: 15px; }
  .logo-text small { font-size: 9px; letter-spacing: .08em; }
}