@charset "UTF-8";

/* ---------------------------------------
  faq
-----------------------------------------*/
#sec_faq {
	padding: 0 0 140px;
}

@media screen and (max-width: 767px) {
	#sec_faq {
		padding: 0 0 20rem;
	}
}

#sec_faq .lead {
	margin-bottom: 40px;
}

#sec_faq .faq_box {
	padding: 50px 0;
}

#sec_faq .faq_box + .faq_box {
	border-top: 1px solid #c6c6c6;
}

#sec_faq .faq_box dt {
	position: relative;
	font-weight: 500;
	font-size: 2rem;
	line-height: 1.8;
	padding-left: 50px;
	margin-bottom: 1em;
}

#sec_faq .faq_box dt::before {
	content: "Q.";
	color: #7bccf1;
	font-weight: 600;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 2.8rem;
	line-height: 1;
	letter-spacing: 0;
	position: absolute;
	left: 0;
	top: 4px;
}

#sec_faq .faq_box dd {
	font-size: 1.6rem;
	line-height: 2.125;
	text-align: justify;
	padding-left: 50px;
}

#sec_faq .imgwrap {
	margin-top: 60px;
}

#sec_faq .imgwrap .img {
	width: 31.74%;
	max-width: 332px;
}

@media screen and (max-width: 767px) {
	#sec_faq .lead {
		margin-bottom: 10rem;
	}

	#sec_faq .faq_box {
		padding: 7.5rem 0;
	}

	#sec_faq .faq_box dt {
		font-size: 3rem;
		letter-spacing: 0.075em;
		padding-left: 7.5rem;
	}

	#sec_faq .faq_box dt::before {
		font-size: 4.2rem;
		top: .5rem;
	}

	#sec_faq .faq_box dd {
		font-size: 2.4rem;
		padding-left: 7.5rem;
	}

	#sec_faq .imgwrap {
		margin-top: 10rem;
	}

	#sec_faq .imgwrap .img {
		width: 100%;
		max-width: inherit;
	}
	
	#sec_faq .imgwrap .img + .img{
		margin-top: 3.8rem;
	}
}