nayasuda.github.io/privacy-policy.html at main · nayasuda/nayasuda.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>プライバシーポリシー | 0dB.craft</title>
    <link rel="icon" type="image/png" href="images/recipe-icon.png">

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
            line-height: 1.8;
            color: #2c3e50;
            background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
            min-height: 100vh;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 60px 20px;
        }

        .header {
            text-align: center;
            margin-bottom: 60px;
            padding-bottom: 30px;
            border-bottom: 1px solid rgba(52, 73, 94, 0.1);
        }

        .header h1 {
            font-size: 2.5rem;
            font-weight: 300;
            margin-bottom: 20px;
            color: #2c3e50;
        }

        .header .subtitle {
            font-size: 1.1rem;
            color: #7f8c8d;
        }

        .back-link {
            display: inline-flex;
            align-items: center;
            color: #3498db;
            text-decoration: none;
            margin-bottom: 40px;
            font-size: 0.95rem;
            transition: color 0.3s ease;
        }

        .back-link:hover {
            color: #2980b9;
        }

        .back-link::before {
            content: "←";
            margin-right: 8px;
        }

        .content {
            background: white;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 40px rgba(52, 73, 94, 0.08);
        }

        .last-updated {
            text-align: right;
            color: #7f8c8d;
            font-size: 0.9rem;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(52, 73, 94, 0.05);
        }

        h2 {
            font-size: 1.4rem;
            font-weight: 400;
            margin: 40px 0 20px 0;
            color: #2c3e50;
            padding-left: 15px;
            border-left: 3px solid #3498db;
        }

        h2:first-of-type {
            margin-top: 0;
        }

        h3 {
            font-size: 1.1rem;
            font-weight: 500;
            margin: 25px 0 15px 0;
            color: #34495e;
        }

        p {
            margin-bottom: 20px;
            color: #2c3e50;
        }

        ul {
            margin: 15px 0 20px 20px;
        }

        li {
            margin-bottom: 8px;
            color: #2c3e50;
        }

        .contact-info {
            background: rgba(52, 73, 94, 0.05);
            padding: 25px;
            border-radius: 15px;
            margin: 30px 0;
        }

        .contact-info h3 {
            margin-top: 0;
            color: #2c3e50;
        }

        .footer {
            text-align: center;
            margin-top: 60px;
            padding-top: 30px;
            border-top: 1px solid rgba(52, 73, 94, 0.1);
            color: #7f8c8d;
            font-size: 0.9rem;
        }

        @media (max-width: 768px) {
            .container {
                padding: 40px 15px;
            }

            .header h1 {
                font-size: 2rem;
            }

            .content {
                padding: 25px;
            }

            h2 {
                font-size: 1.2rem;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>プライバシーポリシー</h1>
            <p class="subtitle">個人情報の取り扱いについて</p>
        </div>

        <a href="../index.html" class="back-link">トップページに戻る</a>

        <div class="content">
            <div class="last-updated">
                最終更新日：2025年6月25日
            </div>

            <p>0dB.craft（以下「当ブランド」）は、ユーザーの個人情報保護の重要性を認識し、個人情報の保護に関する法律（個人情報保護法）を遵守し、適切な取り扱いと保護に努めます。</p>

            <h2>1. 収集する個人情報</h2>
            <p>当ブランドは、以下の個人情報を収集する場合があります：</p>
            <ul>
                <li>お名前</li>
                <li>メールアドレス</li>
                <li>年齢層</li>
                <li>料理の頻度に関する情報</li>
                <li>アプリの機能に対する関心・興味</li>
                <li>その他、サービス提供に必要な情報</li>
            </ul>

            <h2>2. 個人情報の利用目的</h2>
            <p>収集した個人情報は、以下の目的で利用いたします：</p>
            <ul>
                <li>サービスの提供・運営</li>
                <li>ユーザーサポート・お問い合わせ対応</li>
                <li>新機能・サービスに関するお知らせ</li>
                <li>リリース情報・アップデート情報の配信</li>
                <li>サービス改善のための統計・分析</li>
                <li>重要な通知・連絡事項の配信</li>
            </ul>

            <h2>3. 個人情報の第三者提供</h2>
            <p>当ブランドは、以下の場合を除き、ユーザーの同意なく個人情報を第三者に提供することはありません：</p>
            <ul>
                <li>法令に基づく場合</li>
                <li>人の生命、身体または財産の保護のために必要がある場合</li>
                <li>公衆衛生の向上または児童の健全な育成の推進のために特に必要がある場合</li>
                <li>国の機関もしくは地方公共団体またはその委託を受けた者が法令の定める事務を遂行することに対して協力する必要がある場合</li>
            </ul>

            <h2>4. 個人情報の管理</h2>
            <p>当ブランドは、個人情報の正確性を保ち、これを安全に管理いたします。個人情報への不正アクセス・紛失・破損・改ざん・漏洩などを防止するため、必要かつ適切な安全管理措置を実施いたします。</p>

            <h2>5. 個人情報の開示・訂正・削除</h2>
            <p>ユーザーは、当ブランドが保有する自己の個人情報について、開示・訂正・削除を求めることができます。お手続きについては、下記のお問い合わせ先までご連絡ください。</p>

            <h2>6. Cookieの使用</h2>
            <p>当ブランドのウェブサイトでは、ユーザー体験の向上のためにCookieを使用する場合があります。Cookieの使用を希望されない場合は、ブラウザの設定でCookieを無効にすることができます。</p>

            <h2>7. 外部サービスの利用</h2>
            <p>当ブランドは、サービス提供のために以下の外部サービスを利用しています：</p>
            <ul>
                <li>Google Apps Script（データ処理・メール送信）</li>
                <li>Google Sheets（データ保存）</li>
                <li>Gmail（メール配信サービス）</li>
            </ul>
            <p>これらのサービスは、それぞれのプライバシーポリシーに従って個人情報を取り扱います。</p>

            <h2>8. 未成年者の個人情報</h2>
            <p>当ブランドは、保護者の同意なしに13歳未満の児童から個人情報を収集することはありません。13歳未満の児童の個人情報を収集したことが判明した場合、速やかに削除いたします。</p>

            <h2>9. プライバシーポリシーの変更</h2>
            <p>当ブランドは、必要に応じて本プライバシーポリシーを変更することがあります。変更した場合は、ウェブサイト上でお知らせいたします。</p>

            <div class="contact-info">
                <h3>お問い合わせ先</h3>
                <p>本プライバシーポリシーに関するお問い合わせは、以下のお問い合わせフォームよりご連絡ください：</p>
                <p>
                    <strong>0dB.craft</strong><br>
                    <a href="contact.html" style="color: #3498db; text-decoration: none;">お問い合わせフォーム</a>
                </p>
            </div>
        </div>

        <div class="footer">
            <div class="social-links" style="margin-bottom: 20px; display: flex; justify-content: center; gap: 15px;">
                <a href="https://x.com/N2K_OneManIT" class="social-icon" title="X (旧Twitter)" target="_blank" rel="noopener noreferrer" style="color: #7f8c8d; text-decoration: none; display: inline-block;">
                    <svg viewBox="0 0 24 24" fill="currentColor" style="width: 24px; height: 24px;">
                        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                    </svg>
                </a>
                <a href="https://note.com/n2k_onemanit" class="social-icon" title="Note" target="_blank" rel="noopener noreferrer" style="color: #7f8c8d; text-decoration: none; display: inline-block;">
                    <svg viewBox="0 0 24 24" fill="currentColor" style="width: 20px; height: 20px; vertical-align: middle;">
                        <path d="M4 4v16h4V12c0-2.2 1.8-4 4-4s4 1.8 4 4v8h4V12c0-4.4-3.6-8-8-8-2 0-3.8 0.7-5.2 2V4H4z"/>
                    </svg>
                </a>
                <!-- Instagramアイコンも必要であればここに追加 -->
            </div>
            <div style="margin-bottom: 20px;">
                <a href="contact.html" style="color: #7f8c8d; text-decoration: none; font-size: 0.85rem; transition: color 0.3s ease;" onmouseover="this.style.color='#2c3e50'" onmouseout="this.style.color='#7f8c8d'">お問い合わせ</a>
            </div>
            <p>© 2025 0dB.craft. All rights reserved.</p>
        </div>
    </div>
</body>
</html>