@charset "UTF-8";

/* 全サンプル共通：スマホで助詞や句読点だけが孤立しない見出し組み */
@media (max-width: 767px) {
  .sample-page h1,
  .sample-page h2,
  .sample-page h3,
  .sample-page .hero__hook {
    text-wrap: balance;
    word-break: auto-phrase;
    line-break: strict;
    overflow-wrap: normal;
    hyphens: none;
  }

  /* 固定改行を外し、画面幅に合わせて自然に組み直す */
  .sample-page h1 br,
  .sample-page h2 br {
    display: none;
  }

  .sample-01 .hero__title { font-size: 25px; letter-spacing: .025em; }
  .sample-01 .sec__title { font-size: 21px; line-height: 1.6; letter-spacing: .015em; }
  .sample-01 .last__title { font-size: 22px; }

  .sample-02 .hero__title { font-size: 22px; line-height: 1.55; letter-spacing: -.015em; }
  .sample-02 .section__title { font-size: 20px; line-height: 1.55; letter-spacing: -.01em; }
  .sample-02 .final__title { font-size: 21px; line-height: 1.55; }

  .sample-03 .hero__title { font-size: 32px; line-height: 1.5; }
  .sample-03 .h2 { font-size: 22px; line-height: 1.65; }
  .sample-03 .last__title { font-size: 24px; }

  .sample-04 .hero__title { font-size: 24px; line-height: 1.55; }
  .sample-04 .sec-title { font-size: 21px; line-height: 1.6; letter-spacing: .02em; }
  .sample-04 .last__title { font-size: 22px; }

  .sample-05 .hero__copy { font-size: 23px; line-height: 1.55; }
  .sample-05 .sec__title { font-size: 20px; line-height: 1.55; }

  .sample-06 .hero__copy { font-size: 23px; line-height: 1.55; }
  .sample-06 .sec__title { font-size: 20px; line-height: 1.55; }

  .sample-07 .hero__hook { font-size: 20px; line-height: 1.6; }
  .sample-07 .hero__title { font-size: 18px; line-height: 1.6; }
  .sample-07 .sec__title { font-size: 20px; line-height: 1.55; }

  .sample-08 .hero__copy { font-size: 22px; line-height: 1.55; }
  .sample-08 .sec__title { font-size: 20px; line-height: 1.55; }
}