@charset "UTF-8";

.modules_survey .proc_write .survey_list	{ counter-reset: item; padding: 0; margin: 0; list-style: none; border-width: 2px 0 1px 0; border-style: solid; border-color: #2e387e transparent #e1e1e1; }
.modules_survey .proc_write .survey_list > li	{ position: relative; counter-increment: item; padding: 10px 10px 10px 50px; margin: 0; list-style: none; border-bottom: 1px solid #2e387e; }
.modules_survey .proc_write .survey_list > li:before	{ position: absolute; left: 0; top: 10px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #2e387e; color: #fff; content: "Q"counter(item); }
.modules_survey .proc_write .survey_list > li:list-child	{ border-bottom: 0 none; }

.modules_survey .proc_write .survey_list dl	{ display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.modules_survey .proc_write .survey_list dl > dt	{ display: flex; flex: 1 1 25%; align-items: center; justify-content: center; padding: 0; margin: 0; list-style: none; border-top: 1px solid #e1e1e1; box-sizing: border-box; background-color: #f7f7f7; font-weight: 500; color: #000; }
.modules_survey .proc_write .survey_list dl > dd	{ display: flex; flex: 1 1 75%; padding: 10px; margin: 0; list-style: none; border-top: 1px solid #e1e1e1; box-sizing: border-box; }
.modules_survey .proc_write .survey_list dl > dt:nth-child(1),
.modules_survey .proc_write .survey_list dl > dd:nth-child(2)	{ border-top: 0 none; }

.modules_survey .proc_write .survey_list .survey_item ol	{ width: 100%; padding: 0; margin: 0; list-style: none; }
.modules_survey .proc_write .survey_list .survey_item ol li	{ padding: 0; margin: 0 0 0 30px; list-style: decimal; list-style-position: outside; }
.modules_survey .proc_write .survey_list .survey_item ol li + li	{ margin-top: 5px; }

.modules_survey .proc_write .survey_list *[disabled],
.modules_survey .proc_write .survey_list *[disabled] + label	{ opacity: 0.3; }






.modules_survey .proc_read .survey-item .answer_count .answer dd	{ position: relative; line-height: 40px; padding-left: 150px; }
.modules_survey .proc_read .survey-item .answer_count .answer dd > span	{ position: absolute; left: 50px; top: 0; width: 70px; text-align: right; font-weight: 500; font-size: 1.2rem; }
/*
.modules_survey .proc_read .survey-item .answer_count .answer dd > span:after	{ font-weight: normal; font-size: 1rem; content: " / " attr(data-total-count); }
*/
.modules_survey .proc_read .survey-item .answer_count .answer dd > em	{ display: block; background-color: #ccc; text-indent: 1em; }
.modules_survey .proc_read .survey-item .answer_count.min_count .answer dd > em	{ background-color: #d2cfff; }
.modules_survey .proc_read .survey-item .answer_count.max_count .answer dd > em	{ background-color: #ffcfcf; }
.modules_survey .proc_read .survey-item .answer_count .answer dd > em.zero	{ width: auto !important; border-left: 1px solid #ccc; background: transparent; }
.modules_survey .proc_read .survey-item .answer_count.min_count .answer dd > em.zero	{ border-left-color: #d2cfff; }
.modules_survey .proc_read .survey-item .answer_count.max_count .answer dd > em.zero	{ border-left-color: #ffcfcf; }