@charset "UTF-8";
/**
 * faq.css
 */

/* FAQ
----------------------------------------------- */
.faqs {
	margin: 0 0 64px 0;
	padding: 0;
}
	.faqs .faq_category_name {
		font-size: 1.4rem;
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 16px 32px;
		margin: 0 0 24px 0;
	}
	.faqs .faq {
		margin: 0 0 22px 0;
		padding: 0;
		border-bottom: 1px solid #ddd;
	}
		.faqs .faq a {
			text-decoration: underline;
		}
		.faqs .faq .question {
			position: relative;
			top: 0;
			left: 0;
			font-size: 1.3rem;
			margin: 0 16px 16px 16px;
			padding: 14px 16px 14px 80px;
			font-weight: bold;
			color: #4f4f4f;
		}
			.faqs .faq .question .icon {
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				font-size: 1.6rem;
				font-weight: bold;
				color: #77cfdf;
				border: 3px solid #77cfdf;
				border-radius: 8px;
				padding: 4px 16px;
				margin: 0 24px 0 0;
			}
		.faqs .faq .answer {
			position: relative;
			top: 0;
			left: 0;
			font-size: 1.2rem;
			margin: 0 16px 16px 16px;
			padding: 12px 16px 16px 80px;
		}
			.faqs .faq .answer .icon {
				position: absolute;
				top: 0;
				left: 0;
				display: inline-block;
				font-size: 1.6rem;
				font-weight: bold;
				color: #f99;
				border: 3px solid #f99;
				border-radius: 8px;
				padding: 4px 16px;
				margin: 0 24px 0 0;
			}


/* レスポンシブ bootstrap4
----------------------------------------------- */
/* モバイル（xs） iPhone6 Plus 縦 */
@media (max-width: 539px) {
	.faqs .faq_category_name {
		font-size: 1.1rem;
		padding: 10px 16px;
		margin: 0 0 16px 0;
	}
		.faqs .faq .question {
			position: relative;
			top: 0;
			left: 0;
			font-size: 1.1rem;
			margin: 0 8px 16px 8px;
			padding: 10px 8px 14px 60px;
		}
			.faqs .faq .question .icon {
				display: inline-block;
				font-size: 1.2rem;
				border-radius: 6px;
				padding: 3px 12px;
				margin: 0 16px 0 0;
			}
		.faqs .faq .answer {
			position: relative;
			top: 0;
			left: 0;
			font-size: 1.1rem;
			margin: 0 8px 16px 8px;
			padding: 12px 8px 14px 60px;
		}
			.faqs .faq .answer .icon {
				display: inline-block;
				font-size: 1.2rem;
				border-radius: 6px;
				padding: 3px 12px;
				margin: 0 16px 0 0;
			}
}
/* モバイル（sm） iPhone6 Plus 横 */
@media (min-width: 540px) and (max-width: 719px) {
}
/* モバイル（md）iPad mini 縦 */
@media (min-width: 720px) and (max-width: 959px) {
}
/* タブレット（lg） iPad mini 横 */
@media (min-width: 960px) and (max-width: 1139px) {
}
/* PC（xl） */
@media (min-width: 1140px) {
}