# /agents/ma・/agents/consulting に必要な実素材と確認事項

（このメモは検証中の呼称のままファイル名を `agents-v2-materials.md` としているが、
対象は 2026-09-10 に本体へ昇格した**現行の** `/agents/ma`・`/agents/consulting`）

現行レイアウト（`corporate-site/src/app/agents/_components/DomainLandingPage.tsx`）を
公開できる状態にするために、社内で用意・確認が必要なものの一覧。
実装側の仮置きには `// 仮` / `// TODO(要確認)` のコメントが入っている（ページ上に「仮」等の表記は出していない）。

## 1. 掲載許諾・事実確認

| 章 | 対象 | 状態 | 必要なこと |
| --- | --- | --- | --- |
| 2 実績帯 | 企業名一覧（M&A 8社: 日本M&Aセンター／M&A総合研究所／ストライク／M&Aキャピタルパートナーズ／fundbook／M&Aベストパートナーズ／経営承継支援／ペアキャピタル） | 仮 | 支援実績の有無と、社名掲載の可否。ロゴ掲載まで進めるかも判断 |
| 2 実績帯 | 企業名一覧（ファーム 8社: アクセンチュア／デロイト トーマツ コンサルティング／PwCコンサルティング／KPMGコンサルティング／EYストラテジー・アンド・コンサルティング／ベイカレント／アビームコンサルティング／野村総合研究所） | 仮 | 同上 |
| 2 実績帯 | 「500名超」「300名超」（M&A）／「300名超」「82%」（コンサル） | 仮 | 集計の対象期間・時点。82% は算出根拠 |
| 1 ヒーロー | 「M&A仲介への転職、支援実績No.1。」 | 判断保留 | 比較対象・範囲・時点・調査方法。表示を続けるなら注記の文言も |
| 5 選び方 | 年収の数字（1,500〜2,200万円／3,007万円） | `consultingContent.ts` から流用。確認項目リストの下の「参考」1行に集約 | 出典（有価証券報告書・公表値）の時点。コンサルの年収帯（1,000〜1,500万円）は出典を示せないため非掲載にした（`consultingPageContent.ts` のコメントに退避） |
| 5 選び方 | 成果報酬の料率「最大40〜50%」 | v1 の求人票記載から。「参考」1行に集約 | 現時点の求人での実際の幅。仲介向けの数字であり FAS・PE には適用しない旨の社内共有 |
| 6 支援事例 | 3件の前職・転職先・年収、「重視した条件」「支援した内容」 | 仮 | 実際の事例への差し替えと、ご本人の公開可否 |
| 4 担当者 | 「相談できるテーマ」（各人2つ） | 仮 | 本人確認。経歴文（`MA_MEMBERS` / `CONSULTING_MEMBERS`）は公式メンバーページ準拠 |
| 5 選び方 | 求人カードの「固定給」 | 求人データに固定給の記載が無く「面談でお伝えします」と出している | 求人票から固定給レンジを取得できるようにするか、この表記のままにするかの判断 |
| 7 FAQ | 未経験比率・ベース給与レンジ・在籍企業への不連絡の運用 | v1 から流用（仮文面） | v1 と同じ確認事項（README「未確定・要対応」参照） |

## 2. 写真・動画

