佐野市どこかの町の町会

<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>