{{ block title }}
    
{{ endblock }}

{{ block content }}
<div class="group">
    <table>
        <tr>
            <td colspan="7">
                <p>心臓ピクニックについて感じた単語を選択してください（複数回答可）</p>
            </td>
          </tr>
          <tr>
              <td>
              <input type="checkbox"  name="emotion01_2" id="emotion01_2" />
              <label for="emotion01_2">愛情</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion02_2" id="emotion02_2" >
              <label for="emotion02_2">恥</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion03_2" id="emotion03_2" >
              <label for="emotion03_2">共感</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion04_2" id="emotion04_2" >
              <label for="emotion04_2">安堵</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion05_2" id="emotion05_2" >
              <label for="emotion05_2">嫉妬</label>
            </td>
           </tr>
           <tr>
            <td>
              <input type="checkbox"  name="emotion06_2" id="emotion06_2" />
              <label for="emotion06_2">怒り</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion07_2" id="emotion07_2" >
              <label for="emotion07_2">失望</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion08_2" id="emotion08_2" >
              <label for="emotion08_2">不安</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion09_2" id="emotion09_2" >
              <label for="emotion09_2">緊張</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion10_2" id="emotion10_2" >
              <label for="emotion10_2">苦痛</label>
            </td>
            <tr>
              <td>
              <input type="checkbox"  name="emotion11_2" id="emotion11_2" />
              <label for="emotion11_2">不満</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion12_2" id="emotion12_2" >
              <label for="emotion12_2">自惚れ</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion13_2" id="emotion13_2" >
              <label for="emotion13_2">心配</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion14_2" id="emotion14_2" >
              <label for="emotion14_2">固い</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion15_2" id="emotion15_2" >
              <label for="emotion15_2">柔らかい</label>
            </td>
           </tr>
           <tr>
            <td>
              <input type="checkbox"  name="emotion16_2" id="emotion16_2" />
              <label for="emotion16_2">冷たい</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion17_2" id="emotion17_2" >
              <label for="emotion17_2">温かい</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion18_2" id="emotion18_2" >
              <label for="emotion18_2">暖かい</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion19_2" id="emotion19_2" >
              <label for="emotion19_2">痛い</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion20_2" id="emotion20_2" >
              <label for="emotion20_2">粗い</label>
            </td>

            <tr>
              <td>
              <input type="checkbox"  name="emotion21_2" id="emotion21_2" />
              <label for="emotion21_2">無機物</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion22_2" id="emotion22_2" >
              <label for="emotion22_2">親愛</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion23_2" id="emotion23_2" >
              <label for="emotion23_2">親近感</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion24_2" id="emotion24_2" >
              <label for="emotion24_2">不快感</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion25_2" id="emotion25_2" >
              <label for="emotion25_2">懺悔</label>
            </td>
           </tr>
           <tr>
            <td>
              <input type="checkbox"  name="emotion26_2" id="emotion26_2" />
              <label for="emotion26_2">母性愛</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion27_2" id="emotion27_2" >
              <label for="emotion27_2">父性愛</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion28_2" id="emotion28_2" >
              <label for="emotion28_2">尊敬</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion29_2" id="emotion29_2" >
              <label for="emotion29_2">不純</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion30_2" id="emotion30_2" >
              <label for="emotion30_2">友愛</label>
            </td>
            <tr>
              <td>
              <input type="checkbox"  name="emotion31_2" id="emotion31_2" />
              <label for="emotion31_2">動揺</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion32_2" id="emotion32_2" >
              <label for="emotion32_2">羨望</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion33_2" id="emotion33_2" >
              <label for="emotion33_2">面倒</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion34_2" id="emotion34_2" >
              <label for="emotion34_2">軽い</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion35_2" id="emotion35_2" >
              <label for="emotion35_2">乾燥</label>
            </td>
           </tr>
           <tr>
            <td>
              <input type="checkbox"  name="emotion36_2" id="emotion36_2" />
              <label for="emotion36_2">湿っている</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion37_2" id="emotion37_2" >
              <label for="emotion37_2">体温</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion38_2" id="emotion38_2" >
              <label for="emotion38_2">痺れる</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion39_2" id="emotion39_2" >
              <label for="emotion39_2">粘り</label>
            </td>
            <td>
              <input type="checkbox"  name="emotion40_2" id="emotion40_2" >
              <label for="emotion40_2">刺す</label>
            </td>
          </tr>
          <tr>
            <td>
              <input type="checkbox" name="emotion41_2" id="emotion41_2" />
              <label for="emotion41_2">怯え</label>
              </td>
              <td>
              <input type="checkbox" name="emotion42_2" id="emotion42_2" />
              <label for="emotion42_2">嫌悪</label>
              </td>
              <td>
              <input type="checkbox" name="emotion43_2" id="emotion43_2" />
              <label for="emotion43_2">切なさ</label>
              </td>
              <td>
              <input type="checkbox" name="emotion44_2" id="emotion44_2" />
              <label for="emotion44_2">後悔</label>
              </td>
              <td>
              <input type="checkbox" name="emotion45_2" id="emotion45_2" />
              <label for="emotion45_2">喜び</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion46_2" id="emotion46_2" />
              <label for="emotion46_2">悲しみ</label>
              </td>
              <td>
              <input type="checkbox" name="emotion47_2" id="emotion47_2" />
              <label for="emotion47_2">劣等感</label>
              </td>
              <td>
              <input type="checkbox" name="emotion48_2" id="emotion48_2" />
              <label for="emotion48_2">狼狽</label>
              </td>
              <td>
              <input type="checkbox" name="emotion49_2" id="emotion49_2" />
              <label for="emotion49_2">罪悪感</label>
              </td>
              <td>
              <input type="checkbox" name="emotion50_2" id="emotion50_2" />
              <label for="emotion50_2">空虚</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion51_2" id="emotion51_2" />
              <label for="emotion51_2">慈愛</label>
              </td>
              <td>
              <input type="checkbox" name="emotion52_2" id="emotion52_2" />
              <label for="emotion52_2">陶酔</label>
              </td>
              <td>
              <input type="checkbox" name="emotion53_2" id="emotion53_2" />
              <label for="emotion53_2">驚き</label>
              </td>
              <td>
              <input type="checkbox" name="emotion54_2" id="emotion54_2" />
              <label for="emotion54_2">溢れる</label>
              </td>
              <td>
              <input type="checkbox" name="emotion55_2" id="emotion55_2" />
              <label for="emotion55_2">氾濫</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion56_2" id="emotion56_2" />
              <label for="emotion56_2">微か</label>
              </td>
              <td>
              <input type="checkbox" name="emotion57_2" id="emotion57_2" />
              <label for="emotion57_2">厳か</label>
              </td>
              <td>
              <input type="checkbox" name="emotion58_2" id="emotion58_2" />
              <label for="emotion58_2">涼しい</label>
              </td>
              <td>
              <input type="checkbox" name="emotion59_2" id="emotion59_2" />
              <label for="emotion59_2">鈍い</label>
              </td>
              <td>
              <input type="checkbox" name="emotion60_2" id="emotion60_2" />
              <label for="emotion60_2">濁った</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion61_2" id="emotion61_2" />
              <label for="emotion61_2">重い</label>
              </td>
              <td>
              <input type="checkbox" name="emotion62_2" id="emotion62_2" />
              <label for="emotion62_2">唖然</label>
              </td>
              <td>
              <input type="checkbox" name="emotion63_2" id="emotion63_2" />
              <label for="emotion63_2">豪胆</label>
              </td>
              <td>
              <input type="checkbox" name="emotion64_2" id="emotion64_2" />
              <label for="emotion64_2">憂鬱</label>
              </td>
              <td>
              <input type="checkbox" name="emotion65_2" id="emotion65_2" />
              <label for="emotion65_2">興奮</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion66_2" id="emotion66_2" />
              <label for="emotion66_2">有機物</label>
              </td>
              <td>
              <input type="checkbox" name="emotion67_2" id="emotion67_2" />
              <label for="emotion67_2">勇猛</label>
              </td>
              <td>
              <input type="checkbox" name="emotion68_2" id="emotion68_2" />
              <label for="emotion68_2">覇気</label>
              </td>
              <td>
              <input type="checkbox" name="emotion69_2" id="emotion69_2" />
              <label for="emotion69_2">軽蔑</label>
              </td>
              <td>
              <input type="checkbox" name="emotion70_2" id="emotion70_2" />
              <label for="emotion70_2">可愛い</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion71_2" id="emotion71_2" />
              <label for="emotion71_2">大志</label>
              </td>
              <td>
              <input type="checkbox" name="emotion72_2" id="emotion72_2" />
              <label for="emotion72_2">悲痛</label>
              </td>
              <td>
              <input type="checkbox" name="emotion73_2" id="emotion73_2" />
              <label for="emotion73_2">無垢</label>
              </td>
              <td>
              <input type="checkbox" name="emotion74_2" id="emotion74_2" />
              <label for="emotion74_2">澄んだ</label>
              </td>
              <td>
              <input type="checkbox" name="emotion75_2" id="emotion75_2" />
              <label for="emotion75_2">大量</label>
              </td>
            </tr>
            <tr>
              <td>
              <input type="checkbox" name="emotion76_2" id="emotion76_2" />
              <label for="emotion76_2">少量</label>
              </td>
              <td>
              <input type="checkbox" name="emotion77_2" id="emotion77_2" />
              <label for="emotion77_2">滑らか</label>
              </td>
              <td>
              <input type="checkbox" name="emotion78_2" id="emotion78_2" />
              <label for="emotion78_2">弾力</label>
              </td>
              <td>
              <input type="checkbox" name="emotion79_2" id="emotion79_2" />
              <label for="emotion79_2">不気味</label>
              </td>
              <td>
              <input type="checkbox" name="emotion80_2" id="emotion80_2" />
              <label for="emotion80_2">頑丈</label>
              </td>
              </tr>
              


    </table>
    </div>


  {{formfield 'description2' label='心臓ピクニックについて感じたことを記述してください'}}

<style>
        body {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          min-height: 100vh;
          color: black;
        }
        .group {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 2em;
        }
        input[type="checkbox"],
        input[type="radio"] {
          position: absolute;
          opacity: 0;
          z-index: -1;
        }
        label {
          position: relative;
          margin-right: 1em;
          padding-left: 2em;
          padding-right: 1em;
          line-height: 2;
          cursor: pointer;
        }
        label:before {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          content: " ";
          position: absolute;
          top: 0.3em;
          left: 0;
          display: block;
          width: 1.4em;
          height: 1.4em;
          border: 2px solid black;
          border-radius: .25em;
          z-index: -1;
        }
        input[type="radio"] + label::before {
          border-radius: 1em;
        }
        /* Checked */
        input[type="checkbox"]:checked + label,
        input[type="radio"]:checked + label {
          padding-left: 1em;
          color: white;
        }
        input[type="checkbox"]:checked + label:before,
        input[type="radio"]:checked + label:before {
          top: 0;
          width: 100%;
          height: 2em;
          background: black;
        }
        /* Transition */
        label,
        label::before {
          -webkit-transition: .25s all ease;
          transition: .25s all ease;
        }
        /*# sourceMappingURL=main.css.map */
        </style>

{{ next_button }}
{{ endblock }}