| 用途 | パス | 状態 |
| --- | --- | --- |
| ヒーロー右側の人物（M&A 章1・ラップトップ以上のみ） | `public/images/agents/hero-ma.webp` | **実写（山田氏の背景抜き済みプロフィール写真 DSC01418_retouch＝口を閉じた表情、4000×6000 の透過PNGから 1084×1800 の透過WebPに変換）**。2026-09-13 に受領した元データへ差し替え、同日に笑顔の DSC01416 から口を閉じた方へ変更。グラデーションの上に人物だけを置き、下端を面の底に揃える（`hero.photo.kind: "cutout"`）。スマホでは出さない。掲載許諾は要確認 |
| ヒーロー全面の写真（コンサル 章1） | `public/images/agents/hero-consulting.webp` | **生成画像（1536×1024・人物は右寄り）**。同上 |
| 経営者との面談（M&A 章3で使っていた写真） | `public/images/agents/ma-owner-meeting.webp` | 生成画像。**現在どのページからも参照していない**（インタビュー素材の写真として誤読されるため外した）。実写が用意できたら、写真として成立する場所を決めたうえで戻す |
| 模擬面接の様子（コンサル 章3で使っていた写真） | `public/images/agents/consulting-mock-interview.webp` | 生成画像。**現在どのページからも参照していない**（主役素材を「支援内容の例」の図に置き換えたため）。実写が用意できたら掲載場所を決める |
| 企業インタビュー動画（M&A 章3の主役カルーセル） | `https://www.youtube-nocookie.com/embed/<youtubeId>` | ページ内で再生できる埋め込み。ストライク / 日本M&Aセンター / M&A総研ホールディングス / プレックスの4本。オフラインでは表示されない |
| 支援事例の丸写真（章6・各3件） | `public/images/agents/cases/{ma,consulting}-{1,2,3}.webp` | **生成画像（本人ではない）**。ご本人の写真か、掲載しない判断かを決める。事例そのものが仮データのため、事例の差し替えと合わせて扱う |
| ヘッドハンターの顔写真（章4） | `public/images/members/*.webp` | 公式サイトから取得。転用可否の確認が必要（recruit 側と同じ論点） |
| 企業インタビュー動画（章8のリンク） | YouTube（`content/articles/ma/*.mdx` の `youtubeId`） | 公開済み動画。リンク先は `youtube.com/watch` |
| M&Aキャピタルパートナーズ・ブティックスのインタビュー動画 | 素材なし | **動画素材の入手待ち**。素材が入り次第、章3のカルーセルに追加する（記事があれば `content/articles/ma/` に抜粋ページも作る） |

## 3. リンク先（受け皿）

| 導線 | 現状 | 必要なこと |
| --- | --- | --- |
| 求人検索 XROSS（ヘッダー・ヒーロー末尾のリンク・下部バー・求人一覧CTA） | `XROSS_JOB_SEARCH_URL = "#"` | 求人検索の公開URL。決まり次第 `_lib/links.ts` の1箇所を差し替え |
| LINE相談（ヒーロー・章末CTA・フォーム下・離脱防止ダイアログ・下部バー・最終CTA帯） | `LINE_CONSULT_URL = "https://lhco.li/46CWG5u"`（2026-09-12 設定済み） | 友だち追加URL。正式アカウントが変わる場合は `_lib/links.ts` の1箇所を差し替え |
| セミナー・イベントの詳細（章8） | 詳細ページが無いため「詳細を見る」を出していない | 申込ページができ次第、イベントに `href` を持たせる |
| 資料ダウンロード（`MA_WHITEPAPERS`） | 配布の受け皿が無いため非掲載 | ダウンロードURLが決まれば `more.whitepapers` に渡す |
| 支援実績の一覧（章6の「もっと見る」） | 一覧ページが無いためリンクを出していない | 事例ページを作るか、出さないかの判断 |
| 相談フォームの送信先 | 送信せず完了メッセージのみ | HubSpot 等の受付先 |
| 個人情報のお取り扱い（フォーム内リンク） | `https://remedy-tokyo.co.jp/privacy-protection` | 本番サイトのページをそのまま参照している |

## 4. 文言・体裁の判断待ち

