GlobalBiz Manners Navigator - 海外出張・国際商談マナーナビ

目的: 海外出張・海外営業・国際商談を担う社会人向けに、訪問国のビジネスマナーを短時間で学べる海外ビジネスマナーナビゲーター。挨拶・名刺交換・服装・会食・ギフト・時間感覚・交渉スタイルの7カテゴリを地域別に整理し、出発前の不安を解消する。

主要機能:
1. 東アジア・東南アジア・南アジア・中東・欧州・北米・中南米・アフリカ・オセアニアなど30地域から選択し、7カテゴリのマナー解説カードを表示。現地風衣装のガイドキャラクターが吹き出しで解説。
2. 訪問目的(商談/会食/展示会/表敬訪問)と滞在日数を選ぶと、持ち物・NG行動・推奨ギフトをまとめた出発前チェックリストを自動生成。チェック状態はLocalStorageに保存。
3. 地域別4択マナークイズ(各地域10問、正誤理由付き)。スコアをMySQLに送信し地域別ランキングに反映。
4. ギフト選びアシスタント: 予算・関係性・シーンから避けるべき品/好まれる品を提示。
5. 出張マナーカードのPNG/印刷出力機能。
6. 訪問先の雰囲気に合わせた生成BGMをロビー待機・移動中に再生。

画面構成: トップ(世界地図から地域選択)→地域詳細(7カテゴリタブ+ガイドキャラクター)→チェックリスト作成画面→クイズ画面→ギフトアシスタント→ランキング画面。ヘッダー固定、スマホは縦タブ切替。

データ構造(MySQL): regions(id,name,continent,summary), etiquette_items(id,region_id,category,title,body,is_taboo), quiz_questions(id,region_id,question,choices_json,answer_index,explanation), quiz_results(id,region_id,player_name,score,created_at)。チェックリストはLocalStorageのみ。

デザイン: ネイビー×ゴールドの上質な国際線ラウンジ風。フラットイラストに柔らかいグラデーション、細い線、丸みのあるミニマルアイコン。

BGM仕様: Web Audio APIでラウンジ風アンビエントを生成。BPM72、4/4拍子。ドラムはブラシスネアと軽いハイハットのみで8小節ごとにフィルを挿入。ベースは四分音符でルート+5度、和声はIsus2→vi7→IV→Vの循環。メロディはパッド系シンセで長めの休符を挟み、Aメロ8小節→Bメロ8小節で音域を上げて展開。AudioContext.currentTime基準で先読みスケジューリングし、BGMとSEの音量を別スライダーで管理、ミュート・停止時は全ノードをdisconnectして解放する。

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