「上へ戻る」付きのフッター

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

書き換える項目

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

[サービス名]

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

[リンク項目]

例：サービス、料金、会社情報、お問い合わせ

[使用技術]

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

あなたはWebデザイナー兼フロントエンドエンジニアです。
以下の条件で「『上へ戻る』付きのフッター」を実装してください。

## 表示内容
- フッターの上端の中央に、上向きの矢印の丸いボタン
- ロゴ（テキスト「[サービス名]」で代用）
- リンク：[リンク項目]
- コピーライト

## レイアウト
- フッターのなかは中央揃え。上から ロゴ → リンク → コピーライト
- ボタンは、フッターの上端に半分はみ出す位置に置く（position: absolute; top: 0; transform: translateY(-50%)）
- 上 padding 64px（ボタンのぶん広めに）、下 padding 40px

## デザイン
- フッターの背景 #1B2A44、文字 rgba(255, 255, 255, 0.78)
- ボタン：直径 56px、背景 #1463F0、矢印 #FFFFFF（22px）、まわりに 4px の白いふち（フッターの上のセクションの背景色に合わせる）
- hover：ボタンが 4px 上に動く
- ロゴ：18px、font-weight 700、色 #FFFFFF
- リンク：14px、項目の間隔 28px。hover で #FFFFFF
- コピーライト：12px、色 rgba(255, 255, 255, 0.6)

## 動作
- ボタンを押すと、ページの先頭へなめらかにスクロールする
- 戻ったあと、フォーカスをページの先頭（スキップリンク、または h1）へ移す

## アクセシビリティ
- ボタンは button 要素（または #top へのリンク）で、aria-label="ページの先頭へ戻る"
- 矢印は aria-hidden="true"
- prefers-reduced-motion のときは、なめらかなスクロールと hover の動きをやめる
- footer 要素を使う。リンクは nav 要素（aria-label="フッターメニュー"）

## 出力形式
- [使用技術]のコードを1つ出力