{% load otree_tags staticfiles %}

<div class="instructions well well-lg">

    <div>
       <!-- # <span style="font-size: large;"><strong>【コード入力作業】</strong></span> -->
        <p>
            これから、コード入力作業をしていただきます。手順は以下の通りです。なお、下に作業画面の見本があります（実際に表示されるアルファベットや数字は毎回異なります）。
            <ul>
                <li>画面の中央上部に3つのアルファベット（例ではO、S、D）が表示されます。それぞれに対応する3桁の数字（コード）を画面下の表から探してください（例えば、Oに対応するコードは246）。
                <li>アルファベット3文字に対応するコードを、それぞれの文字の下のボックス内に記入し、<strong>[OK]</strong>ボタンをクリックしてください。記入は必ず半角数字で行ってください。
                <li>OKボタンをクリックすると、画面が更新され、新しいアルファベットと表が表示されます。この作業を20分間繰り返してください。</li>
            </ul>        
        </p>
        <p>
            コード入力作業の結果、各自が獲得するポイントは、それぞれが正しく入力できたコードの数に応じて決まります。具体的には、
            <div style="background-color:#e6e6e6; text-align: center; width: 80%; margin-left: 10%; margin-bottom: 1em; padding: 0.5em; font-size: large;">
                獲得ポイント＝正しく入力できたコードの数
            </div>
            の式で決まります。
        </p>
    </div>
</div>