<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>プライバシーポリシー - Snapi</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=DotGothic16&family=Inter:wght@800;900&family=Zen+Maru+Gothic:wght@500;700;900&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: { sans: ['"Zen Maru Gothic"', 'sans-serif'], english: ['"Inter"', 'sans-serif'] },
colors: { brand: { orange: '#FF8066', pink: '#FF79B0', dark: '#111111' } }
}
}
}
</script>
<style>
.pc-bg-gradient { background: linear-gradient(135deg, #FFF0F0 0%, #FFE4E6 50%, #F3E8FF 100%); }
</style>
</head>
<body class="pc-bg-gradient text-brand-dark selection:bg-brand-pink selection:text-white">
<div class="max-w-md mx-auto min-h-screen bg-white/90 backdrop-blur-md shadow-2xl border-x border-white/40">
<header class="flex items-center justify-between px-6 py-6 border-b border-slate-100 sticky top-0 bg-white/80 backdrop-blur-md z-50">
<a href="index.html" class="w-8 h-8 flex items-center justify-center rounded-full bg-slate-100 hover:bg-slate-200 transition">
<svg class="w-4 h-4 text-slate-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
</a>
<span class="font-bold text-sm">プライバシーポリシー</span>
<div class="w-8"></div>
</header>
<main class="p-8 pb-32">
<h1 class="font-english text-3xl font-black italic mb-8 text-brand-dark">PRIVACY</h1>
<div class="space-y-8 text-sm leading-relaxed text-slate-600">
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">1. 個人情報の収集</h2>
<p>当社は、ユーザーが本サービスを利用する際に、氏名、メールアドレス、画像データ等の個人情報を収集する場合があります。</p>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">2. 情報の利用目的</h2>
<p>収集した情報は、以下の目的のために利用します。</p>
<ul class="list-disc pl-5 mt-2 space-y-1">
<li>本サービスの提供・運営のため</li>
<li>ユーザーからのお問い合わせに回答するため</li>
<li>メンテナンス、重要なお知らせなど必要に応じたご連絡のため</li>
</ul>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">3. 第三者への提供</h2>
<p>当社は、法令に基づく場合を除き、あらかじめユーザーの同意を得ることなく、個人情報を第三者に提供することはありません。</p>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">4. お問い合わせ窓口</h2>
<p>本ポリシーに関するお問い合わせは、お問い合わせフォームよりお願いいたします。</p>
</section>
</div>
</main>
<footer class="py-8 text-center border-t border-slate-100">
<p class="font-english font-black text-xl text-slate-200">SNAPI</p>
</footer>
</div>
</body>
</html>