/*  FAQ
============================================================================= */
.sect.-faq{
	background: #f5f5f5;
}
.faq-dl, .faq-wrap{
	margin-top: 20px;
}
.faq_ttl{
	overflow: hidden;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 5px;
	transition: all .5s ease;
	text-align:left;
}
.faq_ttl:not(:first-of-type), .faq-wrap > div:not(:first-of-type){
	border-top: solid 1px #ccc;
}
.faq_ttl span{
	display: flex;
	font-weight: bold;
}
.faq_ttl span:before{
	margin: -4px 10px 0 0;
	color: #3498db;
	content: "Q.";
	font-size: 2.6rem;
	line-height: 1;
}
.faq_ttl .m-ico{
	margin: 0 0 0 5px;
	font-size: 2.6rem;
	transition: all .5s ease;
}
.faq_ttl .m-ico:before{
	transition: all .5s ease;
}
.faq_ttl dt.is-active .m-ico:before{
	transform: rotateZ(180deg);
}
.faq_txt{
	display: none;
}
.faq_txt-box{
	display: flex;
	padding: 5px 5px 15px 5px;
	text-align:left;
}
.faq_txt-box:before{
	margin: -4px 10px 0 0;
	content: "A.";
	color: #3498db;
	font-size: 2.6rem;
	line-height: 1;
}
.faq_txt a{
	/*text-decoration: underline;*/
	transition: all .5s ease;
	font-weight:bold;
}

@media screen and (min-width: 1000px) {
	.faq-dl{
		margin-top: 50px;
	}
	.faq_ttl{
		padding: 20px 30px;
	}
	.faq_ttl span:before{
		margin-right: 30px;
	}
	.faq_ttl:hover{
		opacity: .6;
	}
	.faq_txt-box{
		padding: 10px 30px 20px 30px;
		text-align: left;
	}
	.faq_txt-box:before{
		margin-right: 30px;
	}
	.faq_txt-box a:hover{
		opacity: .6;
	}
}