@charset "UTF-8";
/* CSS Document */
/* breadArea" */
.mainArea {
	background-image: url(../img/faq/faqBg.jpg);
}
.faqBox01 {
	width: 1000px;
	margin: 0 auto;
}
.faqBox01 dl {
	margin-bottom: 40px;
}
.faqBox01 dl dt {
	font-size: 16px;
	font-weight: bold;
	position: relative;
	padding: 20px 30px 20px 120px;
	border-bottom: 2px dotted #CCC;
	color: #192850;
}
.faqBox01 dl dt:before {
	position: absolute;
	content: "Q.";
	top: 0;
	left: 0;
	width: 85px;
	height: 62px;
	font-size: 30px;
	font-weight: bold;
	line-height: 62px;
	color: #1238A0;
}
.faqBox01 dl dd {
	font-size: 13px;
	position: relative;
	margin-top: 15px;
	padding: 20px 30px 20px 160px;
}
.faqBox01 dl dd a {
	color: #FEA500;
	font-weight: bold;
}
.faqBox01 dl dd:before {
	position: absolute;
	content:"A.";
	width: 85px;
	height: 62px;
	top: 0;
	left: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 62px;
	color: #9B0002;
}

@media screen and (max-width: 768px) {
.faqBox01 {
	width: 100%;
	padding: 30px 4vw 0;
}
.faqBox01 dl dt {
	font-size: 14px;
	padding: 10px 2vw 10px 35px;
	border-bottom: 2px dotted #CCC;
}
.faqBox01 dl dt:before {
	font-size: 23px;
	line-height: 20px;
	width: 28px;
	height: 20px;
	top: 5px;
}
.faqBox01 dl dd {
	font-size: 12px;
	margin-top: 10px;
	padding: 10px 2vw 10px 45px;
}
.faqBox01 dl dd:before {
	font-size: 23px;
	line-height: 20px;
	width: 28px;
	height: 20px;
	top: 5px;
	left: 10px;
}
}



