@media all and (min-width:2400px) {
    .content_wrap { width:50%; }
}
@media all and (max-width:1400px) {
    #content { padding:70px 0px; }
    .content_wrap { width:85%; }
}
@media all and (max-width:960px) {
    #header { padding-top:14px; padding-bottom:12px; }
    #header .logo { height:50px; }
    #header .btn_close { width:24px; height:23px; margin-top:-12px; }
    #content { padding:50px 0px; }
    #content .q_list .question { padding-bottom:40px; }
    #content .q_list .question span { padding-bottom:14px; font-size:40px; }
    #content .q_list .question p { font-size:32px; }
    #content .q_list .itemlist,
    #content .q_list .itemlist p { padding:30px; }
    #content .q_list .itemlist p label { font-size:20px; }
    #content .q_list .itemlist input[type=checkbox] + label { padding-left:52px; }
    #content .q_list .itemlist p span.thumb { height:200px; }
    .bx-wrapper .bx-controls-direction { padding-top:30px; }
    .bx-wrapper .bx-controls-direction a { font-size:18px !important; }
	.bx-wrapper .bx-prev { background-size:16px !important; padding-left:22px !important; }
	.bx-wrapper .bx-next { background-size:16px !important; padding-right:22px !important; }
    #content .intro_text { padding-top:20px; padding-bottom:30px; }
    .btn_start { height:40px; line-height:40px; font-size:18px; }
	
	#content .result_box { padding-bottom:40px; }
	#content .result_box h1.titles{ font-size:26px; }
	#content .result_box .result_text { font-size:16px; }
}
@media all and (max-width:920px){
	#footer { text-align:center; }
	#footer .logo a { height:50px; }
	#footer ul { display:inline-block; }
	#footer li { display:block; text-align:left; padding:0px; line-height:1.8; }
	#footer li img { display:inline-block; padding-right:9px; }
	#footer li:before { display:none; }
}
@media all and (max-width:640px) {
    #wrap { padding:3% 0; }
    .content_wrap { width:98%; }
    #header { padding-top:10px; padding-bottom:8px; }
    #header a { margin:0px 20px; }
    #content { padding:30px 0px 40px; }
	#content .title h1 { font-size:32px; }
	#content .title h2 { font-size:20px; }
	#content .title h3 { font-size:20px; }
    #content .q_list .question { padding-bottom:30px; }
    #content .q_list .question span { padding-bottom:10px; font-size:30px; }
    #content .q_list .question p { font-size:26px; }
    #content .q_list .itemlist { width:92%; padding:10px; }
    #content .q_list .itemlist p { padding:20px; }
    #content .q_list .itemlist p label { font-size:17px; }
    #content .q_list .itemlist input[type=checkbox] + label { padding-left:40px; padding-top:1px; min-height:28px; background-size:28px; }
    #content .q_list .itemlist p span.thumb { height:160px; margin-bottom:16px; }
    .content_wrap { width:90%; }
    .bx-wrapper .bx-controls-direction { padding-top:22px; }
    .bx-wrapper .bx-controls-direction a { margin:0px 18px !important; font-size:16px !important; }
    .btn_start { width:200px; height:36px; line-height:36px; font-size:17px; font-weight:normal; }

	#content .result_box { padding-bottom:30px; }
	#content .result_box h1.titles{ font-size:22px;}
	#content .result_box .result_text { font-size:14px; }
}
@media all and (max-width:480px){
	#footer { padding-left:20px; padding-right:20px; }
	#footer .txt { line-height:1.3; font-size:14px; }
	#footer .copy { line-height:1.2; }
}
@media all and (max-width:460px) {
	#wrap { padding:0; }
    .content_wrap { width:100%; margin:0px auto; }
    #content .q_list .question { padding-bottom:24px; }
    #content .q_list .question span { font-size:24px; }
    #content .q_list .question p { font-size:22px; }
    #content .q_list .itemlist { padding:14px 0px; }
    #content .q_list .itemlist p { width:100%; padding-top:14px; padding-bottom:14px; font-size:22px;  }
    #content .q_list .itemlist p label { font-size:16px; }
    .bx-wrapper .bx-controls-direction a { font-size:15px !important; }
    .btn_start { width:180px; height:34px; line-height:34px; font-size:16px; }
}