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

.faq_box {
	margin-top: 130px;
}
.faq_box .none_section {
	display: none;
}
.faq_box .faq_section + .faq_section {
	margin-top: 100px;
}
.faq_box .faq_section h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 40px;
}
.faq_box .faq_block {
}
.faq_box .faq_block + .faq_block {
	margin-top: 46px;
}
.faq_box .faq_block .q_block,
.faq_box .faq_block .a_block {
	padding: 15px;
}
.faq_box .faq_block .q_block,
.faq_box .faq_block .a_block .a_f_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.faq_box .faq_block .q_block {
	background-color: #000;
	position: relative;
	cursor: pointer;
}
.faq_box .faq_block .q_block::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 100%;
	right: 15px;
	top: 0;
	background-image: url("../img/ir/common/arrow_b_white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.faq_box .faq_block .q_block.click::after {
	transform: rotate(180deg);
}
.faq_box .faq_block .q_block .icon,
.faq_box .faq_block .q_block .txt01,
.faq_box .faq_block .a_block .icon {
	font-size: 18px;
	line-height: 2em;
}
.faq_box .faq_block .q_block .icon,
.faq_box .faq_block .q_block .txt01 {
	color: #fff;
	font-weight: bold;
}
.faq_box .faq_block .a_block {
	display: none;
}
.faq_box .faq_block .a_block .txt01 {
	padding-top: 0.2em;
}
.faq_box .faq_block .a_block .txt01,
.faq_box .faq_block .a_block .txt01 p {
	font-size: 16px;
	line-height: 2em;
}
.faq_box .faq_block .q_block .icon,
.faq_box .faq_block .a_block .icon {
	width: 38px;
}
.faq_box .faq_block .q_block .txt01,
.faq_box .faq_block .a_block .txt01 {
	width: calc( 100% - 38px );
}
.faq_box .faq_block .q_block .txt01 {
	padding-right: 25px;
}
.faq_box .faq_block .a_block .txt01 a {
	color: #1B7CAB;
	text-decoration: underline;
	transition-property: opacity;
	transition-duration:.4s;
}
.faq_box .faq_block .a_block .txt01 a:hover {
	opacity: 0.5;
}


@media screen and (max-width: 768px) {
	.faq_box {
		margin-top: 12.5vw;
	}
	.faq_box .faq_section + .faq_section {
		margin-top: 9vw;
	}
	.faq_box .faq_section h2 {
		font-size: 4.5vw;
		font-weight: bold;
		margin-bottom: 5vw;
	}
	.faq_box .faq_block {
	}
	.faq_box .faq_block + .faq_block {
		margin-top: 7.3vw;
	}
	.faq_box .faq_block .q_block,
	.faq_box .faq_block .a_block {
		padding: 2vw;
	}
	.faq_box .faq_block .q_block {
		padding-bottom: 1.9vw;
		margin-bottom: 2.9vw;
	}
	.faq_box .faq_block .q_block::after {
		width: 2.5vw;
		right: 2vw;
	}
	.faq_box .faq_block .q_block .icon,
	.faq_box .faq_block .q_block .txt01,
	.faq_box .faq_block .a_block .icon {
		font-size: 3.8vw;
		line-height: 1.6em;
	}
	.faq_box .faq_block .a_block .txt01 {
		padding-top: 0;
	}
	.faq_box .faq_block .a_block .txt01,
	.faq_box .faq_block .a_block .txt01 p {
		font-size: 3.8vw;
		line-height: 1.6em;
	}
	.faq_box .faq_block .q_block .icon,
	.faq_box .faq_block .a_block .icon {
		width: 6vw;
	}
	.faq_box .faq_block .q_block .txt01,
	.faq_box .faq_block .a_block .txt01 {
		width: calc( 100% - 6vw );
	}
	.faq_box .faq_block .q_block .txt01 {
		padding-right: 4vw;
	}
}