@charset "UTF-8";

/* =========================================================
   お問合せページ（/counseling/）専用 CSS
   離脱導線（ヘッダーナビ／ヘッダーCTA／ハンバーガー／
   フッターナビ／フッターロゴ／追従バナー）をテンプレート側で
   出力停止した構成に合わせた調整。
   ※ SCSSビルドと分離・手動メンテ。style.css の後に読み込む。
   ========================================================= */

/* ---------------------------------------------------------
   ヘッダー
   ロゴのリンクを外して a → span にしているため、表示を揃える
   --------------------------------------------------------- */
.header__logo span.header__logo-link {
  display: inline-block;
}

/* ---------------------------------------------------------
   見出し
   パンくずをフッター直前へ移動したため、h1 を本文先頭に配置
   --------------------------------------------------------- */
.page-counseling__title {
  margin-bottom: 1.5rem;
  font-family: "Noto Serif CJKjp", serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

/* ---------------------------------------------------------
   パンくず（フッター直前に配置）
   --------------------------------------------------------- */
.breadcrumbs-list__wrap--bottom {
  padding-top: 0;
  padding-bottom: 2.5rem;
}

/* ---------------------------------------------------------
   フッター
   フッターナビ・ロゴ・SEO文を出力停止しており、最下部の
   コピーライト行だけが残るため、ナビとの間隔用に確保されていた
   余白（.footer__inner の上下padding 64px ＋
   .footer__bottom-flex の margin-top 80px）を詰める
   --------------------------------------------------------- */
.footer__inner {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.footer__bottom-flex {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .page-counseling__title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }

  .breadcrumbs-list__wrap--bottom {
    padding-bottom: 1.5rem;
  }

  .footer__inner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}