架空の陶芸教室の、体験予約ページを作ってください。

## 教室の情報
- 教室名: 土曜日の器（愛知県瀬戸市の住宅街にある、小さな陶芸教室。古い木造の倉庫を改装した工房）
- 先生: 陶芸家が1人で教える。教室は2018年から。
- 体験: 手回しろくろで、湯呑み・小皿・茶碗のうち1つを作る。所要90分、1人4,500円（材料・焼成を含む）。1回の定員は4名。
- 開催: 毎週土曜日 10:00 と 13:30 の2回（日曜〜金曜は体験の開催なし）。
- 持ち物: 汚れてもよい服装。エプロンは貸出。爪は短めに。
- 完成品: 乾燥と焼成のあと、約1か月後に配送（送料は別途650円）。
- このページの目的: 陶芸が初めての大人に、体験の予約をしてもらう。

## 制約
- 作業フォルダに index.html を1つだけ作る。CSSは index.html の中に書く。JavaScriptは必要なら同じファイル内に書く。
- 画像ファイルは用意されていない。写真の代わりにCSSやインラインSVGを使ってよい。Webフォント（Google Fontsなど）は読み込んでよい。
- 文章は日本語。上の情報にない事実（受賞歴、口コミ、住所、電話番号、残席数、生徒数など）は作らない。
- 予約フォームは練習用。外部には送信せず、入力内容を確認する表示までで止める。「デモです」と明記する。

## ブリーフ（先に読んでください）
- 訪問者: 陶芸が初めての大人。SNSの投稿から、スマホで開くことが多い。
- 最も重要な行動: 内容と料金を理解して、体験の日時を選び、予約内容を確認する。
- 固有の表現: この教室ならではの事実（手回しろくろ、少人数、先生の手元が近い、焼成後に配送）を、ページの中心にする。教室名を別の教室に替えても通じる文章や構成にしない。
- 色替えだけでない3案: コードを書く前に、構成の異なるデザイン案を3つ短く書き（主役にするもの、並べる順序、スマホでの順序、弱点）、1つを選んで理由を書く。選んだ案の色・文字・余白のルールを先に短く書き、そのルールに従って実装する。
- 品質条件: 幅1440pxと390pxで崩れない。見出しが不自然に折り返さない。通常の文字のコントラストは4.5:1以上。主要な操作はキーボードでもでき、フォーカスが見える。動きを減らす設定の人には動きを止める。

## 作り方（画面を見て直す）
- 作業フォルダには Playwright と、撮影用の capture.mjs が入っています。`node capture.mjs index.html` を実行すると、artifacts/ に幅390・768・1440の最初の画面と全体の画像（PNG）と、はみ出し・自動検査の結果（JSON）が保存されます。
1. まず index.html を作る。
2. capture.mjs で撮影し、Readツールで画像を自分の目で見る。JSONも読む。
3. まだ直さずに、見た目の問題を最大5件、「対象箇所／観察できる問題／利用者への影響／重要度」で書き出す。機能の不具合と好みを分け、見ていないものを断定しない。
4. 重要な1〜3件を、決めた方向性を変えずに直す。直す前の index.html は index.v1.html のように保存しておく。
5. 同じ条件で撮り直し、直ったか確かめる。これを2回行う。新しい版が悪くなったら前の版に戻す。
6. 最後に、確認できたことと、確認できていないことを分けて報告する。
