WelfareHub - 福利厚生ポータル＆申請管理

中小企業の人事担当者と従業員向けに、福利厚生制度の周知不足・申請の煩雑さを解消する福利厚生ポータルです。会員登録不要、6桁の企業コードだけで従業員も管理者も即利用できます。

主要機能:
1. 管理者は住宅・家族育児・健康・資格学習・慶弔・レジャーの6カテゴリで福利厚生制度を登録。対象条件(勤続年数・雇用形態)、上限金額、年間予算、申請方法を設定可能。
2. 従業員は入社年月と雇用形態を入力するだけで、自分が今使える制度だけがカード表示される「マイ福利厚生」画面を利用できる。
3. カードから申請フォームを開き金額・理由を入力して申請。管理者は承認キューで承認/却下しコメント返信、ステータスはタイムラインで確認可能。
4. 管理者ダッシュボードでカテゴリ別利用件数・予算消化率・月次推移を棒グラフ/ドーナツ/折れ線で可視化し、匿名の人気制度ランキングも表示。
5. お知らせ配信、FAQ検索、全制度をまとめたA4印刷用ガイドブックページを自動生成。
6. 穏やかなBGMをオプション再生可能(ミュート切替あり)。

画面構成:
- トップ: 企業コード入力/新規企業作成
- 従業員画面: マイ福利厚生一覧(カード・カテゴリフィルタ・検索)、申請フォーム、申請履歴タイムライン、FAQ、お知らせ
- 管理者画面: 制度管理(CRUD)、承認キュー、ダッシュボード、お知らせ管理、ガイドブック印刷プレビュー

データ構造(MySQL):
- companies(id, code, name, created_at)
- benefits(id, company_id, category, title, description, eligibility, max_amount, annual_budget, icon_key, is_active, created_at)
- employees(id, company_id, nickname, join_date, employment_type, created_at)
- applications(id, benefit_id, employee_id, amount, reason, status, applied_at, decided_at, admin_comment)
- announcements(id, company_id, title, body, published_at)

デザイン方向性:
温かみのあるコーポレートグリーン&サンドベージュを基調にしたフラットイラストデザイン。カード型UI、丸みのあるボタン、スマホは1カラムカードリスト、PCは2〜3カラムグリッド表示。

BGM仕様: Lo-fi corporate ambient、BPM68、4/4拍子。ピアノアルペジオ+ソフトパッド+軽いブラシドラムで構成し、A(穏やかな4小節)/B(フィル入りのやや盛り上がる4小節)の8小節ループ。休符とアクセントを配置し4小節ごとに軽いフレーズ変化を加える。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SE個別音量、ミュート、画面遷移・停止時のノード切断とガベージコレクションに対応する。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する