@charset "UTF-8";

/* ==========================================================
 section
========================================================== */
/* sec-faq-01
---------------------------------------------------------- */
.sec-faq-01 {
	padding: 50px 0 120px;
}
@media screen and (max-width: 768px) {
	.sec-faq-01 {
		padding: 10px 0 80px;
	}
}
/* ==========================================================
 box-
========================================================== */
/* box-faq-01
---------------------------------------------------------- */
.box-faq-01 {
	width: 1000px;
	margin: 0 auto 50px;
	padding: 0 20px;
}
	.box-faq-01:last-child { margin-bottom: 0;}
@media screen and (max-width: 768px) {
	.box-faq-01 {
		width: auto;
		margin: 0 auto 30px;
		padding: 0 10px;
	}
}
/* box-link-scroll
---------------------------------------------------------- */
.box-link-scroll .list-link-scroll li { width: 20%;}
/* ==========================================================
 list-
========================================================== */
/* list-faq-01
---------------------------------------------------------- */
.list-faq-01 {}
	.list-faq-01 .list-faq-item {
		border: 1px solid #ccc;
		margin-bottom: 20px;
	}
		.list-faq-01 .list-faq-item:last-child { margin-bottom: 0;}
		.list-faq-01 .list-faq-item .box-in { padding: 0 30px;}
		.list-faq-01 .list-faq-item .box-question {
			cursor: pointer;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			-ms-align-items: center;
			align-items: center;
			padding: 20px 30px 20px 0;
			position: relative;
		}
		.list-faq-01 .list-faq-item .box-question:hover { text-decoration: underline;}
			.list-faq-01 .list-faq-item .box-question::before,
			.list-faq-01 .list-faq-item .box-question::after {
				position: absolute;
				content: '';
				background-color: #ed832d;
				-webkit-transition: transform 0.2s ease-in-out;
				-o-transition: transform 0.2s ease-in-out;
				transition: transform 0.2s ease-in-out;
				-webkit-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			.list-faq-01 .list-faq-item .box-question::before {
				top: calc(50% - 1px);
				right: 0;
				width: 22px;
				height: 2px;
			}
			.list-faq-01 .list-faq-item .box-question::after {
				top: calc(50% - 11px);
				right: 10px;
				width: 2px;
				height: 22px;
			}
				.list-faq-01 .list-faq-item .box-question.is-active::after {
					-webkit-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
					-o-transform: rotate(90deg);
					transform: rotate(90deg);
				}
			.list-faq-01 .list-faq-item .box-question .ico {
				-webkit-flex: 0 1 auto;
				-ms-flex: 0 1 auto;
				flex: 0 1 auto;
				margin-right: 20px;
			}
				.list-faq-01 .list-faq-item .box-question .ico img { display: block;}
			.list-faq-01 .list-faq-item .box-question .txt {
				-webkit-flex: 1;
				-ms-flex: 1;
				flex: 1;
				font-size: 20px;
				font-weight: bold;
			}
		.list-faq-01 .list-faq-item .box-answer {
			border-top: 1px solid #ccc;
			display: none;
			padding: 20px 0;
		}
			.list-faq-01 .list-faq-item .box-answer-in {
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
				.list-faq-01 .list-faq-item .box-answer .ico {
					-webkit-flex: 0 1 auto;
					-ms-flex: 0 1 auto;
					flex: 0 1 auto;
					margin-right: 20px;
				}
					.list-faq-01 .list-faq-item .box-answer .ico img { display: block;}
				.list-faq-01 .list-faq-item .box-answer .txt {
					-webkit-flex: 1;
					-ms-flex: 1;
					flex: 1;
					font-size: 14px;
				}
				.list-faq-01 .list-faq-item .box-answer .txt .link { color: #249ed6;}
					.list-faq-01 .list-faq-item .box-answer .txt .link:hover { text-decoration: underline;}
@media screen and (max-width: 768px) {
	.list-faq-01 {}
		.list-faq-01 .list-faq-item { margin-bottom: 10px;}
			.list-faq-01 .list-faq-item .box-in { padding: 0 15px;}
			.list-faq-01 .list-faq-item .box-question {
				-ms-align-items: flex-start;
				align-items: flex-start;
				padding: 10px 15px 10px 0;
			}
				.list-faq-01 .list-faq-item .box-question::before {
					top: 50%;
					width: 11px;
					height: 1px;
				}
				.list-faq-01 .list-faq-item .box-question::after {
					top: calc(50% - 5px);
					right: 5px;
					width: 1px;
					height: 11px;
				}
				.list-faq-01 .list-faq-item .box-question .ico { margin: 3px 10px 0 0;}
					.list-faq-01 .list-faq-item .box-question .ico img { width: 10px;}
				.list-faq-01 .list-faq-item .box-question .txt { font-size: 13px;}
			.list-faq-01 .list-faq-item .box-answer { padding: 10px 0;}
					.list-faq-01 .list-faq-item .box-answer .ico { margin: 3px 10px 0 0;}
						.list-faq-01 .list-faq-item .box-answer .ico img { width: 10px;}
					.list-faq-01 .list-faq-item .box-answer .txt { font-size: 9px;}
}
/* ==========================================================
 text
========================================================== */
/* txt-faq-01
---------------------------------------------------------- */
.txt-faq-01 {
	font-size: 18px;
	line-height: 2.25;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.txt-faq-01 { display: none;}
}