@charset "UTF-8";

.questionnaire .todo{
	/* 確認用 */
	background: #eee;
	border: 1px solid #ccc;
}

.questionnaire img{
	 max-width: unset;
}

.questionnaire .smart_mag_wrap{
	margin-bottom: 60px;
}

/* content1
------------------------------------*/
.questionnaire .content1{
	margin-bottom: 30px;
}
.questionnaire .content1 .s_txt{
	margin-top: 20px;
	font-size: 9px;
	text-align: center;
}
.questionnaire .content1 img {
	display: block;
	margin: 1em auto;
}

/* content2
------------------------------------*/
.questionnaire .content2 .percentage {
	margin: 20px 0;
}

.questionnaire .percentage th {
	text-align: center;
	width: 55px;
}
.questionnaire .percentage th.q_title {
	text-align: center;

}
.questionnaire .percentage th.mr_title {
	text-align: center;
	font-weight: bold;
	width: 160px;
	background: #E5EAEF;
}

.questionnaire .percentage td {
	text-align: right;
	vertical-align: middle;
}

.questionnaire .percentage td.q_txt {
	text-align: center;
	font-weight: bold;
	color: #334455;

}
.questionnaire .percentage td.mr_txt {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #334455;
	background: #F5F7F9;
}
.questionnaire .content2 .cap {
	margin-bottom:2em;
}

.questionnaire .content2 img {
	display: block;
	margin: 1em auto;
}



/* content3
------------------------------------*/
.questionnaire .content3.smart_mag_wrap {
	margin-bottom:40px;
}
.questionnaire .content3 {
	background: #f9f9f9;
	padding: 10px 16px;
}
.questionnaire .content3 .category_sub_title {
	border-top: none;
	background: none;
	border-bottom: 1px solid #7DD4DB;
}
.questionnaire .content3 .category_sub_title span {
	color:#555;
	font-weight: bold;
}
.questionnaire .content3 p {
	margin-bottom: 1.5em;
	padding: 5px 10px;
}
.questionnaire .content3 .em_title {
	text-align: center;
	margin: .8em 0 .5em;
	font-size: 15px;
	color:  #333;
	font-weight:  bold;
	color: #666;
}

.tsuyomi {
	text-align: center;
	margin-bottom: 40px;
}

.questionnaire .tsuyomi .card {
	background: #fff;
	width: 170px;
	padding: 20px 0 21px;
	display: inline-block;
	margin: 15px 6px 1px;
	vertical-align:  top;
}

.questionnaire .tsuyomi .card_icon .fa-circle{
	color: #7DD4DB;
}

.questionnaire .tsuyomi .card_title {
	font-size: 16px;
	font-weight:  bold;
	margin: .7em 0 1em;
}

.questionnaire .tsuyomi .card_text {

}

/* content4
------------------------------------*/


.questionnaire .content4 p {
	margin-bottom:2em;
}

.questionnaire .content4 li {
	margin: .5em 2em
}

.questionnaire .content4 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0da";
	padding-right : .5em;
}