.q2_wrap,
.q3_wrap,
.q4_wrap,
.q5_wrap,
#a_1,
#a_2,
#a_3,
#a_4,
#a_5 {
  display: none;
  transition: 0.5s all ease-in-out;
}


input#q1_1:checked ~ .q2_wrap,
input#q1_2:checked ~ .q2_wrap,
input#q2_1:checked ~ .q3_wrap,
input#q2_2:checked ~ .q3_wrap,
input#q3_1:checked ~ .q4_wrap,
input#q3_2:checked ~ .q4_wrap,
input#q4_1:checked ~ .q5_wrap,
input#q4_2:checked ~ .q5_wrap{
  display: block;
}


/*
input#q5_1:checked ~ .a_wrap {
  display: block;
  transition: 0.5s all ease-in-out;
}

input#q5_2:checked ~ .a_wrap {
  display: block;
  transition: 0.5s all ease-in-out;
}
*/

input#q1_1:checked ~ input#q2_1:checked ~ input#q3_1:checked ~ input#q4_1:checked ~ input#q5_1:checked ~ .a_wrap #a_1 {
  display: block;
  transition: 0.5s all ease-in-out;
}

input#q1_1:checked ~ input#q2_1:checked ~ input#q3_1:checked ~ input#q4_1:checked ~ input#q5_2:checked ~ .a_wrap #a_2 {
  display: block;
  transition: 0.5s all ease-in-out;
}


/*q_burron_wrap */


input#q1_1:checked ~ .q1_wrap label[for*="q1_1"],
input#q1_2:checked ~ .q1_wrap label[for*="q1_2"],
input#q2_1:checked ~ .q2_wrap label[for*="q2_1"],
input#q2_2:checked ~ .q2_wrap label[for*="q2_2"],
input#q3_1:checked ~ .q3_wrap label[for*="q3_1"],
input#q3_2:checked ~ .q3_wrap label[for*="q3_2"],
input#q4_1:checked ~ .q4_wrap label[for*="q4_1"],
input#q4_2:checked ~ .q4_wrap label[for*="q4_2"],
input#q5_1:checked ~ .q5_wrap label[for*="q5_1"],
input#q5_2:checked ~ .q5_wrap label[for*="q5_2"] {
  border: 4px red solid;
}
