{% 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>セクション3：分割払いの総額シミュレーションをした上での1回あたりの支払い希望額の回答</h3>
        <p>このセクションでは表示される画像を<span class="red">無利子分割払い</span>で購入する際の支払い希望額を回答していただきます。</p>
        <p>各設問での初回の回答を入力後<span class="blue">総額のシミュレーション結果</span>が表示されます。</p>
        <p>シミュレーション結果を参考に、<span class="red">最終的な支払い希望額</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>各設問における初回の回答はシミュレーション用の回答であり、最終的な実際の支払い希望額と関係ありません。</li>
        <li>最終的な回答は<span class="blue">シミュレーション結果を受けたあとの</span>分割払いにおける<span class="red">1回あたり</span>の支払い金額です。</li>
        </ul></p>

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