- 章5は「比較の観点の解説」をやめ、「面談で確認する項目」のチェックリスト（項目名＋確かめること1行）にした。市況の数字は一覧の下の「参考」1行にまとめている。
- 章3の主役ブロックは見出し・本文を持たない（章名 → 明朝の一行 → 短い説明 → 素材の4要素に揃えるため）。M&Aは企業インタビュー動画のカルーセル（4本）、コンサルは「支援内容の例」の3段階の図。
- 章7「ご相談の進め方」は、各段階に「やること」（ご本人がすること）と「リメディの違い」（当社がしていること）の2行を置く。3段の機能画面の枠は下端を揃える。
- 章6「ご支援実績」の伸び幅・倍率（例: ＋700万円 ／ 2.0倍）は、転職前後の年収から計算した値で、新しい事実は足していない。
- 章8のイベントは件数に応じて2列／3列に切り替える。1件のときは1列の横長になる。
- ケース面接の対策は「対象の職種に合わせて」と書いている（全職種一律ではないため）。運用が変われば文言も直す。

## 担当ヘッドハンターの一言（仮テキスト。本人の言葉に差し替える）

担当者カードには、写真・名前の直後に本人の一言を置いている。現状はすべて仮テキスト（コード内 `// TODO(要本人確認)`）。本人に次を確認する。

- 山田 顕太郎（M&A）: 「入社後に『聞いていた話と違う』を出さないのが、私たちの仕事です。」
- 井上 晶斗（M&A）: 「未経験からの転職は、最初の一社の選び方に大きく左右されます。」
- 吉田 将貴（M&A）: 「営業で残した数字は、M&A仲介の選考で評価されます。伝え方まで一緒に整えます。」
- 高橋 諒（コンサル）: 「ファームの中で何を見られるかは、外からは分かりません。そこをお伝えします。」
- 小川 勇介（コンサル）: 「行政から民間へ移った経験があるので、異業界からの不安は分かります。」
- 日髙 大志（コンサル）: 「DX領域は求人票の言葉が似ています。中身の違いから一緒に見ます。」

各章冒頭の「明朝の一行＋短い説明」（`openers`）も編集で調整できる。

## 5. 2026-09-10 のデザインレビュー反映

- 章の構成を「章名 → 明朝の一行 → 短い説明 → 素材」の4要素に統一し、主役ブロックの見出し・本文（`reasons.featured.heading` / `body`）を出さないようにした（型は任意のまま残置）。
- M&Aの主役素材は、写真ではなく企業インタビューの YouTube サムネイル＋社名・タイトル・分かることの1行＋「動画で見る／記事を読む」。
- コンサルの主役素材は、模擬面接1回ぶんの例を「確認する点 → フィードバック → 次の面接までに直す点」で追う図（罫線と金の短罫のみ）。
- 求人カード（領域ページのみ）は上限年収が主役にならないよう、勤務地・固定給・成果報酬（料率）・想定年収の4項目にし、料率と想定年収には前提の一行を添えた。スマホで最初に見える2件に未経験歓迎の求人が入るよう並べ替えた。
- 担当者の章の一行は、実際に載せている3名の経歴に合わせて書き直した（コンサルは3名中1名が行政・事業会社出身のため「ファーム出身者」と言い切らない）。
- 小さすぎる・薄すぎる文字（`text-2xs` / `fg-secondary`）のうち、条件を伝えているものは `text-xs` / `fg-default` に上げた。

## 6. 2026-09-12 のディレクター判断（CVR）

- **ヒーロー右カラムに相談パネル**を置いた。白いカードに「無料相談は4つの質問だけ」→ ゴールドの大きな「無料で相談する」→「LINEで相談する」→ 但し書きの順。ラップトップ未満ではカードを出さず、同じ2ボタンを本文カラムに全幅で積む（従来の小さなボタンより大きくした）。
- **CTAの反復を採用**。章末に `ChapterCta`（罫線1本の行＋章ごとに変えた一行＋2ボタン）を置く。領域ページは5か所、/agents は3か所（該当する章があるぶんだけ）。バッジや期限を煽る文言は使わない。
- **離脱防止ダイアログを採用**。ラップトップ以上・8秒以上滞在・ポインタが画面上端から抜けた・相談フォームが画面外、の4条件で1セッション1回だけ出す。スマホでは出さない。
- **登録フォームの面の使い方を変更**。4fr/8fr の分割をやめ、フォームカードを本文幅いっぱいに広げた。tablet 以上は1ステップを左右2カラム（左: 章見出し・なぜ聞くのか・4ステップの進行リスト／右: 入力欄と送り戻し）にし、入力欄の高さとラベルを大きくした。項目・`name`・必須・段階の挙動は変えていない（13項目）。
- **LINE導線を全面に追加**。ヒーロー・章末CTA・フォーム下・離脱防止ダイアログ・スマホ下部バー（「求人検索」と差し替え）・最終CTA帯。ブランド色のボタンは使わず、DSのセカンダリボタンのままにしている。

