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;}
 

input[type="button"][name="questions"] {
    font-size: 40px;       
    width: 60px;          /*幅*/
    height: 60px;          /* 高さ */
    background-color: #f0f0f0; 
    border: 2px solid #333;    
    border-radius: 10px;    /* ボタンの角を丸くする */
}

/*スマホ用の設定*/
@media (max-width: 600px) {
    input[type="button"][name="questions"] {
        font-size: 20px;      
        padding: 10px 20px;   
        width: 50px;          
        height: 50px;         
    }
}

    /* ボタンとラベルを横並びに配置 */
    .button-label-container {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }