/* ==================================================================================================
   見出しタグ変更（p → h2 / h3、h4 → h3）に伴う font-weight 調整
   追加日：2026-09-10
   目的　：見出しタグを変更しても、変更前と同じ見た目を保つこと
   　　　　（デザイン変更は意図していないため、すべて元の font-weight に戻します）
   ==================================================================================================

   【なぜ必要か】
   base.css に以下の指定があります。

     .kwix    { font-weight: 300; }               ← サイト全体の基準
     .kwix h3 { font-weight: 300 !important; }    ← h3 のみブラウザ既定の太字を打ち消し

   h1 / h2 / h4 には font-weight の指定がありません。
   そのためタグを変更すると、意図せず太さが変わります。

     p  →  h2   … クラスに font-weight があれば変化なし／なければ 700 になる（太くなる）
     p  →  h3   … クラスの指定に関わらず 300 になる（!important が全てに勝つ）
     h4 →  h3   … 同上、300 になる

   【安全性について】
   すべてのセレクタを「ページ種別クラス ＋ タグ名 ＋ クラス名」で絞っています。
   例）.kwix .mainManual h2.boxQuix__ttl
       → mainManual ページの、h2 要素で、boxQuix__ttl クラスを持つもの、のみ

   他ページで同じクラスが <p> のまま使われている場合、このルールは一切マッチしません。
   特に .label はサイト内5箇所で使い回されている汎用クラスのため、
   .mainTrans .transPage__Ctn まで含めて限定しています。

   【追記場所】
   add.css の末尾を推奨（読み込み順が最後のため確実に適用されます）。
   既存CSSは一切変更していません。不要になればこのブロックごと削除できます。

   【検証方法】
   ブラウザの DevTools（F12）→ Console に以下を貼ると、
   そのページで各ルールが何個の要素にマッチするか確認できます。
   対象外のページで実行すれば、すべて 0 になるはずです。

     [
       '.kwix .mainManual h2.boxQuix__ttl',
       '.kwix .mainTrans .transPage__Ctn h2.label',
       '.kwix .issue > h2',
       '.kwix .problem > h2',
       '.kwix .mainManual .manualPage h3.fw-700',
       '.mainSolution .marketingPage h3.boxQuix__head',
       '.mainSolution .marketingPage h3.pointBox__ttl',
       '.kwix .problem_title h3'
     ].forEach(s => console.log(document.querySelectorAll(s).length, s));

================================================================================================== */


/* --------------------------------------------------------------------------------
   1. h2 に変更して太くなった箇所を、元の細字（300）に戻す
      相手はブラウザ既定のスタイルなので !important は不要です
   -------------------------------------------------------------------------------- */

/* マニュアルソリューション：8つの課題見出し
   例）「わかりやすいマニュアルを作成したい」「属人化を解消したい」          8箇所  */
.kwix .mainManual h2.boxQuix__ttl {
  font-weight: 300;
}

/* 翻訳ソリューション：「クイックスの多言語展開支援」（緑帯の白文字）        1箇所  */
.kwix .mainTrans .transPage__Ctn h2.label {
  font-weight: 300;
}

/* i-Share：「マニュアル制作でこんな悩みはありませんか？」
             「各工程ごとの課題整理をすると・・・」                          2箇所  */
.kwix .issue > h2,
.kwix .problem > h2 {
  font-weight: 300;
}


/* --------------------------------------------------------------------------------
   2. h3 に変更して細くなった箇所を、元の太字（700）に戻す
      .kwix h3 の !important に勝つ必要があるため、こちらも !important を付けます
   -------------------------------------------------------------------------------- */

/* マニュアルソリューション：各課題ブロック内の緑のサービス名
   例）「運用支援」「編集代行」「データ制作代行」                           13箇所  */
.kwix .mainManual .manualPage h3.fw-700 {
  font-weight: 700 !important;
}

/* マーケティングソリューション：11の課題見出し
   例）「情報発信するメディアを作りたい」                                   11箇所  */
.mainSolution .marketingPage h3.boxQuix__head {
  font-weight: 700 !important;
}

/* マーケティングソリューション：Point 1〜3 の見出し                          3箇所  */
.mainSolution .marketingPage h3.pointBox__ttl {
  font-weight: 700 !important;
}

/* i-Share：課題整理の色付き見出し
   「品質に関する課題」「工数削減に関する課題」など                          4箇所  */
.kwix .problem_title h3 {
  font-weight: 700 !important;
}


/* ==================================================================================================
   影響を受けない箇所（参考・対応不要）

   下記はクラス側に font-weight が定義済みのため、タグを変更しても見た目は変わりません。

     ヘルスケアソリューション  healthPage__title  ×4   → .mainHealth で 300 指定あり
     マニュアルBPOサービス     healthPage__title  ×2   → 同上
     i-Share                   isharePage__title  ×1   → 同上
     マニュアルソリューション  fw-700（h2の2箇所）×2   → .fw-700 で 700 指定あり
     翻訳ソリューション        transPage__title   ×1   → 300 指定あり
     翻訳BPO                   transDetail__ttl   ×2   → 200 指定あり
     翻訳BPO                   font-weight-bold   ×4   → Bootstrap の 700!important
     P&Dソリューション         introBox__title    ×1   → 300 指定あり
     マーケティングサポート    introBox__title    ×2   → 同上
     クリエイティブ            introBox__title    ×1   → 同上
     クリエイティブ            promo-card         ×2   → ページ内CSSを h4 に併せて修正済み

   ================================================================================================== */