架空のコーヒー焙煎所のランディングページを作ってください。

## お店の情報
- 店名: ふくろう坂焙煎所（長野県松本市の住宅街、坂の途中にある小さな自家焙煎のコーヒー豆店）
- 店主: 元書店員の夫婦2人。2019年開業。焙煎機は5kg釜が1台。
- 豆: 浅煎り〜中煎りが中心。常時6種類。代表的な豆は次の3つ。
  - エチオピア・グジ（浅煎り）100g 1,200円
  - コロンビア・ウィラ（中煎り）100g 1,000円
  - ブレンド「坂の上」（中深煎り）100g 900円
- 買い方: 店頭販売／オンライン通販（全国発送、送料600円、5,000円以上で送料無料）／定期便（月1回、200g×2種類、月3,200円・送料込み）
- 営業: 木〜日 11:00–18:00（月・火・水は定休）
- このページの目的: 定期便の申し込みを増やす

## 制約
- 作業フォルダに index.html を1つだけ作る。CSSは index.html の中に書く。JavaScriptは必要なら同じファイル内に書く。
- 画像ファイルは用意されていない。写真の代わりにCSSやインラインSVGを使ってよい。Webフォント（Google Fontsなど）は読み込んでよい。
- 文章は日本語。上の情報にない事実（受賞歴、具体的な住所、電話番号、口コミなど）は作らない。

## 作り方
1. まず index.html を作る。
2. 作業フォルダには Playwright（Node.js の playwright パッケージとChromium）が入っている。node で index.html を開き、幅1440px（高さ900px）と幅390px（高さ844px）のフルページのスクリーンショットを撮り、Readツールで画像を自分の目で見る。
3. プロのWebデザイナーの目で、見た目の問題点（崩れ、はみ出し、余白の不揃い、読みにくさ、ありきたりで個性がない部分、スマホでの見え方など）を具体的に書き出す。
4. 問題を直して、もう一度撮影して確認する。これを少なくとも2回繰り返す。
5. スクリーンショットや撮影用スクリプトは作業フォルダに残してよい。
