{% block content %}
<style>
    .otree-body {
        max-width:800px
    }
    .bold {
        font-weight:bold;
    }
    .red {
        color:red;
    }
    .blue {
        color:blue;
    }
    .back_red{
        background-color: rgb(255,140,0);
        color: rgb(255,255,255);
        border-color:  rgb(255,140,0);
    }
    .back_blue{
        background-color: rgb(99, 137, 207);
        color :rgb(255,255,255);
        border-color:  rgb(99, 137, 207);
    }
</style>

<div class="card bg-light m-3">
    <div class="card-body">
        <h3>セクション2：分割払いの総額を計算した上での1回あたりの支払い希望額の回答</h3>
        <p>このセクションでは表示される画像を<span class="red">無利子分割払い</span>で購入する際の支払い希望額を回答していただきます。</p>
        <p>1回あたりの支払額を入力するとともに、<span class="blue">総額の計算結果</span>も合わせて回答してください。</p>
        <p>同じ商品について異なる分割回数で支払いを行う場面が出てきますが、金額を一致させることを目的とせずに、直感的に支払い可能だと感じる金額を回答してください。</p>

        <h4>前提条件</h4>
        <p><ul>
        <li>同じ商品が異なる分割回数で複数回登場します</li>
        <li>各設問で分割回数は指定されます</li>
        <li>本アンケートで登場する分割回数は、3回、12回、24回、36回の4種類です。</li>
        <li>分割払いに伴い手数料は発生しないものとします</li>
        <li>分割した支払いの支払い間隔は1ヶ月であるものとします</li>
        <li>回答は分割払いにおける<span class="red">1回あたり</span>の支払い金額と分割払いの<span class="blue">総額</span>です。</li>
        </ul></p>

        <p>ご不明点やご質問があれば次に進む前に必ず質問してください。</p>
        <p>以上を確認し、問題なければセクション3を開始してください</p>
    </div>
</div>
{{next_button}}
{% endblock %}