メール登録付きのフッター

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

書き換える項目

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

[サービス名]

ロゴ部分とコピーライトに表示する名前

[登録の案内文]

例：最新情報をメールで受け取る

[リンク項目]

例：利用規約、プライバシーポリシー、お問い合わせ

[送信先]

フォームのaction。未定なら「#」のまま

[使用技術]

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

あなたはアクセシビリティに詳しいフロントエンドエンジニアです。
以下の条件で「メール登録付きのフッター」を実装してください（登録処理は含めません）。

## 表示内容
- ロゴ（テキスト「[サービス名]」で代用）と、サービスの説明1文
- 登録欄：見出し「[登録の案内文]」、メールアドレスの入力欄、「登録」ボタン
- リンク：[リンク項目]、コピーライト

## レイアウト
- PC：上段の左にロゴと説明、右に登録欄。下段にリンクとコピーライト（区切り線の下）
- スマホ（768px未満）：ロゴ → 登録欄 → リンク → コピーライト の順に縦に積む
- コンテンツ最大幅 1120px、上下 padding 56px

## デザイン
- 背景 #1B2A44、文字は白の72%
- ロゴ・見出し：色 #FFFFFF、font-weight 700
- 登録欄：白の10%の背景のピル型（高さ 48px）。入力欄は背景なし・文字 #FFFFFF。ボタンは内側右端、背景 #1463F0、文字 #FFFFFF、角丸 9999px
- リンク：14px。hover で #FFFFFF と下線
- 区切り線：白の14%

## フォームの挙動
- type="email"、autocomplete="email"、required
- form は method="post"（送信先：[送信先]）
- 登録後は、登録欄の場所に「登録しました」のメッセージを表示する

## アクセシビリティ
- footer 要素を使用。入力欄には label（見えなくてもよい）を付ける
- 登録結果のメッセージは role="status" で伝える
- 文字と背景のコントラスト比は 4.5:1 以上。フォーカスリングは白で表示

## 出力形式
- [使用技術]のコードを1つ出力
- 登録処理を接続する箇所をコメントで明示