#faqs .wrap{
	max-width: 1100px;
}

#faqs .content{
	display: flex;
}

#faqs .faqs{
	column-count: 1;
	column-gap: 0;
}

#faqs dt{
	page-break-inside: avoid;
	break-inside: avoid;
	font-weight: 600;
}

#faqs dt,
#faqs dd{
	max-width: 1024px;
	margin: 0 auto;
}

#faqs dt svg{
	transition: all 200ms ease-in-out;
	margin: 0 auto 10px auto;
	cursor: pointer;
	display: block;
	height: 26px;
	width: 26px;
}

#faqs dt svg path{
	transition: all 200ms ease-in-out;
	fill: #61b4e4;
}

#faqs dt svg:hover path{
	fill: #8ec549;
}

#faqs dd{
	transition: all 200ms ease-in-out;
	margin-bottom: 40px;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
}

#faqs dd.show{
	max-height: 600px;
	opacity: 1;
}

#faqs dt.show svg path{
	fill: #D85581;
}

#faqs dt.show svg{
	transform: rotate(135deg);
}

@media screen and (max-width: 768px) {

	#faqs .content{
		display: block;
	}

	#faqs dt svg{
		height: 32px;
		width: 32px;
	}
}