.wrapper {
  display: grid;
  grid-template-columns: 40vw 40vw; 
  grid-template-rows: 18vw 18vw 18vw 15vw; 
}

#title_1 {
  font-size:5vw;
  font-weight: bold;
}

#bt_br1_status,#bt_br1_on,#bt_mr1_status,#bt_mr1_on,#bt_mr2_status,#bt_mr2_on,#bt_tp1_status,#bt_tp1_on,#bt_tp2_status,#bt_tp2_on,#bt_mr3_1_status,#bt_mr3_1_on,#bt_mr3_2_status,#bt_mr3_2_on,#bt_mr3_3_status,#bt_mr3_3_on,#bt_mr3_4_status,#bt_mr3_4_on,#bt_mr4_1_status,#bt_mr4_1_on,#bt_mr4_2_status,#bt_mr4_2_on,#bt_mr4_3_status,#bt_mr4_3_on,#bt_mr4_4_status,#bt_mr4_4_on {
  /*width:6em;
  単位vwは画面に対しての割合 100vwで100％
  */
  width:30vw;
  height:15vw;
  margin:auto;
  font-size:4vw;
}

#bt_br1_off,#bt_mr1_off,#bt_mr2_off,#bt_tp1_off,#bt_tp2_off,#bt_mr3_1_off,#bt_mr3_2_off,#bt_mr3_3_off,#bt_mr3_4_off,#bt_mr4_1_off,#bt_mr4_2_off,#bt_mr4_3_off,#bt_mr4_4_off {
  width:30vw;
  height:15vw;
  margin: auto 0;
  font-size:4vw;
}

#txt_br1_status,#txt_mr1_status,#txt_mr2_status,#txt_tp1_status,#txt_tp2_status,#txt_mr3_1_status,#txt_mr3_2_status,#txt_mr3_3_status,#txt_mr3_4_status,#txt_mr4_1_status,#txt_mr4_2_status,#txt_mr4_3_status,#txt_mr4_4_status {
  margin: auto 0;
  font-size:8vw;
}