<form action="./postmail.cgi" method="POST">
<p>当サイトに関する質問や感想などをお受けしています。<br>
以下のフォームより、必要事項を入力のうえ送信してください。</p>
<div style="margin-bottom: 15px;">
<label for="name">お名前:</label><br>
<input type="text" id="name" name="name" required style="width: 100%; max-width: 300px;">
</div>
<div style="margin-bottom: 15px;">
<label for="email">メールアドレス:</label><br>
<input type="email" id="email" name="email" required style="width: 100%; max-width: 400px;">
</div>
<div style="margin-bottom: 15px;">
<label for="email_confirm">メールアドレス(再度入力):</label><br>
<input type="email" id="email_confirm" name="email_confirm" required style="width: 100%; max-width: 400px;">
</div>
<div style="margin-bottom: 15px;">
<label for="type">問合せ種別:</label><br>
<select id="type" name="type" required>
<option value="">選択してください</option>
<option value="御予約">御予約</option>
<option value="ご相談">ご相談</option>
<option value="ご感想">ご感想</option>
<option value="ご依頼">ご依頼</option>
<option value="その他">その他</option>
</select>
</div>
<div style="margin-bottom: 15px;">
<label for="message">問合せ内容:</label><br>
<textarea id="message" name="message" rows="6" required style="width: 100%;"></textarea>
</div>
<div style="margin-bottom: 20px; padding: 10px; background-color: #f9f9f9; border: 1px solid #ccc;">
<p style="margin-top: 0;"><strong>個人情報の取扱いについて</strong></p>
<p style="font-size: 0.9em;">ご記入いただいた個人情報は、お問い合わせへの対応および確認のためのみに利用します。<br>
また、この目的のためにお問い合わせの記録を残すことがあります。</p>
<label>
<input type="checkbox" name="agree" value="同意する" required> 個人情報の取扱いに同意する
</label>
</div>
<div>
<input type="submit" value="送信する" style="padding: 10px 20px; cursor: pointer;">
</div>
</form>