@charset "UTF-8";

.main_head {
	background-image: url('../faq/img/img-head.jpg');
}

.main_cnt {
	padding: 60px 0;
}

.faq {
}

.faq_sec {
	margin-top: 15px;
}

.faq_sec:first-child {
	margin-top: 0;
}

.faq_ttl {
	font-size: 18px;
	font-weight: bold;
	background: #FFF;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	line-height: 1.4;
	padding: 15px 60px;
	position: relative;
	cursor: pointer;
}

.faq_ttl:before {
	content: "";
	display: block;
	position: absolute;
	background-image: url('../faq/img/img-q@2x.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 22px;
	height: 26px;
	left: 22px;
}

.faq_ttl:after {
	position: absolute;
	right: 25px;
	top: 50%;
	line-height: 1;
	font-weight: normal;
	font-family: icomoon;
	content: "\e902";
	color: #003567;
	margin-top: -0.5em;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.faq_ttl.-open:after {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.faq_cnt {
	padding: 15px 15px 15px 60px;
	position: relative;
	display: none;
}

.faq_cnt:before {
	content: "";
	display: block;
	position: absolute;
	background-image: url('../faq/img/img-a.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 23px;
	height: 22px;
	left: 21px;
}

.faq_text {
}

/* for Tablet */
@media screen and (max-width:1030px) {
}

/* for SP */
@media screen and (max-width:640px) {
	.main_head {
	}

	.main_cnt {
		padding: 40px 0;
	}

	.faq {
	}

	.faq_sec {
	}

	.faq_sec:first-child {
	}

	.faq_ttl {
		padding: 15px 40px;
		font-size: 16px;
	}

	.faq_ttl:before {
		;
		width: 18px;
		height: 21px;
		left: 14px;
	}

	.faq_ttl:after {
		right: 15px;
	}

	.faq_ttl.-open:after {
	}

	.faq_cnt {
		padding: 15px 15px 15px 40px;
	}

	.faq_cnt:before {
		width: 19px;
		height: 21px;
		left: 12px;
	}

	.faq_text {
	}

}

/* for Print */
@media print {
}
