こもれび保育園 LP について ページ構成 全7セクションの1ページ完結型LP： Hero — 屋外の明るい保育スペースを全幅背景写真に使用。キャッチコピー・開園年数・定員・保護者満足度などの統計数値を配置 3つのこだわり — 少人数制保育・英語教育・自然体験の特徴を、写真付きカード（3枚）で紹介 保育方針（子どもの力を信じる保育） — テキスト＋子どもの実写フォトで保育理念を訴求 施設紹介 — 写真グリッド（3枚）で施設の雰囲気を可視化 保護者の声 — 口コミ・テスティモニアル3件 アクセス — 地図SVG・住所・電話番号 お問い合わせ — 見学予約フォーム デザイン カラー: パーチメント #f5f4ed をベース、テラコッタ #c96442 をアクセントに使用 フォント: 見出しは游明朝・ヒラギノ明朝（serif）、本文はゴシック系 画像: Unsplashの無料ライセンス写真を8枚（全幅ヒーロー背景・特徴カード3枚・保育方針・施設3枚） 全セクション明るい配色 — 暗い背景を一切使わず、ウォームサンド・アイボリーで統一 作り方 技術構成 フレームワーク不使用・Tailwind不使用の バニラHTML/CSS/JS、単一ファイル完結 CSSカスタムプロパティ（デザイントークン）でカラー・間隔を一元管理 IntersectionObserver でスクロールフェードイン（stagger delay付き） 制作手順 DESIGN.mdのデザインシステムをもとにカラーパレット・タイポグラフィを定義 各セクションをセマンティックHTMLで構造化 Unsplashで保育園らしい明るい写真を選定（子どもの屋外活動・英語教育・自然体験） ヒーローは全幅背景画像＋グラデーションオーバーレイ＋テキストの重ね合わせ 特徴カードは画像＋テキストの上下レイアウト（overflow:hiddenで角丸を揃える） 保育方針・テスティモニアル・お問い合わせは当初ダーク背景→明るいアースカラーに修正 Node.jsの簡易HTTPサーバー（ポート3456）でローカルプレビューしながら調整