@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 700px) {

.q_box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2rem 0% 0rem 0%;
box-sizing: border-box;
}

.q_box_inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2% 0% 0% 0%;
padding: 2rem 0% 3rem 0%;
box-sizing: border-box;

}

.q_and_a_box_inner_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
}

.q_box_inner_circle {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 90%;
padding: 2% 0% 2% 0%;
box-sizing: border-box;
background: #FFFFFE
}

.q_and_a_box_inner_2 {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
padding: 2rem 0% 0rem 0%;
box-sizing: border-box;
text-align: left;
}

.a_box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 0rem 0% 2rem 0%;
}

.a_box_inner {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2% 0% 2% 0%;
padding: 2rem 0% 2rem 0%;
box-sizing: border-box;
background: #FFFFFE
}

.a_box_inner_circle {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 90%;
padding: 2% 0% 2% 0%;
box-sizing: border-box;
background: #adffad;
color: #333333;
}

.q_and_a_box_color_1 {
background: #adffad;
}

.q_and_a_box_color_2 {
background: #ffdbed;
}

.q_and_a_box_color_3 {
background: #fff3b8;
}

.q_and_a_box_color_4 {
background: #ffd1a3;
}

.q_and_a_box_color_5 {
background: #00A2F2;
color: #FFFFFE;
}


}


@media screen and (min-width: 701px) { 

.q_box {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 90%;
margin: 2rem 0% 0rem 0%;
box-sizing: border-box;
}

.q_box_inner {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 100%;
margin: 1% 1% 0% 1%;
padding: 3rem 0% 3rem 0%;
box-sizing: border-box;
}

.q_and_a_box_inner_1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 25%;
}

.q_box_inner_circle {
padding: 15%;
box-sizing: border-box;
border-radius: 100%;
background: #FFFFFE;
}

.q_and_a_box_inner_2 {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
justify-content: center;
width: 75%;
}

.a_box {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 90%;
margin: 0rem 0% 2rem 0%;
box-sizing: border-box;
}

.a_box_inner {
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 100%;
margin: 1%;
padding: 3rem 0% 3rem 0%;
box-sizing: border-box;
background: #FFFFFE;
}

.a_box_inner_circle {
padding: 15%;
box-sizing: border-box;
border-radius: 100%;
}

.q_and_a_box_color_1 {
background: #adffad;
}

.q_and_a_box_color_2 {
background: #ffdbed;
}

.q_and_a_box_color_3 {
background: #fff3b8;
}

.q_and_a_box_color_4 {
background: #ffd1a3;
}

.q_and_a_box_color_5 {
background: #00A2F2;
color: #FFFFFE;
}


}