@charset "utf-8";
/* CSS Document */

/*//faq/////////////////////////////////////////////*/
.faq {
	padding: 50px 0;
}
h3 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px;
}
@media screen and (max-width:1099px) {
	.faq {
		width: 95%;
	}
}
@media screen and (max-width:599px) {
	.faq {
		padding: 30px 0;
	}
	h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
}

/* アコーディオン */
.question {
	width:100%;
	height:40px;
	font-size: 16px;
	cursor:pointer;
	background:url(../imgs/faq/open.png) no-repeat right center #f2f2f2;
	padding: 10px 20px;
	margin-bottom: 15px;
}
.question:before {
	content:"Q";
	margin-right: 20px;
	color: #D90000;
}
.question.active {
	background:url(../imgs/faq/close.png) no-repeat right center #f2f2f2;
}
.answer {
	width:100%;
	display:none;
	padding: 0 20px 20px;
	font-size: 0;
}
.answer:before {
	content:"A";
	margin-right: 20px;
	color: #0025ff;
	font-size: 16px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
}
.answer p {
	font-size: 16px;
	display: inline-block;
	width: 95%;
}
.answer p span {
	font-size: 16px;
	font-weight: 700;
	display: block;
}
.answer p span:nth-of-type(2),
.answer p span:nth-of-type(3) {
	margin-top: 10px;
}
@media screen and (max-width:1099px) {
	.question {
		height: auto;
		padding: 10px 40px 10px 10px;
		line-height: 1.3;
		background-color: #CCCCCC;
    font-size: 14px;
	}
	.question:before,
	.answer:before {
		margin-right: 5px;
	}
	.question.active {
		background-color: #CCCCCC;
	}
	.answer {
		padding: 0 10px 10px;
	}
}
@media screen and (max-width:599px) {
	.answer p {
		font-size: 14px;
		width: 100%;
	}
}