<!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">TERMS</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>本規約は、ユーザーとSnapi（以下「当社」）との間の本サービスの利用に関わる一切の関係に適用されます。</p>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">第2条（利用登録）</h2>
<p>登録希望者が当社の定める方法によって利用登録を申請し、当社がこれを承認することによって、利用登録が完了するものとします。</p>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">第3条（禁止事項）</h2>
<p>ユーザーは、本サービスの利用にあたり、以下の行為をしてはなりません。</p>
<ul class="list-disc pl-5 mt-2 space-y-1">
<li>法令または公序良俗に違反する行為</li>
<li>犯罪行為に関連する行為</li>
<li>当社のサーバーまたはネットワークの機能を破壊したり、妨害したりする行為</li>
<li>他のユーザーに成りすます行為</li>
</ul>
</section>
<section>
<h2 class="font-bold text-brand-dark text-base mb-2">第4条（免責事項）</h2>
<p>当社の債務不履行責任は、当社の故意または重過失によらない場合には免責されるものとします。</p>
</section>
<p class="text-xs text-slate-400 mt-8">制定日: 2025年11月25日</p>
</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>