@charset "UTF-8";

/* =========================================================
list
========================================================= */
#faq {
	font-size: 85%;
}
#faq .header p {
	line-height: 126%;
	margin-bottom: 20px;
}
#faq .list dl {
	margin-bottom: 20px;
}
#faq .list dt {
	color: #ffffff;
	font-weight: bold;
	background-color: #777;
	padding: 10px;
	margin: 0 -10px 2px -10px;
}
#faq .list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#faq .list li {
	position: relative;
	border-bottom: 1px solid #e6eae6;
	padding: 10px 0;
}
#faq .list li.question a {
	display: block;
	color: #4d4d4d;
}
#faq .list li.question a::before,
#faq .list li.question a::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 10px;
	height: 3px;
	border-radius: 2px;
}
#faq .list li.question a::before {
	background-color: #666666;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#faq .list li.question a::after {
	background-color: #666666;
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#faq .list li .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#faq .list li .box div {
	display: table-cell;
	vertical-align: top;
}
#faq .list li .box div span {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	padding: 4px 5px;
}
#faq .list li.question .box div span {
	background-color: #cc3333;
}
#faq .list li.answer .box div span {
	background-color: #ff6600;
}
#faq .list li .box p {
	display: table-cell;
	line-height: 126%;
	vertical-align: middle;
	padding: 0 15px 0 8px;
	width: 100%;
}
/* =========================================================
desc
========================================================= */
#faq-answer {
	font-size: 85%;
	margin: 15px 0;
}
#faq-answer .question {
	border-top: 1px solid #e6eae6;
	border-bottom: 1px dotted #e6eae6;
	padding: 10px 0;
	margin: 10px 0;
}
#faq-answer .question div span {
	background-color: #cc3333;
}
#faq-answer .answer {
	border-bottom: 1px solid #e6eae6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#faq-answer .answer div span {
	background-color: #ff6600;
}
#faq-answer .box {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#faq-answer .box div {
	display: table-cell;
	vertical-align: top;
}
#faq-answer .box div span {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	padding: 4px 5px;
}
#faq-answer .box p {
	display: table-cell;
	line-height: 126%;
	vertical-align: middle;
	padding: 0 15px 0 8px;
	width: 100%;
}