<main role="main" class="container mt-3">

      <div class="section">
        <h2>操作方法</h2>
        <p>このセクションでは、システムの基本的な操作方法について説明します。</p>
        <p>1. 橋梁の検索: 検索バーに橋梁の名前を入力し、検索ボタンをクリックします。</p>
        <p>2. 投稿の作成: 投稿ページにアクセスし、必要な情報を入力して投稿ボタンをクリックします。</p>
        <p>3. いいねの付与: 投稿の詳細ページでいいねボタンをクリックします。</p>
        <p>4. トップページへ戻る: 画面左上に表示されている「Voices of Bridges」をクリックします。</p>
      </div>

      <div class="section">
        <h2>よくある質問 (FAQ)</h2>
        <ul class="faq-list">
          <li class="faq-item">
            <h3>Q: ユーザー登録はどのように行いますか？</h3>
            <p>A: ログインページにアクセスし、「新規登録は<a href="/account/register">こちら</a>」のリンクをクリックして、必要な情報を入力して登録を完了してください。</p>
          </li>
          <li class="faq-item">
            <h3>Q: マップに表示されている青いピンは何ですか？</h3>
            <p>A: あなたの現在位置が表示されています。エラーと表示されている場合、ブラウザの設定から当サイトに位置情報の許可を出してください。</p>
          </li>
          <li class="faq-item">
            <h3>Q: 最寄りの橋梁のボタンをクリックしても何も表示されないのですがなぜですか？</h3>
            <p>A: 当サイトに位置情報の許可を出してください。最寄りの橋梁が表示されるようになります。FAQを試してもうまくいかない場合<a href="https://vob.k-lab-innovators.com/">こちら</a>からのアクセスもお試しください。</p>
          </li>
          <li class="faq-item">
            <h3>Q: 投稿を削除するにはどうすればよいですか？</h3>
            <p>A: 投稿の詳細ページで削除ボタンをクリックし、確認ダイアログで「はい」を選択してください。投稿が削除されます。</p>
          </li>
          <li class="faq-item">
            <h3>Q: 右上にある「My Pocket」とは何ですか？</h3>
            <p>A: 一般的なマイページにあたるものです。あなたの過去の橋梁への投稿、これまでに獲得したいいね数、所有しているコインの枚数の確認、登録情報の確認変更をすることができます。</p>
          </li>
        </ul>
      </div>
    </main>