画面構成

    stateDiagram-v2
        [*] --> TOP画面

        %% --- TOP画面 ---
        state "TOP画面" as TOP {
            [*] --> キービジュアル
            キービジュアル --> 検索
            検索 --> お知らせ
            お知らせ --> 口コミピックアップ
            口コミピックアップ --> 任意コンテンツ
        }
        TOP画面 --> 検索結果 : 検索実行
        TOP画面 --> 固定ページ
        TOP画面 --> パートナー一覧
        TOP画面 --> 問い合わせフォーム
        TOP画面 --> 会員登録
        TOP画面 --> マイページ

        %% --- 固定ページ ---
        state "固定ページ" as 固定 {
            [*] --> 私たちについて
            私たちについて --> 特商法
            特商法 --> 個人情報保護方針
            個人情報保護方針 --> 旅行業約款
            旅行業約款 --> 利用規約
            利用規約 --> FAQ
            FAQ --> 任意コンテンツ
        }

        %% --- 検索結果から事業者情報 ---
        検索結果 --> 事業者詳細

        state "事業者情報" as 事業者 {
            [*] --> 事業者詳細
            事業者詳細 --> アクセス
            アクセス --> 口コミ
            口コミ --> ギャラリー
            ギャラリー --> プラン一覧
            プラン一覧 --> プラン詳細
            プラン詳細 --> 予約内容確認
        }

        %% --- 予約フロー ---
        state "予約フロー" as 予約 {
            [*] --> 予約内容確認
            予約内容確認 --> 最終確認ダイアログ
            最終確認ダイアログ --> 予約完了
        }

        %% --- 会員登録フロー ---
        state "会員登録" as 登録 {
            [*] --> 仮登録
            仮登録 --> 本登録
            本登録 --> 登録内容確認
            登録内容確認 --> 登録完了
        }

        %% --- マイページ ---
        state "マイページ" as マイページ {
            [*] --> 予約一覧
            予約一覧 --> 予約詳細
            予約詳細 --> キャンセル待ち一覧
            キャンセル待ち一覧 --> 登録情報更新
            登録情報更新 --> メールアドレス変更
            メールアドレス変更 --> パスワード変更
            パスワード変更 --> カード情報確認
            カード情報確認 --> ポイント情報確認
            ポイント情報確認 --> 退会
        }

        %% --- 問い合わせ ---
        state "問い合わせ" as 問い合わせ {
            [*] --> 問い合わせフォーム
            問い合わせフォーム --> 問い合わせ完了
        }