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

/*----------------------------------------------------
	☆uniq
----------------------------------------------------*/
#mainTitle{
	background: url("../images/mv.jpg") center center no-repeat;
	background-size: cover;
}

#contents .faqList dl{
	border-bottom: 1px solid #ccc;
	line-height: 2em;
}
#contents .faqList dl:first-of-type{
	border-top: 1px solid #ccc;
}
#contents .faqList dl dt{
	padding: 30px;
	font-size: 16px;
	position: relative;
	cursor: pointer;
}
#contents .faqList dl dd{
	padding: 30px;
	background: #f1efeb;
}
#contents .faqList dl dt::before,
#contents .faqList dl dt::after{
	content: "";
	position: absolute;
	width: 1px;
	height: 26px;
	top: 30px;
	right: 30px;
	background: #ccc;
	transition: .3s;
}
#contents .faqList dl dt::after{
	transform: rotate(90deg);
}
#contents .faqList dl dt.active::before{
	transform: rotate(90deg);
}

@media screen and (max-width:768px) {
	#contents .faqList dl dt{
		padding: 15px 25px 15px 15px;
		font-size: 15px;
	}
	#contents .faqList dl dd{
		padding: 15px;
	}
	#contents .faqList dl dt::before,
	#contents .faqList dl dt::after{
		height: 15px;
		top: 20px;
		right: 15px;
	}
}