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

check.css
- チェックシート

//////////////////////////////////////////////////////////////////////////////
*/
.inner_check { 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; } }

/*---------------------------------- チェックシート一覧
*/
.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; }

/*---------------------------------- チェック者の情報入力：フリーフォーマット側のみ使用
*/
.input_area { max-width: 800px; padding: 10px; margin: auto auto 20px; background: #f4f2ea; }
@media screen and (min-width: 600px) { .input_area { margin-bottom: 30px; padding: 15px; } }
@media screen and (min-width: 960px) { .input_area { margin-bottom: 40px; padding: 20px; } }
.input_area .ttl_input { background-color: #54403c; color: #fff; padding: 6px 20px; margin: 0 auto 10px; text-align: center; font-size: 1.4rem; }
@media screen and (min-width: 600px) { .input_area .ttl_input { font-size: 1.8rem; } }
@media screen and (min-width: 960px) { .input_area .wrap_select { display: flex; } }
.input_area .dlList_form01 { margin: 5px 0 0; padding: 5px 0; }
.input_area .dlList_form01 dt { color: #4d4d4d; min-width: 4em; font-weight: bold; font-size: 1.4rem; }
.input_area .dlList_form01 dd { margin: 0; }
.input_area .dlList_form01 select { max-width: 200px; margin-right: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.input_area .age_area { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.input_area .age_area .dlList_form01 + .dlList_form01 { margin-left: 0; }
.input_area .ico_form_gender { margin-top: 0; }
@media screen and (min-width: 600px) { .input_area .ico_form_gender li { width: auto; margin-right: 20px; } }

/*---------------------------------- チェック項目
*/
.question_area .btn_check a { margin-top: 40px; padding: 10px 50px 8px; font-weight: bold; }

.question_box { margin-top: 0; padding: 15px; background: #fff; border: 2px solid #e6e6e6; border-radius: 10px; }
.question_box dt { display: -webkit-flex; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px #666 solid; font-weight: bold; vertical-align: middle; }
@media screen and (min-width: 600px) { .question_box dt { flex-wrap: nowrap; } }
.question_box .question_no { display: inline-block; min-width: 160px; margin: auto auto 10px; padding: 15px 0; background: #54403c; color: #fff; font-weight: bold; font-size: 1.4rem; white-space: nowrap; text-align: center; }
@media screen and (min-width: 600px) { .question_box .question_no { margin: auto 10px auto 0; font-size: 1.8rem; } }
.question_box .question_txt { display: block; width: 100%; }
.question_box dd { margin: 0; }
.question_box .question_img { text-align: center; }
.question_box .question_ans { list-style: none; padding: 0; }
@media screen and (min-width: 600px) { .question_box .question_ans { display: flex; flex-wrap: nowrap; justify-content: center; } }
.question_box .question_ans li { width: 80%; margin: auto; padding: 10px; border: 2px solid #ccc; text-align: center; color: #888; font-size: 1.6rem; cursor: pointer; background-size: 16px 16px; }
.question_box .question_ans li + li { margin-top: 5px; }
@media screen and (min-width: 600px) { .question_box .question_ans li + li { margin-top: 0; margin-left: 5px; } }
.question_box .question_ans li i { font-weight: bold; }
.question_box .question_ans li:hover { border: 2px solid #999; }
.question_box .question_ans li.select { border: 2px solid #603813; color: #333; }

.form_btn { width: 100%; max-width: 300px; 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 { max-width: 100%; margin: auto; background-color: #54403c; }

.form_btn02 { display: flex; justify-content: space-around; width: 100%; max-width: 500px; margin: 10px auto 0 !important; }
.form_btn02 .btn { width: 48%; border: none; background-image: none; color: #fff; font-weight: bold; }
.form_btn02 .btn:hover { opacity: .8; }
.form_btn02 .btn_yes { background-color: #600; }
.form_btn02 .btn_no { background-color: #006; }

/*---------------------------------- チェック結果
*/
.check_result { padding: 15px; }
.check_result .score { margin-bottom: 20px; font-size: 125.0%; font-weight: bold; text-align: center; line-height: 1.05; }
.check_result .score b { font-size: 300%; color: #c00; }
.check_result .result_txt { margin-bottom: 10px; padding: 15px; background: #f4f2ea; }

.notes_mark { position: relative; padding-top: 0; padding-left: 1.5em; }
.notes_mark:before { position: absolute; content: "※"; top: 0; left: 0; }