/* ==========================================================================
   hero-title.css — FV の主見出し
   --------------------------------------------------------------------------
   現行サイト（glcl.co.jp）と同じ組み方。
   「中小企業にこそ、」を小さく、「戦略を。」を大きく見せる。
   現行サイトの実測は約 42px : 88px なので、比率は 0.5 とした。

   サイズは em 指定にしてあるので、各案は自分の .fv-*__title に
   font-size を置くだけでよい。ここでは比率と行の組みだけを持つ。

   ★文字サイズの上限が変わった点に注意。
     以前は「中小企業にこそ、」8 文字が 1 行に収まる必要があり、
     和文 1 文字 = 1em なので「幅 ÷ 8」が上限だった。
     いまは大きい行が「戦略を。」4 文字、小さい行は 8 文字 × 0.5em = 4em 相当で、
     どちらも「幅 ÷ 4」。つまり従来の 2 倍まで大きくできる。
   ========================================================================== */

.hero-title {
  display: block;
}

.hero-title__lead {
  display: block;
  font-size: 0.5em;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  letter-spacing: var(--ls-heading);
}

.hero-title__main {
  display: block;
  margin-block-start: 0.06em;
  line-height: 1.15;
  letter-spacing: var(--ls-tight);
}