@charset "utf-8";


/**************************************************50
 * faq
 **************************************************/
.faq{
}
.faq dt{
	background-color: #EFF0F6;
	display: table;
	width: 100%;
}
.faq dt:before{
	background-color: #1CACCA;
	color: #FFFFFF;
	content: "Q";
	display: table-cell;
	font-size: 162.5%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 52px;
}
.faq dt h3{
	display: table-cell;
	font-size: 112.5%;
	font-weight: bold;
	padding: 0.5em 1em;
	vertical-align: middle;
}
.faq dd{
	padding: 1em 1em 1em 4.3em;
	position: relative;
}
.faq dd:before{
	color: #1CACCA;
	content: "A";
	display: block;
	font-size: 162.5%;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 52px;
}
.faq dd strong{
	color: #1CACCA;
	font-weight: bold;
}
@media screen and (max-width:767px){
	.faq{
		margin: 0 auto 6.25%;
		width: 93.75%;
	}
	.faq dt h3{
		line-height: 1.4;
	}
	.faq > dd:not(:last-child){
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.faq{
		margin: 0 auto 50px;
		max-width: 950px;
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.faq dd{
		margin-bottom: 20px;
	}
}