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

## お店の情報
- 店名: ふくろう坂焙煎所（長野県松本市の住宅街、坂の途中にある小さな自家焙煎のコーヒー豆店）
- 店主: 元書店員の夫婦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など）は読み込んでよい。
- 文章は日本語。上の情報にない事実（受賞歴、具体的な住所、電話番号、口コミなど）は作らない。

## 要件
- 想定読者: 30〜40代。家でハンドドリップを楽しんでいて、スーパーの豆より少し良いものを探している人。スマホで見る人が多い。
- トーン: 静かで、手仕事の温かさがある。押し売り感は出さない。小さな店の誠実さが伝わること。
- セクション（この順）:
  1. ファーストビュー（店の個性が一目で伝わる見出しと、定期便への導線）
  2. 店と焙煎のこだわり（夫婦2人、5kg釜、浅煎り〜中煎り中心）
  3. 代表的な豆3種（名前・焙煎度・価格）
  4. 定期便の内容と価格、申し込みボタン
  5. 買い方3つの比較（店頭・通販・定期便）
  6. 営業日時とアクセスの案内（住所は「松本市内・詳細は申込後にご案内」のように扱う）
  7. フッター
- 主なCTA: 「定期便を申し込む」。ページ内に2回以上置く。
- デスクトップ（1440px）とスマホ（390px）の両方で崩れないこと。
- 見出し・本文の文字サイズと行間は日本語として読みやすくすること。コントラストはWCAG AAを満たすこと。
