/* 正式ロゴ（11番「B2・四則の紋章」・2026-09-28 採用）の置き方。LPの全ページ共通。
   画像は scripts/gen_brand_logo.py が原本（docs/brand/logo11_original.png）から作る透過WebP。
   ⚠ 色・明るさを触るフィルター（filter:saturate/brightness 等）を足さない＝採用時の見た目を保つ。
   ⚠ 幅だけ決めて高さは auto（縦横比 2158:703 を崩さない）。 */
.cq-logo{display:block;height:auto;max-width:100%}
/* 総合LPのファーストビュー: ロゴ → 「小学生の計算力強化アプリ」の順に縦積み */
.lp-hero-brand.cq-hero-brand{flex-direction:column;align-items:flex-start;gap:4px}
.cq-logo-hero{width:clamp(300px,31vw,400px)}
/* 各ページのヘッダー（トップへのリンク） */
.cq-logo-header,.brand img.cq-logo-header{width:172px;height:auto}
.brand.cq-brand{padding:0}
/* フッター */
.cq-logo-footer{width:190px;margin:0 auto 6px}
footer .cq-logo-footer.cq-left{margin-left:0}
@media(max-width:760px){
  .lp-hero-brand.cq-hero-brand{align-items:center;gap:2px}
  /* スマホの初回画面に主ボタンが入る並びを保つため、ロゴは画面幅の7割・最大300px */
  .cq-logo-hero{width:min(72vw,300px)}
  .cq-logo-header,.brand img.cq-logo-header{width:132px;height:auto}
  .cq-logo-footer{width:160px}
}
@media(max-width:760px) and (max-height:620px){
  .cq-logo-hero{width:min(58vw,240px)}
}