@charset "utf-8";

body{overflow:hidden;max-width:800px;margin:0 auto;}
.wrap{position:relative;background:url(../images/survey/survey_bg.png) repeat 0 0;z-index:100;max-width:800px;margin:0 auto;overflow:hidden;}

.logo_wrap{position:relative;padding:30px 40px 22px;z-index:110;}
.logo_wrap:after{content:"";display:block;clear:both;}
.logo_wrap .left{float:left;}
.logo_wrap .right{float:right;}
.survey_contents{overflow:hidden;margin:0 5%;}
.survey_contents_scroll{overflow-y:auto;width:100%;}
h2.tit{background:url(../images/survey/shadow_bg.png) no-repeat 50% 100%;height:70px;font-size:30px;font-weight:bold;color:#e60e0e;text-align:center;position:relative;z-index:110;}
h2.tit span{font-weight:bold;color:#343435;display:inline;line-height:38px;}
.text01{font-size:15px;line-height:24px;color:#000;text-align:center;margin:0 0 30px 0;}
.red_title{position:relative;font-size:19px;font-weight:bold;line-height:24px;color:#000;padding:0 0 0 11px;margin:0 0 8px 0;}
.red_title:after{content:"";position:absolute;top:0;left:0;width:5px;height:26px;background:#cb060d;}
.question_text{font-size:16px;font-weight:bold;line-height:24px;color:#000;padding:0 0 10px 12px;}
.question_text span{font-size:18px;font-weight:bold;color:#cb060d;}
.question_text span.sm{font-size:14px;font-weight:normal;color:#000;}
.basic_text{font-size:14px;line-height:24px;color:#000;padding:0 0 14px 12px;}
.answer_box{border:1px solid #eee;background:#fff;padding:4px 10px;margin:0 0 24px 0;}
.answer_box table td{vertical-align:top;padding:3px 0;}
.answer_box table td.text{font-size:14px;line-height:24px;color:#000;}
.answer_box table td span.check label{font-size:14px;line-height:22px;color:#000;}
.answer_box table td.align_right{text-align:right;}
.answer_box table td{text-align:left;}
.answer_box table td .checkarea .mr16{margin:0 16px 0 0;}
.answer_box table td .checkarea .wid50{width:49%;display:inline-block;margin:0 0 10px 0;}
.answer_box table td .checkarea.step img.mobile{display:none;}
.answer_box table td .checkarea.step img.pc{display:block;}
.answer_box table td .checkarea.step{text-align:center;overflow:hidden;}
.answer_box table td .checkarea.step .check{text-align:left;display:block;width:100%;margin:0 0 4px 0;}
.answer_box table td .checkarea.step span.check label{display:inline;letter-spacing:-2px;}
.answer_box table td .checkarea.step .step_img{display:block;margin:4px 0 0 0;}
.answer_box table td .checkarea.step .step_img img{width:100%;min-height:15px;max-height:15px;padding:0 1px 0 0;}
.answer_box input[type="text"], .answer_box textarea{border:1px solid #cfcfcf;}
.answer_box table td .text02.mb10{margin:0 0 6px 0;line-height:22px;color:#000;}
.intro{background:#fff;border:1px solid #d1d1d1;padding:10px;margin:0 0 20px 0;}
.intro.bg_add{padding:40px 10px 10px 10px;border:3px solid #d1d1d1;background:url(../images/survey/form_bg.png) no-repeat 0 100%;font-size:16px;color:#010101;width:98%;min-height:370px;}
.intro .text01{margin:0 0 10px 0;text-align:left;}
.top_icon{position:absolute;right:-16px;top:-24px;background:url(../images/survey/survey_icon.png) no-repeat 0 0;width:279px;height:279px;filter:alpha(opacity= 40);opacity:0.4;z-index:-1}
.top_line_border{position:absolute;top:0;left:0;border-top:6px solid #fd8428;width:100%;height:6px;}
.bottom_line_border{position:absolute;bottom:0;left:0;border-bottom:6px solid #fd8428;width:100%;height:6px;}
.left_line_bg{position:absolute;top:0;left:0;background:#fd8428;width:6px;height:100%;background-size:6px 100%;}
.right_line_bg{position:absolute;top:0;right:0;background:#fd8428;width:6px;height:100%;background-size:6px 100%;}
.left_triangle_bg{position:absolute;top:0;left:0;background:url(../images/survey/survey_bg_top.png) no-repeat 0 0;width:39px;height:39px;}
.right_triangle_bg{position:absolute;bottom:-1px;right:-1px;background:url(../images/survey/survey_bg_bottom.png) no-repeat 0 0;width:39px;height:39px;}
.survey_btn, .survey_control .survey_btn{text-align:center;background:url(../images/survey/survey_btn.png) no-repeat 0 0;width:114px;height:41px;margin:0 auto 30px;}
.survey_btn a, .survey_control .survey_btn a{display:block;width:114px;height:41px;color:#fff;font-size:15px;padding:13px 0 0 0;font-weight:bold;}
.survey_control .survey_btn a{background:none;border:none;margin:0;}
.survey_tab a{border-bottom:1px solid #fd8428;}
.survey_tab{position:relative;margin:10px 0 20px 0;z-index:200}
.survey_tab:after{content:"";display:block;clear:both;}
.survey_tab a{float:left;width:7%;display:block;text-align:center;}
.survey_tab a span{display:block;background:linear-gradient(#fff 60%, #e5e5e5 );font-weight:bold;color:#bababa;border:1px solid #eee;border-bottom:none;margin:0 0 0 1px;padding:10% 0;}
.survey_tab a:first-child span{margin:0;}
.survey_tab a.on span{background:#fd8428;color:#fff;border:1px solid #fd8428;border-bottom:none;}
.survey_tab_con{display:none;}
.survey_control{width:240px;margin:0 auto;text-align:center;}
.survey_control a{display:inline-block;width:95px;height:37px;background:#ee5d02;color:#fff;font-size:15px;font-weight:bold;text-align:center;border-bottom:2px solid #b04400;border-radius:3px;padding:10px 0 0 0;margin:0 10px;}
.dot_list{margin:35px 0 0 0;position:relative;overflow:hidden;}
.dot_list:after{content:"";position:absolute;top:2px;left:6px;width:1px;height:100px;background:#fd8428;height:85%;z-index:-1;}
.dot_list li{background:url(../images/survey/form_bg02.png) no-repeat 0 2px;font-size:15px;margin:0 0 7px 0;padding:0 0 0 19px;line-height:16px;}
.dot_list li span{color:#cb060d}

/* ��� */
body.survey-report{overflow:auto;}
.survey-report .wrap{background:none;}
.survey-report .survey_contents{margin:0 38px;padding:20px 0;}
.survey-report .table01 table th{background:#607d8b;font-size:16px;font-weight:bold;color:#fff;text-align:center;border-bottom:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #607d8b;padding:8px;}
.table01 table td{background:#fff;font-size:16px;font-weight:bold;color:#000;text-align:center;border-bottom:1px solid #eee;border-right:1px solid #eee;border-top:1px solid #eee;padding:8px;}
.survey-report .r-text01{text-align:center;font-size:15px;color:#000;line-height:24px;margin:30px 0 20px 0;}
.survey-report .r-text02{font-size:15px;color:#000;line-height:24px;margin:0 0 20px 15px;}
.survey-report .result-box{margin:0 0 10px 0;}
.survey-report .result-box.mb10{margin:0 0 10px 0 !important;} 
.survey-report .result-box .result-q{font-size:14px;color:#000;font-weight:bold;margin:0 0 9.6px 15px;line-height:20px;}
.survey-report .result-box .result-q span.num{font-size:16px;color:#cb060d;font-weight:bold;}
.survey-report .result-box .result-q span.color-red{color:#cb060d;font-weight:bold;}
.survey-report .result-box .table02 th{background:#f4f7f9;font-size:13px;color:#000;text-align:center;line-height:13px;border:1px solid #eee;padding:4px 0;letter-spacing:-1px}
.survey-report .result-box .table02 td{background:#fff;font-size:13px;color:#000;text-align:center;line-height:13px;border:1px solid #eee;padding:2px 0;letter-spacing:-1px}
.survey-report .result-box .table02 .text-left{text-align:left;padding:4px 0 4px 15px}

@media(max-width:1366px){
	
}
@media(max-width:1280px){

}
@media(max-width:1150px){

}
@media(max-width:1117px){

}
@media(max-width:1024px){

}
@media(max-width:860px){

}
@media(max-width:800px){

}
@media(max-width:768px){
	.survey_tab a{width:14%;}
	.survey_tab a{border-bottom:none;}
	.survey_tab a + a + a + a + a + a + a + a{border-bottom:1px solid #fd8428;}
	
}
@media(max-width:720px){
	
}
@media(max-width:700px){
	.answer_box table td .checkarea.step{text-align:left;}
	.answer_box table td .checkarea.step .check{float:none;width:100%;}
	.answer_box table td .checkarea.step img.pc{display:none;}
	.answer_box table td .checkarea.step img.mobile{display:block;text-align:left;}
}
@media(max-width:640px){
}
@media(max-width:600px){
	
}
@media(max-width:560px){

}
@media(max-width:520px){

}
@media(max-width:480px){

}
@media(max-width:420px){
	.logo_wrap img{height:30px}
	h2.tit{font-size:28px;min-height:100px;}
	h2.tit span{display:block;}
	.top_icon{display:none;}
	
}
@media(max-width:380px){

}
@media(max-width:360px){

}
@media(max-width:320px){

}