ClauseCheck - 契約書・利用規約リスクハイライター

## 1. アプリの目的・ターゲットユーザー
フリーランサー・個人事業主・就職/転職者・アプリ利用者が、契約書・業務委託書・利用規約・NDA・賃貸契約書などのテキストを貼り付けるだけで、リスクのある条項を自動検出・色分けハイライトし、「何が問題なのか」「どう読むべきか」をわかりやすく解説してくれる無料の事前チェックツール。弁護士費用をかける前の一次スクリーニングとして使える。

## 2. 主要機能
- **リスクハイライト自動検出**: 貼り付けたテキストを解析し、「自動更新条項」「一方的解除権」「損害賠償上限ゼロ/無制限」「競業禁止・秘密保持の過度な範囲」「支払い遅延罰則」「著作権・知的財産の全権譲渡」など30種類以上のリスクパターンをキーワード・正規表現でマッチングし、危険度別(赤・黄・緑)にハイライト表示する
- **リスクカード解説パネル**: ハイライト箇所をクリック/タップすると、右パネルに「何がリスクか(一言)」「具体的な影響例」「交渉・確認ポイント」「修正文例」を表示する
- **リスクサマリーレポート**: 全チェック完了後に危険度別の件数一覧・総合スコア(100点満点)・重点確認すべき上位3条項をまとめたサマリーを表示し、テキストでコピーできる
- **書類タイプ選択**: 「業務委託契約」「NDA」「利用規約」「賃貸契約」「雇用契約」「売買契約」の6種類から選ぶと、そのタイプに特化したパターンセットを優先適用する
- **チェック履歴保存**: LocalStorageに最大10件のチェック履歴(書類タイプ・日時・スコア・テキスト冒頭50字)を保存し、再閲覧できる
- **印刷/コピー出力**: ハイライト付き全文とリスクサマリーを印刷用レイアウトで出力、またはプレーンテキストでクリップボードコピーできる

## 3. 画面構成
**メイン画面(1ページ構成、左右2カラム)**
- ヘッダー: ロゴ「ClauseCheck」+ キャッチコピー「契約書のリスクを30秒で可視化」+ 書類タイプ選択ドロップダウン
- 左カラム(入力・表示エリア): 上部にテキストエリア(「ここに契約書・利用規約を貼り付け」プレースホルダー) + 「チェック開始」ボタン。チェック後は同エリアがリッチテキスト表示に切り替わり、リスク箇所が背景色でハイライトされる
- 右カラム(解説パネル): 初期状態は使い方ガイド。ハイライトをクリックすると対応するリスクカード(危険度バッジ・タイトル・解説・修正文例)が表示される
- 下部バー: リスクサマリー(赤N件・黄N件・スコア)+ 「レポートをコピー」「印刷」ボタン
- 履歴ドロワー: 右上の時計アイコンでスライドイン表示
- スマホ時: 上下1カラムに切り替え。ハイライトタップでモーダルカード表示

## 4. データ構造
**DBなし・完全クライアントサイド(PHP不要、JS+HTMLのみ)**
- `riskPatterns.js`: リスクパターン定義配列。各エントリは `{ id, type(業務委託/NDA/汎用/etc), level(red/yellow/green), keywords(正規表現配列), title, summary, impact, negotiationTip, sampleFix }` の構造
- LocalStorage `clausecheck_history`: `[{ id, docType, checkedAt, score, preview, text, results }]` 最大10件
- チェックロジックはすべてブラウザ内JS。テキストはサーバーに送信しない旨をUI上に明記してプライバシー安心感を演出

## 5. デザインの方向性
- カラー: ベース白 + アクセントにネイビー(#1E3A5F)。危険度は赤(#FF4D4D)・黄(#FFB800)・緑(#52C41A)の信号機カラーで統一
- フォント: 本文はシステムUIフォント(読みやすさ優先)、見出しはやや太めのサンセリフ
- ハイライト: 文字色は変えずに背景色のみ変更(可読性キープ)。hover/tap時にアンダーラインと吹き出しアイコン表示
- 全体的に「法律ツールらしい誠実さ」と「誰でも使える親しみやすさ」を両立させる、クリーンでミニマルなオフィス系デザイン
- 免責事項バナー: 「本ツールは法的アドバイスを提供するものではありません。重要な契約は必ず専門家にご相談ください」を目立つ形で常時表示