## 7. 2026-09-12 のCVR強化（デザイン・導線の引き上げ）

事実は増やしていない。既出の数字・但し書き・FAQ の言い換えだけで組んでいる。

### 新しく画面に出る文言（全件）

| 場所 | 文言 | 出所 |
|---|---|---|
| ヒーロー（小見出し・M&A） | M&A仲介への転職支援 500名超 | 実績帯 `PAGE_STATS[0]` |
| ヒーロー（小見出し・コンサル） | コンサルティングファームへの転職支援 300名超 | 実績帯 `PAGE_STATS[0]` |
| ヒーロー（実績・M&A） | 300名超／うちプライム上場M&A仲介会社への支援、4本／経営者インタビュー | `PAGE_STATS[1]`、`MA_VIDEOS` の件数 |
| ヒーロー（実績・コンサル） | 82%／うちコンサル未経験からの転職 | `PAGE_STATS[1]` |
| 相談カード見出し | 無料相談は、4つの質問だけ。 | 旧「無料相談は4つの質問だけ」の言い切り |
| 主CTA直下 | 入力は約60秒。1営業日以内にご連絡します。 | 旧カード説明の「約60秒」＋但し書きの「1営業日以内」 |
| 但し書き（3件） | 無理な勧誘はいたしません／費用は無料です／オンライン面談可 | 但し書き＋FAQ「費用はかかりますか」 |
| 実績帯の見出し | ご支援実績のある主な企業 | 数字を帯から下ろしたための見出し |
| 章末CTAの補足（選ばれる理由） | 面談はオンラインで30分から承ります。 | 離脱防止ダイアログの既存文 |
| 章末CTAの補足（担当ヘッドハンター） | 担当者からのご連絡は1営業日以内です。 | 但し書き「1営業日以内」 |
| 章末CTAの補足（企業と仕事の選び方） | ご相談から入社まで費用はかかりません。 | FAQ「費用はかかりますか」 |
| 章末CTAの補足（支援事例） | 情報収集の段階でも歓迎します。 | フォーム説明の既存文 |
| 章末CTAの補足（さらに知りたい方へ） | ご相談内容は外部に出ません。 | FAQ「今の会社に知られずに進められますか。」 |
| スマホ下部バー | 無料・4問・約60秒 | 上記の短縮 |
| フォームの現在地 | 残り 3問 ／ 最後の質問です | 4ステップの残数表示 |
| フォームの未入力表示 | 未入力の項目があります。 | ブラウザ既定メッセージの置き換え |
| フォーム送信前の但し書き（3件） | 無理な勧誘はいたしません／ご相談内容は外部に出ません／費用は無料です | 但し書き＋FAQ |
| 送信後の完了パネル（アプリのみ） | ありがとうございます。／1営業日以内にヘッドハンターからご連絡します。／LINEで先に相談する | 但し書き「1営業日以内」 |

### 体裁の変更

