<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8" />
  <title>お問い合わせ</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="css/style.css" />
</head>

<body>
  <main>
    <form id="contactForm">
      <h1>お問い合わせ</h1>

      <input type="text" name="name" placeholder="お名前" required />
      <input type="email" name="email" placeholder="メールアドレス" required />
      <textarea name="message" placeholder="本文" required></textarea>

      <button type="submit">送信</button>

      <p class="notice">
        ※お問い合わせの確認には最大24時間かかる場合があります。<br>
      </p>
    </form>
  </main>

  <footer class="footer">
    © 2025 Asato Yoshida
  </footer>

  <script src="js/webhook.js"></script>
  <script src="js/notification.js"></script>
</body>
</html>
