body{background-color: #ccffff  ;}
    .toi{font-size:20px;}
    .mir{font-size:20px;}
    h1 {
    	padding: 1rem 0rem;
    	margin-bottom:0.2rem;
    	border-bottom: 3px solid #000000;
    	font-weight: bold;
    	font-size: 26px;
    }
    #id_question{
    	font-size: 30px;
    }
    label{
    	font-size: 20px;
    }
    #id_pf, #id_kotae{
    	font-size: 20px;
    }
      #left,#right,#boa,#bob,#boc,#bod {
          width: 30px;
          height: 30px;
          
        }
    #id_ChoiceA,#id_ChoiceB,#id_ChoiceC,#id_ChoiceD
    {
    	font-size: 25px;
    }
    /* ボタンとラベルを横並びに配置 */
    .button-label-container {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
     
    .button-label-container label {
      margin-left: 10px; /* ボタンとラベルの間に余白を追加 */
    }

input[type="button"][name="questions"] {
    font-size: 24px;       /* ボタン内の文字を大きくする */
    padding: 15px 30px;    /* ボタンの内側に余白を追加 */
    width: 200px;          /* ボタンの幅 */
    height: 60px;          /* ボタンの高さ */
    background-color: #f0f0f0; /* ボタンの背景色 */
    border: 2px solid #333;    /* ボタンの枠線 */
    border-radius: 10px;    /* ボタンの角を丸くする */
    cursor: pointer;        /* カーソルをポインタにする */
}