@charset "utf-8";
/* ===================================================================

 file name  :qa.css
 style info :よくあるご質問

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

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

	overwrite

=============================== */
#main{
	padding-bottom: 0 !important;
}

/* =================================== */
#main .details{
	background: #fefdf8;
	padding-top: 30px;
	padding-bottom: 40px;
}
#main section:not(:last-of-type){
	margin-bottom: 40px;
}
#main .list-qa li {
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #e4a59b;
}
#main .list-qa li h2 {
	position: relative;
}
#main .list-qa li h2::before{
	content: '';
	display: block;
	background: url(../images/qa/ico_q.svg) no-repeat center center / contain;
	position: absolute;
	left: 12px;
	top: 16px;
	width: 21px;
	height: 21px;
	pointer-events: none;
}
#main .list-qa li h2 a{
	display: block;
	padding: 15px 15px 15px 45px;
	position: relative;
	text-decoration: none;
	color: #333333;
	font-weight: 700;
	font-size: 1.3rem;
}
#main .list-qa li .answer {
	display: none;
	position: relative;
	background: #fdf6f5;
}
#main .list-qa li .answer::before{
	content: '';
	display: block;
	background: url(../images/qa/ico_a.svg) no-repeat center center / contain;
	position: absolute;
	left: 12px;
	top: 16px;
	width: 21px;
	height: 21px;
	pointer-events: none;
}
#main .list-qa li .answer .answer-inner{
	padding: 15px 15px 15px 45px;
}
#main .list-qa li .answer .answer-inner a{
	word-break: break-all;
}
@media screen and (min-width: 768px){
	#main .details{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	#main section:not(:last-of-type){
		margin-bottom: 100px;
	}
	#main .list-qa li {
		margin-bottom: 30px;
	}
	#main .list-qa li h2::before{
		left: 24px;
		top: 20px;
		width: 42px;
		height: 42px;
	}
	#main .list-qa li h2 a{
		padding: 24px 34px 24px 90px;
		font-size: 1.7rem;
	}
	#main .list-qa li h2 a:hover{
		opacity: 0.6;
	}
	#main .list-qa li .answer::before{
		left: 24px;
		top: 20px;
		width: 42px;
		height: 42px;
	}
	#main .list-qa li .answer .answer-inner{
		padding: 24px 34px 24px 90px;
	}

}