@charset "utf-8";


#body_id_form,
#body_id_confirm,
#body_id_error,
#body_id_finish{ background: url(/tokires/livedocumentary/img/sp/cp1/eq.jpg) top center no-repeat; background-attachment:fixed;}
.questionnaire_all_bg{width: 100%; max-width: 640px; margin: 0 auto; background:#000;}

.questionnaire_title{width: 95%; max-width: 640px; margin: 0 auto; font-size: 30px; text-align: center; padding: 32px 0; color: #de006e; line-height:1.31;}
.questionnaire_title span{font-size: 18px;}
.questionnaire_lead{width: 95%; max-width: 640px; margin: 0 auto; line-height:1.61;}
.questionnaire_box{width: 95%; max-width: 640px; margin: 0 auto;}
#alert{width: 95%; max-width: 640px; margin: 0 auto;}
.questionnaire_q_box{ padding: 24px 0; line-height:1.61;}
.questionnaire_q_title{ padding: 24px 0; line-height:1.61; font-size: 25px; color: #c19e42;}
#body_id_form #footer,
#body_id_confirm #footer{width: 95%; margin: 0 auto; text-align: center; padding-bottom: 20px;}
#body_id_error #footer{width: 95%; margin: 0 auto; text-align: center; padding-bottom: 20px;}
#body_id_finish #footer{width: 95%; margin: 0 auto; text-align: center; padding-bottom: 20px;}
#body_id_form hr,
#body_id_confirm hr,
#body_id_error hr,
#body_id_finish hr{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

#btn_area{width: 95%; max-width: 640px; margin: 0 auto;}
#btn_nxt,
#btn_bck{width: 100%; max-width: 640px; margin: 0 auto; padding: 20px 0; margin-bottom: 32px; background:#8115ff; border: none; color: #fff;}
#btn_nxt:hover,
#btn_bck:hover{background:#de006e; }
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
   cursor:pointer;
}
input[type="radio"],
label{cursor:pointer;}
.questionnaire_q_box input:checked + label{color: #de006e;}
label:hover{color: #de006e;}

@media screen and (max-width: 640px) {
.questionnaire_title{font-size: 6vw;}
.questionnaire_q_title{font-size: 18px;}
.questionnaire_title span{font-size: 3vw;}


}