{% 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>セクション4：日頃の消費行動に関するアンケート調査</h3>
        <p>
          このセクションではあなたの普段の消費行動や考え方に関して伺います。<br>
          各項目について、あなたの普段の行動がどの程度該当しているか7段階でご回答ください。(全20問)
        </p>
    </div>
</div>

    {{ formfields }}
    {{ next_button }}

{% endblock %}