- **ヒーローを申し込み面にした**。左に小見出し（金の短罫）→ 見出し → リード → 実績（明朝の数字・縦罫区切り・画面に入ると数え上げ）、右に写真（3:4・330px）とその左下に重ねた白い相談カード（影あり）。カードは「無料で相談する」（64px以上・矢印つき・hover で1px浮く）→ 所要時間の一行 →「LINEで相談する」（単色の吹き出し記号）→ チェック印つきの但し書き3件。スマホでは写真とカードを出さず、同じ2ボタン（56px以上）と但し書きを本文カラムに積む。
- **数字はページ内で1度だけ**にした。1件目は小見出し、2件目以降はヒーローの実績。実績帯（`LogoStatsBand`）からは数字を下ろし、企業名だけの帯にした。
- **章末CTAを帯にした**。罫線1本から淡い面（`fill-faint`・角丸）に変え、明朝の一行＋小さな補足＋2ボタンを並べる。担当ヘッドハンターと支援事例の章では担当者の丸写真（48px）を添える。
- **右下の相談CTAを追加**（ラップトップ以上）。ヒーローを過ぎてから出し、相談フォームが画面に入ると引っ込む。
- **最終CTA帯を大きくした**。明朝の見出しを 3xl まで上げ、ボタンを60px以上にし、但し書きをチェック印つきの3件にした。
- **離脱防止ダイアログに顔を入れた**。ラップトップ以上は左に担当者の写真（3:4）と氏名・役職、右に見出し・説明・2ボタン・「閉じる」の2カラム。背景はぼかし。スマホは1カラム（写真64px）。
- **LINEボタンに単色の吹き出し記号**を添えた（`ChatGlyph`）。ブランドの緑は使わない。

## 相談フォームの項目と HubSpot の対応

フォームはページ内に1つだけで、ページ下部（`#consult`）に置く（ヒーローにフォームは置かず、
ボタンで `#consult` へ送る）。入力は4ステップの段階入力（ご希望 → 現在のお仕事 → ご経歴 →
ご連絡先）で、1画面につき1テーマだけを尋ね、連絡先を最後に置く。
項目・並び・`name` と「全項目必須」は段階入力にしても変えておらず、本番の登録フォーム
（`https://remedy-tokyo.co.jp/lps/contact-registration/`）に揃えている。将来 HubSpot に
つなぐときは、同じ `name` のまま対応づけられる。

| # | 表示ラベル | 種類 | `name` |
| --- | --- | --- | --- |
| 1 | 姓 | text | `lastname` |
| 2 | 名 | text | `firstname` |
| 3 | 生年月日 | select ×3（年 2005→1946 降順／月 1–12／日 1–31） | `birthdate_input_year` / `birthdate_input_month` / `birthdate_input_day`（HubSpot フォームの項目名そのまま） |
| 4 | 現職社名 | text | `gensyokusyamei`（HubSpot ラベル「現職社名」） |
| 5 | 現年収（単位: 万円、ボーナス含む） | text | `nensyu` |
| 6 | 転職回数 | select（0〜10・10回以上=99） | `tensyokukaisu` |
| 7 | 転職希望時期 | select（値 1／2／3／9） | `job_change_timing_preference_options` |
| 8 | 希望業界 | select（値 1〜11・その他=99） | `prefered_industry_ddl` |
| 9 | 卒業学校名（最終学歴） | text | `gakureki` |
| 10 | メールアドレス（PCメール推奨） | email | `email` |
| 11 | お電話番号 | tel | `phone` |

- 選択肢の value は HubSpot コンタクトプロパティの内部値に揃えている（2026-09-10 に取得）。
- 希望業界は領域ページごとに初期選択を入れる（`/agents/ma` は「M&A仲介」、`/agents/consulting` は
  「コンサルティングファーム・監査法人」、`/agents` は未選択）。
- 11項目（生年月日の select 3つを数えると 13 の入力）はすべて必須。短い版（ヒーローの
  4項目フォーム、残りを `details` で開く形）は「残りが任意に見える」ため廃止した。
- 4ステップの内訳は、ステップ1「ご希望」= 7・8、ステップ2「現在のお仕事」= 4・5・6、
  ステップ3「ご経歴」= 3・9、ステップ4「ご連絡先」= 1・2・10・11（同意文と送信ボタン）。
  「次へ」を押す前に、そのステップの入力だけをブラウザ標準の検証で確かめる。
  JS が無い環境では4ステップが縦に並んだ1枚の長いフォームとして入力できる。