入力・確認・完了のステップ表示

選んだ内容は、上の仕上がり例と下のプロンプト全文に反映されます。

書き換える項目

プロンプト内の［ ］の部分を、つくりたいサイトに合わせて書き換えてから使ってください。

[入力項目]

例：お名前、メールアドレス、電話番号、お問い合わせ内容

[完了時の文言]

例：2営業日以内に、担当者よりご連絡します。

[使用技術]

例：HTML/CSS + JavaScript、React + Tailwind CSS

あなたはWebデザイナー兼フロントエンドエンジニアです。
以下の条件で「入力・確認・完了のステップ表示」を持つお問い合わせページを実装してください。

## 表示内容
- 上部のステップ表示：「1 入力」「2 確認」「3 完了」
- 画面1（入力）：[入力項目]、ボタン「入力内容を確認する」
- 画面2（確認）：入力した内容の一覧、ボタン「修正する」「送信する」
- 画面3（完了）：チェックのアイコン、「送信が完了しました」、[完了時の文言]、「トップページへ」

## ステップ表示のデザイン
- 3つを横に並べ、矢印（山形）でつなぐ帯の形にする
- いまのステップ：背景 #1463F0、文字 #FFFFFF、font-weight 700
- 終わったステップ：背景は #1463F0 の15%の淡い色、文字 #1463F0
- これからのステップ：背景 #F1F4F9、文字 #5F6D84
- 高さ 44px、文字 14px。スマホでは番号と名前を縦に並べる

## 各画面のデザイン
- 入力欄：高さ 48px、枠線 1px solid #CBD5E1、角丸 8px、文字 16px
- 確認の一覧：左に項目名（13px、色 #5F6D84）、右に内容（15px）。行の間は 1px solid #E2E8F0
- ボタン：高さ 52px、角丸 999px。進むボタンは #1463F0 の塗り、戻るボタンは枠線

## 動作
- 同じページのなかで3つの画面を切り替える。切り替えたら、ページの上部へスクロールする
- 「修正する」で戻ったとき、入力内容がそのまま残っている
- 確認画面でブラウザの戻るボタンを押したら、入力画面に戻る（履歴に積む）
- 送信中はボタンを押せなくし、失敗したら確認画面にエラー文を表示する

## アクセシビリティ
- ステップ表示は ol / li。いまのステップに aria-current="step" を付ける
- 画面が切り替わったら、その画面の見出しにフォーカスを移す
- 確認の一覧は dl / dt / dd

## 出力形式
- [使用技術]のコードを1つ出力（送信処理そのものは含めない）