Dai-hydrangea.github.io/kailua-support.html at main · Dai-hydrangea/Dai-hydrangea.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kailua - サポート</title>
<style>
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;
    max-width: 720px;
    margin: 40px auto;
    padding: 0 24px;
    color: #2c3e50;
    line-height: 1.7;
    background: linear-gradient(180deg, #ffd9b8 0%, #ffe6c8 30%, #c8e6da 70%, #a8d8c5 100%);
    min-height: 100vh;
  }
  .container {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 16px;
    padding: 40px 32px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  }
  h1 {
    font-family: Georgia, "Hiragino Mincho ProN", serif;
    font-weight: 300;
    color: #1a3a52;
    border-bottom: 1px solid rgba(26, 58, 82, 0.15);
    padding-bottom: 12px;
    letter-spacing: 4px;
    text-align: center;
  }
  .tagline {
    text-align: center;
    color: #7a8a96;
    font-style: italic;
    margin-bottom: 28px;
    font-size: 14px;
  }
  h2 {
    font-family: Georgia, "Hiragino Mincho ProN", serif;
    font-weight: 400;
    color: #c89b6a;
    margin-top: 32px;
    letter-spacing: 2px;
    font-size: 18px;
  }
  .qa { margin-bottom: 24px; }
  .qa .q {
    font-weight: 500;
    color: #1a3a52;
    font-size: 14px;
  }
  .qa .a {
    margin-top: 6px;
    padding-left: 16px;
    border-left: 3px solid #c89b6a;
    font-size: 14px;
  }
  .links {
    background: rgba(200, 230, 218, 0.4);
    padding: 16px;
    border-radius: 12px;
    margin-top: 28px;
  }
  .links a {
    display: block;
    margin: 6px 0;
    color: #c89b6a;
    text-decoration: none;
    font-size: 13px;
  }
  .footer {
    text-align: center;
    color: #7a8a96;
    font-size: 11px;
    margin-top: 32px;
    letter-spacing: 1px;
  }
</style>
</head>
<body>

<div class="container">

<h1>Kailua サポート</h1>
<p class="tagline">2 つの波の間で、 自分の跡を見つける</p>

<h2>よくある質問</h2>

<div class="qa">
  <div class="q">Q1. これは MBTI 公式テストですか?</div>
  <div class="a">いいえ。 Kailua は性格を 16 タイプに分類する一般的な枠組みに基づく自己観察ツールです。 MBTI® は The Myers-Briggs Company の登録商標で、 Kailua は MBTI 公式テストとは関係ありません。 専門的な診断や医療目的での使用は意図していません。</div>
</div>

<div class="qa">
  <div class="q">Q2. なぜ 「自分でやる」 を選んだのに、 次の場面で 「任せた相手のフォロー」 が出るの?</div>
  <div class="a">Kailua は Step 1 の選択から Step 2 へつながる際、 中立的な書き方をしています。 「方針を続ける/変える」 という観点でどちらの選択でも自然に読めるよう設計されています。 もし違和感のあるシナリオがあれば、 ぜひフィードバックをいただけると嬉しいです。</div>
</div>

<div class="qa">
  <div class="q">Q3. 結果の MBTI が前回と違うのはなぜ?</div>
  <div class="a">Kailua は 1 セッションごとの観察ツールです。 その日の選択 (迷い・即決度・選んだ方向) によって違うタイプが出るのは自然な動きです。 「今日の自分」 を知るための小さな波として捉えてください。</div>
</div>

<div class="qa">
  <div class="q">Q4. 本のリンクをタップすると Amazon にすぐ飛びます?</div>
  <div class="a">はい、 アプリ内ブラウザで Amazon の商品ページが開きます。 これらのリンクは Amazon アソシエイト・プログラム (アソシエイト ID: daihydrangea-22) を通じたアフィリエイトリンクです。 リンク経由でのご購入は開発者の励みになります。</div>
</div>

<div class="qa">
  <div class="q">Q5. データはどこに保存されますか?</div>
  <div class="a">あなたの選択履歴は端末内のみに保存され、 外部サーバーには送信されません。 アプリを削除するとデータも削除されます。 詳しくはプライバシーポリシーをご覧ください。</div>
</div>

<div class="qa">
  <div class="q">Q6. お問い合わせ・要望はどうすればいいですか?</div>
  <div class="a">App Store の開発者ページ (制作者の他のアプリ一覧) を通じてご連絡ください。 アプリ内の設定画面 「制作者の他のアプリを見る」 から開けます。</div>
</div>

<div class="links">
  <strong style="font-size: 13px; color: #1a3a52;">関連リンク</strong>
  <a href="https://dai-hydrangea.github.io/privacy-policy-kailua.html">プライバシーポリシー</a>
  <a href="https://apps.apple.com/jp/developer/daisaku-seto/id1889853807">制作者の他のアプリ</a>
  <a href="https://note.com/dai_hydrangea">note (開発記録)</a>
</div>

<p class="footer">
  © 2026 Kailua — 自己観察のための小さな海岸線
</p>

</div>

</body>
</html>