@charset "UTF-8";
/* ============================
c-page-title（下層ページ見出し：メイン＋サブ）／c-page-lead（見出し下のリード文）
例）人を知る スタッフインタビュー
※ 全ページ共通で読み込み（functions.php）。エディタ本文で以下のように使用してください。

  <h2 class="c-page-title">
      <span class="c-page-title__main">人を知る</span>
      <span class="c-page-title__sub">スタッフインタビュー</span>  … サブは省略可
  </h2>
  <p class="c-page-lead">リード文</p>  … 任意

  見出しブロックを既存セクションの前に置く場合は c-page-head で包みます（下余白が付き、
  直後の .l-content の上余白は自動で解除されます）。
  ※ 既存セクションの「中」に入れると nth-child の交互レイアウトがずれるため、必ず前に置いてください。
  <div class="c-page-head l-content">
      <div class="l-content__inner"> 見出し＋リード文 </div>
  </div>
  <div class="p-service l-content"> … </div>

※ 本ファイルは assets/scss/page-title.scss からコンパイルしています。
  CSSを直接編集せず、SCSSを編集して以下でビルドしてください。
  npx sass assets/scss/page-title.scss assets/css/page-title.css --no-source-map
 ========================= */
.c-page-title {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #1262A9;
  -webkit-column-gap: 0.75em;
     -moz-column-gap: 0.75em;
          column-gap: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-family: "Hiragino Mincho ProN", "Yu Mincho Light", "YuMincho", "Yu Mincho", serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .c-page-title {
    font-size: 26px;
  }
}

.c-page-title__main {
  letter-spacing: 0;
}

.c-page-title__sub {
  font-size: 0.55em;
  letter-spacing: 0.1em;
}

.c-page-lead {
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(16px, 1.27vw, 22px);
  letter-spacing: 0.1em;
  line-height: 1.82;
  margin-top: 40px;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
@media screen and (max-width: 767px) {
  .c-page-lead {
    font-size: 15px;
    letter-spacing: 0.04em;
    line-height: 1.9;
    margin-top: 20px;
  }
}

.c-page-head {
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .c-page-head {
    margin-bottom: 50px;
  }
}
.c-page-head + .l-content {
  padding-top: 0;
}