<div class="card">
<h2>⛑️ 防災情報</h2>
<p>災害時の避難場所や、日頃の備えについてご案内します。</p>
<h3 style="margin-top: 30px;">避難所マップ</h3>
<p>当町会の指定避難所は以下の通りです。</p>
<div style="background: #f9f9f9; padding: 20px; border: 1px solid #ddd; text-align: center; margin-bottom: 20px;">
<p style="font-weight: bold; font-size: 1.2rem;">〇〇小学校 体育館</p>
<p>住所: 〇〇区 〇〇町 1-2-3</p>
<!-- ここにGoogle Maps埋め込みなどを入れる想定 -->
<div style="width: 100%; height: 300px; background: #eee; display: flex; justify-content: center; align-items: center; color: #777;">
[地図が表示されます]
</div>
</div>
<ul>
<li><strong>一時集合場所:</strong> 〇〇公園</li>
<li><strong>広域避難場所:</strong> 〇〇河川敷</li>
</ul>
<h3 style="margin-top: 30px;">非常持ち出し袋チェックリスト</h3>
<p>いざという時のために、最低限の備えをしておきましょう。</p>
<div class="row" style="display: flex; flex-wrap: wrap;">
<div class="col-md-6" style="flex: 1; padding-right: 10px;">
<ul class="checklist">
<li>✅ 飲料水(3日分以上)</li>
<li>✅ 非常食(缶詰、レトルト等)</li>
<li>✅ 懐中電灯・ラジオ・電池</li>
<li>✅ 救急用品・常備薬</li>
</ul>
</div>
<div class="col-md-6" style="flex: 1;">
<ul class="checklist">
<li>✅ 貴重品(現金、通帳、印鑑)</li>
<li>✅ 衣類・下着・防寒具</li>
<li>✅ タオル・ウェットティッシュ</li>
<li>✅ モバイルバッテリー</li>
</ul>
</div>
</div>
<h3 style="margin-top: 30px;">関連リンク</h3>
<ul>
<li><a href="#" target="_blank">〇〇区 防災ポータルサイト</a></li>
<li><a href="#" target="_blank">気象庁 防災情報</a></li>
</ul>
</div>
佐野市どこかの町の町会