<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>モノレール利用者アンケート</title>
  <style>
    body {
      word-wrap: break-word;
      font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
      line-height: 1.6;
      font-size: 16px;
      color: #222;
      margin: 0;
      padding: 0;
    }
    table {
      border-collapse: collapse;
      width: 100%;
      max-width: 800px;
      margin: auto;
    }
    td {
      padding: 5px 10px;
    }
    .header-text {
      font-size: 25px;
      font-weight: bold;
      text-decoration: underline;
      text-align: center;
      margin: 10px 0;
    }
    .notice-text {
      font-size: 16px;
      color: #222;
    }
    .small-text {
      font-size: 12px;
      color: #555;
    }
    .deadline {
      font-size: 18px;
      font-weight: bold;
      color: steelblue;
      text-align: center;
      margin: 15px 0;
    }
    .survey-button img {
      width: 95%;
      max-width: 600px;
      height: auto;
    }
    .prize-box {
      border: 1px solid #bbb;
      background-color: #fcfcfc;
      border-radius: 6px;
      padding: 12px;
      font-size: 16px;
      color: #222;
      margin: 15px 0;
    }
    .prize-box p.title {
      font-weight: bold;
      font-size: 16px;
      text-align: center;
      margin-bottom: 10px;
    }
    .prize-list p {
      margin: 5px 0;
      font-weight: bold;
      text-align: center;
    }
    .prize-list img {
      max-width: 150px;
      height: auto;
    }
    .footer-text {
      font-size: 14px;
      color: #333;
      margin-bottom: 12px;
    }
    hr {
      border: none;
      border-top: 1px solid steelblue;
      margin: 10px 0;
    }
    @media screen and (max-width: 480px) {
      body { font-size: 14px; }
      .header-text { font-size: 18px; }
      .deadline { font-size: 16px; }
      .prize-box { font-size: 14px; }
    }
  </style>
</head>
<body>

<div>
  <table>
    <!-- ヘッダー -->
    <tr>
      <td style="text-align:right; font-size:14px; color:#333;">浦添市 都市建設部 都市計画課</td>
    </tr>

    <tr>
      <td class="header-text">
        モノレール利用者アンケートへのご協力のお願い
      </td>
    </tr>

    <tr>
      <td class="notice-text">
        <p>皆様方には、日頃から市政推進に格別のご理解とご協力を頂き、ありがとうございます。</p>
        <p>浦添市では現在、地域公共交通の利便性向上や利用促進に向けた検討を進めております。つきましては、その一環として、モノレールの利用状況やご意見を伺うアンケート調査を実施いたしております。</p>
        <p>お忙しいところ誠に恐縮ですが趣旨をご理解の上、ご協力くださいますようお願い申し上げます。</p>
      </td>
    </tr>

    <!-- 回答期限 -->
    <tr>
      <td class="deadline">
        アンケート回答期限：令和7年10月16日（木）
      </td>
    </tr>

    <!-- アンケートボタン -->
    <tr>
      <td class="survey-button" style="text-align:center; padding:15px;">
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSepzo4zDkyxqlLSr3yLgNnMtsu1OqOl6ng1RAvfNMoOHEIj8g/viewform" target="_blank">
          <img src="link.png" alt="アンケート回答はこちら">
        </a>
      </td>
    </tr>

    <tr>
      <td class="small-text">
        ※ご回答内容につきましては、すべて統計的に処理し、個人が特定されることは一切ございません<br>
        ※本アンケートはGoogleフォームを使用しています<br>
        ※セキュリティ設定等により画面が正しく表示されない場合は、お手数ですが下記「本調査に関するお問い合わせ先」までご連絡ください
      </td>
    </tr>

    <tr>
      <td><hr></td>
    </tr>

    <!-- 賞品案内 -->
    <tr>
      <td>
        <div class="prize-box">
          <p class="title">～ 抽選で以下の賞品が当たります ～</p>
          <table width="100%" cellpadding="5" cellspacing="0">
            <tr>
              <td style="width:35%; text-align:center; vertical-align:middle;">
                <img src="logo.svg" alt="選べるe-GIFT">
              </td>
              <td style="width:65%; text-align:center; vertical-align:middle;" class="prize-list">
                <p>デジタルギフト券「選べるe-GIFT」</p>
                <p>3,000円分 … 5名様</p>
                <p>2,000円分 … 10名様</p>
                <p>1,000円分 … 15名様</p>
              </td>
            </tr>
          </table>

          <p style="font-weight:bold; text-align:center; color:#444;">※注意事項※</p>
          <ul style="margin:0 0 0 20px; padding:0; font-size:12px; color:#555; line-height:1.5;">
            <li>厳正な抽選の結果、当選者様にはアンケートでご入力いただいたEメールアドレス宛にデジタルギフト券を直接送付いたします。</li>
            <li>当選発表はEメールでのギフト券送付をもって代えさせていただきます。</li>
            <li>ギフト券の送付時期は令和7年10月中旬頃を予定しています。</li>
            <li>デジタルギフト券「選べるe-GIFT」の詳細は
              <a href="https://www.anatc-gift.com/use/" target="_blank">こちら</a> をご確認ください。
            </li>
            <li>当選のご連絡は、以下のEメールアドレスから送信いたします。<br>
              【urasoe@shimatate.or.jp】<br>
              （迷惑メールフィルタ等の設定によりEメールが届かない場合がありますので、事前にご確認ください。）
            </li>
            <li>ご入力いただいたメールアドレスは、当選連絡以外の目的では使用いたしません。</li>
          </ul>
        </div>
      </td>
    </tr>

    <!-- フッター -->
    <tr>
      <td>
        <hr>
        <p class="footer-text">
          【事業実施主体】<br>　浦添市　都市建設部　都市計画課　都市交通企画係
        </p>
        <p class="footer-text">
          【本調査に関するお問い合わせ先】<br>　沖縄しまたて協会　技術環境研究所<br>
          TEL: 098-879-2091 （お問合せ時間：平日9時30分～18時30分）<br>
          担当： 上間、又吉
        </p>
        <hr>
      </td>
    </tr>

  </table>
</div>

</body>
</html>