@charset "utf-8";

/*================================================================================================

* よくある質問 *

================================================================================================*/
main.faq .faq-item {
	width: 100%;
	background: #fff;
	font-size: 0.9rem;
	padding: 1rem;
	box-shadow: 0 3px 5px -3px rgba(10,10,10,0.1);
	position: relative;
	border-radius: 3px;
	margin-bottom: 2rem;
	cursor: pointer;
}
		main.faq .faq-item:last-child {
			margin-bottom: 0rem;
		}

main.faq .faq-item .text {
	width: 100%;
	padding-right: 4rem;
	padding-bottom: 0rem;
	margin-bottom: 0rem;
	border-bottom: 0px solid #eee;
	color: #24C19F;
}
		main.faq .faq-item.on .text {
			padding-bottom: 1rem;
			margin-bottom: 1rem;
			border-bottom: 1px solid #eee;
		}

main.faq .faq-item .icon {
	width: 30px;
	height: 30px;
	background: #24C19F;
	content: "";
	position: absolute;margin: auto;top: 1rem;right: 1rem;
	border-radius: 3px;
	cursor: pointer;
	pointer-events: auto;
}
main.faq .faq-item .icon span {
	width: 14px;
	height: 2px;
	background: #fff;
	content: "";
	position: absolute;margin: auto;top: 0;right: 0;bottom: 0;left: 0;
	transition: 0.35s ease;
}
main.faq .faq-item .icon span:nth-child(1) {
	transform: rotate(90deg);
}
		main.faq .faq-item.on .icon span:nth-child(1) {
			transform: rotate(45deg);
			transition: 0.35s ease;
		}
		main.faq .faq-item.on .icon span:nth-child(2) {
			transform: rotate(135deg);
			transition: 0.35s ease;
		}

main.faq .faq-item .answer {
	width: calc(100% - 40px);
	display: none;
}
		main.faq .faq-item.on .answer {
			display: block;
		}

/*================================================================================================

* メディアクエリ *

================================================================================================*/
/* ** */
@media only screen and (max-width: 1024px) {
/* ** */}
@media only screen and (max-width: 768px) {
/* ** */}
@media only screen and (max-width: 480px) {
/* ** */}