歯科クリニック（テンプレートから）

atomic.studio/s/3706

📄 index.html コードを直接編集して「適用」でプレビューに反映

<div class="min-h-screen bg-zinc-950 text-white"><header class="sticky top-0 z-50 bg-white border-b border-slate-100 shadow-sm"><div class="mx-auto max-w-6xl px-6 flex h-16 items-center justify-between"><a class="text-xl font-bold text-slate-900">さくら整骨院</a><nav class="hidden md:flex items-center gap-6"><a href="#" class="text-sm text-slate-600 hover:text-slate-900 transition font-medium">症状から探す</a><a href="#" class="text-sm text-slate-600 hover:text-slate-900 transition font-medium">施術内容</a><a href="#" class="text-sm text-slate-600 hover:text-slate-900 transition font-medium">料金</a><a href="#" class="text-sm text-slate-600 hover:text-slate-900 transition font-medium">スタッフ</a><a href="#" class="text-sm text-slate-600 hover:text-slate-900 transition font-medium">アクセス</a></nav><a class="rounded-xl bg-indigo-600 text-white text-sm px-5 py-2.5 font-semibold hover:bg-indigo-500 transition shadow-md shadow-indigo-600/20">予約する</a></div></header><section class="bg-gray-900 text-gray-100 py-12 px-4 md:px-8 rounded-2xl"><h2 class="text-2xl md:text-3xl font-bold text-center mb-8 tracking-wide">診療案内</h2><div class="max-w-5xl mx-auto grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">一般歯科</h3><p class="text-sm text-gray-300 leading-relaxed">虫歯治療や詰め物・被せ物など、日常的な歯のケアを行います。</p></div><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">小児歯科</h3><p class="text-sm text-gray-300 leading-relaxed">お子様の歯の成長に合わせた治療と、正しい歯磨き習慣の指導をします。</p></div><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">矯正歯科</h3><p class="text-sm text-gray-300 leading-relaxed">歯並びや噛み合わせを整え、機能的で美しい口元を目指します。</p></div><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">口腔外科</h3><p class="text-sm text-gray-300 leading-relaxed">親知らずの抜歯や顎関節症など、外科的な処置に対応します。</p></div><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">審美歯科</h3><p class="text-sm text-gray-300 leading-relaxed">ホワイトニングやセラミック治療で、自然な白さと美しさを実現します。</p></div><div class="bg-gray-800 rounded-xl p-5 shadow-md hover:shadow-lg transition-shadow"><h3 class="text-lg font-semibold mb-2 border-l-4 border-indigo-400 pl-3">インプラント</h3><p class="text-sm text-gray-300 leading-relaxed">失った歯を人工歯根で補い、しっかり噛める機能を回復します。</p></div></div></section><section class="bg-gray-900 text-gray-100 py-16 px-4 md:px-8"><div class="max-w-5xl mx-auto"><h2 class="text-3xl md:text-4xl font-bold text-center mb-12 tracking-tight">初診の流れ</h2><div class="grid gap-6 md:grid-cols-3 lg:grid-cols-5"><div class="bg-gray-800 rounded-2xl p-6 flex flex-col items-center text-center shadow-lg border border-gray-700"><span class="text-4xl font-extrabold text-indigo-400 mb-2">01</span><h3 class="text-xl font-semibold mb-2">ご予約</h3><p class="text-sm text-gray-300 leading-relaxed">お電話またはWebフォームからご予約ください。</p></div><div class="bg-gray-800 rounded-2xl p-6 flex flex-col items-center text-center shadow-lg border border-gray-700"><span class="text-4xl font-extrabold text-indigo-400 mb-2">02</span><h3 class="text-xl font-semibold mb-2">受付</h3><p class="text-sm text-gray-300 leading-relaxed">ご来院後、受付にて保険証をご提示ください。</p></div><div class="bg-gray-800 rounded-2xl p-6 flex flex-col items-center text-center shadow-lg border border-gray-700"><span class="text-4xl font-extrabold text-indigo-400 mb-2">03</span><h3 class="text-xl font-semibold mb-2">問診・検査</h3><p class="text-sm text-gray-300 leading-relaxed">医師が丁寧に問診し、必要な検査を行います。</p></div><div class="bg-gray-800 rounded-2xl p-6 flex flex-col items-center text-center shadow-lg border border-gray-700"><span class="text-4xl font-extrabold text-indigo-400 mb-2">04</span><h3 class="text-xl font-semibold mb-2">診察・説明</h3><p class="text-sm text-gray-300 leading-relaxed">検査結果に基づき、治療方針をご説明します。</p></div><div class="bg-gray-800 rounded-2xl p-6 flex flex-col items-center text-center shadow-lg border border-gray-700"><span class="text-4xl font-extrabold text-indigo-400 mb-2">05</span><h3 class="text-xl font-semibold mb-2">お会計・次回予約</h3><p class="text-sm text-gray-300 leading-relaxed">お会計後、必要に応じて次回のご予約をお取りします。</p></div></div></div></section><section class="bg-white py-20 md:py-28"><div class="mx-auto max-w-5xl px-6 grid md:grid-cols-2 gap-12"><div><h2 class="text-3xl font-bold text-slate-900">ご予約・ご相談</h2><p class="mt-4 text-slate-600 leading-relaxed">ご予約はお電話またはフォームから。前日18時までにお申し込みください。</p><div class="mt-8 rounded-2xl bg-slate-900 text-white p-6"><p class="text-sm text-slate-300">お電話でのご予約</p><a href="tel:03-1234-5678" class="mt-2 block text-3xl font-bold hover:text-indigo-300 transition">03-1234-5678</a><p class="mt-2 text-xs text-slate-400">受付時間: 9:00〜20:00（年中無休）</p></div></div><form class="rounded-2xl bg-slate-50 border border-slate-100 p-8 space-y-5"><h3 class="text-lg font-bold text-slate-900">Webから予約する</h3><div><label class="block text-sm font-medium text-slate-700 mb-1.5">お名前 <span class="text-red-500">*</span></label><input type="text" aria-label="お名前" required="" class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm focus:border-indigo-400 focus:outline-none" placeholder="山田 花子"/></div><div><label class="block text-sm font-medium text-slate-700 mb-1.5">メールアドレス <span class="text-red-500">*</span></label><input type="email" aria-label="メールアドレス" required="" class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm focus:border-indigo-400 focus:outline-none" placeholder="example@email.com"/></div><div><label class="block text-sm font-medium text-slate-700 mb-1.5">ご希望メニュー</label><select aria-label="ご希望メニュー" class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm focus:border-indigo-400 focus:outline-none"><option>カット</option><option>カラー</option><option>パーマ</option><option>トリートメント</option><option>その他</option></select></div><div><label class="block text-sm font-medium text-slate-700 mb-1.5">ご希望日時</label><input type="datetime-local" aria-label="ご希望日時" class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm focus:border-indigo-400 focus:outline-none"/></div><div><label class="block text-sm font-medium text-slate-700 mb-1.5">備考・ご要望</label><textarea aria-label="備考" rows="3" class="w-full rounded-xl border border-slate-200 bg-white px-4 py-3 text-sm focus:border-indigo-400 focus:outline-none resize-none"></textarea></div><button type="submit" class="w-full rounded-xl bg-indigo-600 text-white py-3.5 font-semibold hover:bg-indigo-500 transition">予約リクエストを送る</button></form></div></section><section class="bg-slate-50 py-16 md:py-24"><div class="mx-auto max-w-5xl px-6"><h2 class="text-2xl md:text-3xl font-bold text-slate-900">初めて受診される方へ</h2><ol class="mt-10 grid gap-6 md:grid-cols-4"><li class="rounded-2xl bg-white p-6 border border-slate-100 shadow-sm"><span class="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-500 text-lg font-bold text-white">1</span><h3 class="mt-4 font-semibold text-slate-900">ご予約</h3><p class="mt-2 text-sm text-slate-600">お電話またはWEBから予約。当日受付も可能です。</p></li><li class="rounded-2xl bg-white p-6 border border-slate-100 shadow-sm"><span class="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-500 text-lg font-bold text-white">2</span><h3 class="mt-4 font-semibold text-slate-900">受付・問診票</h3><p class="mt-2 text-sm text-slate-600">保険証をご提示の上、問診票をご記入ください。</p></li><li class="rounded-2xl bg-white p-6 border border-slate-100 shadow-sm"><span class="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-500 text-lg font-bold text-white">3</span><h3 class="mt-4 font-semibold text-slate-900">診察</h3><p class="mt-2 text-sm text-slate-600">症状をお伺いし、必要な検査を行います。</p></li><li class="rounded-2xl bg-white p-6 border border-slate-100 shadow-sm"><span class="flex h-10 w-10 items-center justify-center rounded-full bg-indigo-500 text-lg font-bold text-white">4</span><h3 class="mt-4 font-semibold text-slate-900">お会計・お薬</h3><p class="mt-2 text-sm text-slate-600">処方箋をお渡しします。院外薬局で受け取れます。</p></li></ol><div class="mt-10 rounded-2xl border border-indigo-200 bg-indigo-50 p-6"><p class="font-semibold text-indigo-900">ご来院時にお持ちいただくもの</p><ul class="mt-3 flex flex-wrap gap-2"><li class="rounded-full bg-white px-3 py-1 text-sm text-indigo-800 border border-indigo-200">健康保険証</li><li class="rounded-full bg-white px-3 py-1 text-sm text-indigo-800 border border-indigo-200">各種医療証</li><li class="rounded-full bg-white px-3 py-1 text-sm text-indigo-800 border border-indigo-200">お薬手帳</li><li class="rounded-full bg-white px-3 py-1 text-sm text-indigo-800 border border-indigo-200">紹介状(お持ちの方)</li></ul></div></div></section><section class="bg-slate-50 py-16 md:py-24"><div class="mx-auto max-w-5xl px-6"><h2 class="text-2xl md:text-3xl font-bold text-slate-900">診療科のご案内</h2><div class="mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3"><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">🩺</span><div><h3 class="font-semibold text-slate-900">内科</h3><p class="mt-1 text-sm text-slate-600">風邪・生活習慣病・健康診断</p></div></div><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">🫀</span><div><h3 class="font-semibold text-slate-900">循環器内科</h3><p class="mt-1 text-sm text-slate-600">高血圧・不整脈・心疾患</p></div></div><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">🦴</span><div><h3 class="font-semibold text-slate-900">整形外科</h3><p class="mt-1 text-sm text-slate-600">関節・骨折・リハビリ</p></div></div><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">👶</span><div><h3 class="font-semibold text-slate-900">小児科</h3><p class="mt-1 text-sm text-slate-600">予防接種・乳幼児健診</p></div></div><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">👁️</span><div><h3 class="font-semibold text-slate-900">眼科</h3><p class="mt-1 text-sm text-slate-600">視力検査・白内障・ドライアイ</p></div></div><div class="flex items-start gap-4 rounded-2xl bg-white p-6 border border-slate-100 shadow-sm transition hover:shadow-md"><span class="flex h-12 w-12 shrink-0 items-center justify-center rounded-xl bg-indigo-50 text-2xl" aria-hidden="true">👂</span><div><h3 class="font-semibold text-slate-900">耳鼻咽喉科</h3><p class="mt-1 text-sm text-slate-600">花粉症・めまい・難聴</p></div></div></div></div></section><section class="bg-white py-20 md:py-28"><div class="mx-auto max-w-5xl px-6"><h2 class="text-3xl md:text-4xl font-bold text-slate-900 text-center">医師・スタッフ紹介</h2><div class="mt-14 grid md:grid-cols-2 gap-8"><div class="rounded-2xl border border-slate-100 bg-slate-50 p-8 flex gap-6"><div class="h-20 w-20 shrink-0 rounded-2xl bg-gradient-to-br from-indigo-100 to-indigo-100 shadow-sm"></div><div><p class="text-sm font-medium text-indigo-600">院長・消化器内科専門医</p><h3 class="mt-1 text-xl font-bold text-slate-900">山田 太郎</h3><p class="mt-1 text-sm text-slate-500">経験15年</p><p class="mt-3 text-sm text-slate-600 leading-relaxed">患者様一人ひとりに丁寧な説明を心がけています。お気軽にご相談ください。</p><div class="mt-4 flex flex-wrap gap-2"><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">消化器内科</span><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">一般内科</span><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">生活習慣病</span></div></div></div><div class="rounded-2xl border border-slate-100 bg-slate-50 p-8 flex gap-6"><div class="h-20 w-20 shrink-0 rounded-2xl bg-gradient-to-br from-indigo-100 to-indigo-100 shadow-sm"></div><div><p class="text-sm font-medium text-indigo-600">副院長・小児科専門医</p><h3 class="mt-1 text-xl font-bold text-slate-900">佐藤 花子</h3><p class="mt-1 text-sm text-slate-500">経験12年</p><p class="mt-3 text-sm text-slate-600 leading-relaxed">子どもの健康を守るため、保護者の方と二人三脚で取り組みます。</p><div class="mt-4 flex flex-wrap gap-2"><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">小児科</span><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">予防接種</span><span class="rounded-full bg-indigo-50 border border-indigo-200 px-3 py-0.5 text-xs text-indigo-700">乳幼児健診</span></div></div></div></div></div></section><section class="bg-white py-20 md:py-28"><div class="mx-auto max-w-4xl px-6"><h2 class="text-3xl md:text-4xl font-bold text-slate-900 text-center">2つのプランからお選びください</h2><div class="mt-14 grid md:grid-cols-2 gap-8 items-stretch"><div class="rounded-2xl p-10 border bg-slate-50 text-slate-900 border-slate-200"><p class="text-sm font-medium text-slate-500">スタンダード</p><div class="mt-4 flex items-baseline gap-1"><span class="text-sm font-medium">¥</span><span class="text-5xl font-bold">5,500</span><span class="text-sm text-slate-400">/ 回</span></div><p class="mt-2 text-sm text-slate-500">初めての方・体験希望の方に</p><ul class="mt-8 space-y-3"><li class="flex items-center gap-3 text-sm text-slate-700"><span class="text-emerald-500">✓</span>60分コース</li><li class="flex items-center gap-3 text-sm text-slate-700"><span class="text-emerald-500">✓</span>カウンセリング付き</li><li class="flex items-center gap-3 text-sm text-slate-700"><span class="text-emerald-500">✓</span>アフタードリンク</li><li class="flex items-center gap-3 text-sm text-slate-700"><span class="text-emerald-500">✓</span>次回10%割引</li></ul><a class="mt-10 block rounded-xl py-3.5 text-center font-semibold transition bg-slate-900 hover:bg-slate-700 text-white">予約する</a></div><div class="rounded-2xl p-10 border bg-slate-900 text-white border-slate-900 shadow-2xl md:scale-105"><p class="text-sm font-medium text-indigo-300">プレミアム</p><div class="mt-4 flex items-baseline gap-1"><span class="text-sm font-medium">¥</span><span class="text-5xl font-bold">9,900</span><span class="text-sm text-slate-400">/ 回</span></div><p class="mt-2 text-sm text-slate-400">本格ケアを求める方に</p><ul class="mt-8 space-y-3"><li class="flex items-center gap-3 text-sm text-slate-200"><span class="text-indigo-400">✓</span>90分コース</li><li class="flex items-center gap-3 text-sm text-slate-200"><span class="text-indigo-400">✓</span>特別トリートメント</li><li class="flex items-center gap-3 text-sm text-slate-200"><span class="text-indigo-400">✓</span>フェイシャルケア付き</li><li class="flex items-center gap-3 text-sm text-slate-200"><span class="text-indigo-400">✓</span>次回15%割引</li><li class="flex items-center gap-3 text-sm text-slate-200"><span class="text-indigo-400">✓</span>優先予約</li></ul><a class="mt-10 block rounded-xl py-3.5 text-center font-semibold transition bg-indigo-500 hover:bg-indigo-400 text-white">予約する</a></div></div></div></section><section class="bg-white py-20 md:py-28"><div class="mx-auto max-w-3xl px-6"><h2 class="text-3xl md:text-4xl font-bold text-slate-900">ヘルプセンター</h2><div class="mt-10 space-y-10"><div><h3 class="text-sm font-semibold uppercase tracking-wide text-indigo-600">お申し込みについて</h3><dl class="mt-4 divide-y divide-slate-100 rounded-2xl border border-slate-100"><div class="p-5"><dt class="font-medium text-slate-900">申込から利用までの流れは？</dt><dd class="mt-1.5 text-slate-600">フォーム送信後、最短即日でご利用開始いただけます。</dd></div><div class="p-5"><dt class="font-medium text-slate-900">途中でプラン変更できますか？</dt><dd class="mt-1.5 text-slate-600">マイページからいつでも変更可能です。</dd></div></dl></div><div><h3 class="text-sm font-semibold uppercase tracking-wide text-indigo-600">お支払いについて</h3><dl class="mt-4 divide-y divide-slate-100 rounded-2xl border border-slate-100"><div class="p-5"><dt class="font-medium text-slate-900">請求書払いは可能ですか？</dt><dd class="mt-1.5 text-slate-600">法人のお客様は請求書払いに対応しています。</dd></div><div class="p-5"><dt class="font-medium text-slate-900">領収書は発行されますか？</dt><dd class="mt-1.5 text-slate-600">マイページからPDFで発行できます。</dd></div></dl></div></div></div></section><section class="bg-slate-50 py-20 md:py-28"><div class="mx-auto max-w-6xl px-6"><h2 class="text-3xl md:text-4xl font-bold text-slate-900 text-center">ご利用の流れ</h2><div class="mt-14 grid md:grid-cols-4 gap-8 relative"><div class="relative"><div class="hidden md:block absolute top-7 left-full w-full h-0.5 bg-slate-200 -translate-y-1/2 z-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="flex h-14 w-14 items-center justify-center rounded-2xl bg-slate-900 text-white text-xl font-bold shadow-lg">01</div><h3 class="mt-5 text-lg font-semibold text-slate-900">ご予約</h3><p class="mt-2 text-sm text-slate-600 leading-relaxed">お電話またはネットからご予約。前日までに受け付けています。</p></div></div><div class="relative"><div class="hidden md:block absolute top-7 left-full w-full h-0.5 bg-slate-200 -translate-y-1/2 z-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="flex h-14 w-14 items-center justify-center rounded-2xl bg-slate-900 text-white text-xl font-bold shadow-lg">02</div><h3 class="mt-5 text-lg font-semibold text-slate-900">ご来店</h3><p class="mt-2 text-sm text-slate-600 leading-relaxed">ご予約のお時間においでください。お席にご案内します。</p></div></div><div class="relative"><div class="hidden md:block absolute top-7 left-full w-full h-0.5 bg-slate-200 -translate-y-1/2 z-0"></div><div class="relative z-10 flex flex-col items-center text-center"><div class="flex h-14 w-14 items-center justify-center rounded-2xl bg-slate-900 text-white text-xl font-bold shadow-lg">03</div><h3 class="mt-5 text-lg font-semibold text-slate-900">お食事</h3><p class="mt-2 text-sm text-slate-600 leading-relaxed">厳選食材を使ったお料理をゆっくりとお楽しみください。</p></div></div><div class="relative"><div class="relative z-10 flex flex-col items-center text-center"><div class="flex h-14 w-14 items-center justify-center rounded-2xl bg-slate-900 text-white text-xl font-bold shadow-lg">04</div><h3 class="mt-5 text-lg font-semibold text-slate-900">お会計</h3><p class="mt-2 text-sm text-slate-600 leading-relaxed">現金・各種カード・QRコード決済に対応しています。</p></div></div></div></div></section><div class="text-white"><section class="px-6 py-16 md:py-24 text-center bg-zinc-900"><p class="text-sm tracking-widest text-indigo-400 mb-3">歯科クリニック。診療案内、初診の流れ、予約。</p><h2 class="text-3xl md:text-5xl font-bold mb-4">笑顔あふれる歯科診療</h2><p class="text-zinc-300 max-w-2xl mx-auto mb-8">丁寧な診療案内と初診の流れをわかりやすく。予約はこちら</p><a href="#contact" class="inline-block px-8 py-3 rounded-full bg-indigo-500 text-zinc-900 font-semibold">予約する</a><p class="text-base text-zinc-400 mt-6">歯科クリニック。診療案内、初診の流れ、予約。のウェブサイトへようこそ。</p></section><section class="px-6 py-14 max-w-5xl mx-auto"><h3 class="text-2xl font-bold mb-6">サービス一覧</h3><div class="grid gap-4 md:grid-cols-3"><div class="rounded-xl bg-zinc-800 p-6"><h4 class="font-semibold mb-2">サービス1</h4><p class="text-sm text-zinc-300">内容のご説明。</p></div><div class="rounded-xl bg-zinc-800 p-6"><h4 class="font-semibold mb-2">サービス2</h4><p class="text-sm text-zinc-300">内容のご説明。</p></div><div class="rounded-xl bg-zinc-800 p-6"><h4 class="font-semibold mb-2">サービス3</h4><p class="text-sm text-zinc-300">内容のご説明。</p></div></div></section><section class="px-6 py-14 max-w-3xl mx-auto"><h3 class="text-2xl font-bold mb-6">よくある質問</h3><div><div class="border-b border-zinc-700 py-4"><p class="font-semibold mb-1">Q. 予約は必要ですか?</p><p class="text-sm text-zinc-300">A. ご予約優先ですが当日も承ります。※サンプル</p></div><div class="border-b border-zinc-700 py-4"><p class="font-semibold mb-1">Q. 駐車場はありますか?</p><p class="text-sm text-zinc-300">A. 近隣に駐車場がございます。※サンプル</p></div><div class="border-b border-zinc-700 py-4"><p class="font-semibold mb-1">Q. 支払い方法は?</p><p class="text-sm text-zinc-300">A. 現金・各種カード・電子マネー対応。※サンプル</p></div></div></section></div></div>