@charset "UTF-8";

/*faqQuestionList01*/

.faqQuestionList01 {

	margin-bottom: 15px;

}

.faqQuestionList01 > li {

	margin-bottom: 15px;

}

.faqQuestionList01 > li:last-child {

	margin-bottom: 0;

}

.faqQuestionList01 > li > a > span,

.faqQuestionList01 > li span.answerIcon01 {

	position: relative;

	display: inline-block;

	padding-left: 40px;

}

.faqQuestionList01 > li span.answerIcon01 {
	margin-top: 10px;
}
.faqQuestionList01 > li > a:hover > span {

	text-decoration: underline;

}

.faqQuestionList01 > li > a > span:before,

.faqQuestionList01 > li span.answerIcon01:before {

	position: absolute;

	top: 0;

	left: 0;

	display: inline-block;

	width: 28px;

	height: 28px;

	content: "";

}

.faqQuestionList01 > li > a > span:before {

	background: url(/kojin/faq/images/faq_icon_25.svg) no-repeat 0 0;

	background-size: 28px;

}

.faqQuestionList01 > li span.answerIcon01:before {

	background: url(/kojin/faq/images/faq_icon_26.svg) no-repeat 0 0;

	background-size: 28px;

}



/*faqQuestionList02*/

.faqQuestionList02 {

	margin-bottom: 10px;

}

.faqQuestionList02 > li {

	margin-bottom: 10px;

}

.faqQuestionList02 > li:last-child {

	margin-bottom: 0;

}

.faqQuestionList02 > li > a > span {

	position: relative;

	display: inline-block;

	padding-left: 0.8em;

}

.faqQuestionList02 > li > a:hover > span {

	text-decoration: underline;

}

.faqQuestionList02 > li > a > span:before {

	position: absolute;

	top: 0.5em;

	left: 0;

	content: "\e604";

	font-family: 'icon';

	font-weight: normal;

	color: #049849;

	display: block;

	position: absolute;

	font-size: 0.85em;

	line-height: 1;

}



/*faqQuestionList03*/

.faqQuestionList03 {

	margin-bottom: 15px;

}

.faqQuestionList03 > li {

	margin-bottom: 15px;

}

.faqQuestionList03 > li:last-child {

	margin-bottom: 0;

}

.faqQuestionList03 > li > a > span,

.faqQuestionList03 > li span.answerIcon01 {

	position: relative;

	display: inline-block;

	padding-left: 40px;

}

.faqQuestionList03 > li span.answerIcon01 {
	margin-top: 10px;
}
.faqQuestionList03 > li > a:hover > span {

	text-decoration: underline;

}

.faqQuestionList03 > li > a > span:before,

.faqQuestionList03 > li span.answerIcon01:before {

	position: absolute;

	top: 0;

	left: 0;

	display: inline-block;

	width: 28px;

	height: 28px;

	content: "";

}

.faqQuestionList03 > li > a > span:before {

	background: url(/kojin/faq/images/faq_icon_25.svg) no-repeat 0 0;

	background-size: 28px;

}

.faqQuestionList03 > li span.answerIcon01:before {

	background: url(/kojin/faq/images/faq_icon_26.svg) no-repeat 0 0;

	background-size: 28px;

}



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



	/*faqQuestionList01*/

	.faqQuestionList01 > li > a > span,

	.faqQuestionList01 > li span.answerIcon01 {

		padding-left: 29px;

	}

	.faqQuestionList01 > li > a > span:before,

	.faqQuestionList01 > li span.answerIcon01:before {

		top: 3px;

		width: 20px;

		height: 20px;

		background-size: 20px;

	}



	/*faqQuestionList03*/

	.faqQuestionList03 > li > a > span {

		display: -webkit-box;

		-webkit-line-clamp: 3;

		-webkit-box-orient: vertical;

		overflow: hidden;
	}

	.faqQuestionList03 > li > a > span,

	.faqQuestionList03 > li span.answerIcon01 {

		padding-left: 29px;

	}

	.faqQuestionList03 > li > a > span:before,

	.faqQuestionList03 > li span.answerIcon03:before {

		top: 3px;

		width: 20px;

		height: 20px;

		background-size: 20px;

	}
}