@charset "UTF-8";
/* 
//////////////////////////////////////////////////////////////////////////////

questionary.css
- アンケート

//////////////////////////////////////////////////////////////////////////////
*/
.inner_questionary { max-width: 1000px; margin: auto; }

h2 { margin-top: 0; padding-bottom: 10px; font-size: 1.8rem; line-height: 1.5; border-bottom: 1px solid #666; }
@media screen and (min-width: 600px) { h2 { font-size: 2.4rem; } }

h3 { margin-bottom: 0; color: #54403c; font-size: 1.6rem; }
@media screen and (min-width: 600px) { h3 { font-size: 2.0rem; } }

/*---------------------------------- アンケート一覧
*/
.list_checklist { max-width: 1000px; margin: auto; padding: 0; list-style: none; }
.list_checklist a { display: block; margin-bottom: 10px; padding: 10px 1em 9px 38px; border-radius: 4px; background: url(../img/icon/icn_arw01_r.svg) no-repeat 15px center #fff; background-size: 7.5px 12px; color: #6f5436; border: 2px solid #e6e6e6; }
.list_checklist a:hover { transition: .2s; background-color: #f4f2ea; }

/*---------------------------------- アンケート：入力画面
*/
fieldset { margin-top: 20px; padding: 0 10px 10px; border-top: 1px solid #eee; }
@media screen and (min-width: 600px) { fieldset { padding: 5px 15px 15px; } }

.question { font-weight: bold; font-size: 1.4rem; }
.question p { margin-bottom: 5px; }

.question_no { display: block; width: 100px; margin-right: calc(100% - 100px); margin-bottom: 5px; background: #54403c; color: #fff; text-align: center; }

.comment p { margin-top: 0; }

.error { margin-bottom: 0; color: #c00; font-weight: bold; }

.list_ans { list-style: none; margin-top: 0; padding: 15px; background: #f4f2ea; }
.list_ans li { display: inline-block; margin-right: 20px; }
.list_ans.list_ans_conf_check { list-style: disc; }
.list_ans.list_ans_conf_check li { display: list-item; margin-left: 2em; }

.wrap_textarea { padding: 10px; background: #f4f2ea; }
@media screen and (min-width: 600px) { .wrap_textarea { padding: 15px; } }

.form_btn { width: 100%; max-width: 500px; margin: 10px auto 0; }
.form_btn .btn { border: none; background-image: none; color: #fff; }
.form_btn .btn:hover { opacity: .8; }
.form_btn .btn_prev { width: 40%; background-color: #999392; }
.form_btn .btn_next { width: 58%; margin-left: 2%; background-color: #54403c; }