@charset "UTF-8";
/* ======================================
   section
====================================== */
#pageBody > #faq {
	max-width : 100%;
	margin : 0 auto;
	padding : 30px 0 120px;
}

/* ======================================
   faq
====================================== */
#faq > h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	margin-bottom : 70px;
	text-align : center;
	letter-spacing : 0.1em;
	color : #333333;
}

#faq > h3 span {
	display : block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1rem;
	font-weight : 300;
	margin-top : 15px;
	color : #fbcf49;
}

#faq > dl {
	max-width : 1200px;
	margin : 0 auto;
}

#faq > dl dt {
	display : block;
	display : flex;
	position : relative;
	align-items : center;
	padding : 20px 30px;
	color : #ffffff;
	background-color : #1684b2;
}

#faq > dl dt span:first-of-type {
	display : block;
	display : flex;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1.875rem;
	font-weight : 600;
	justify-content : center;
	align-items : center;
	width : 55px;
	height : 55px;
	margin-right : 20px;
	color : #ffffff;
	background-color : #fbcf49;
}

#faq > dl dt span:nth-of-type(2) {
	display : block;
	font-size : 1.125rem;
	line-height : 1.45;
	flex-basis : 80%;
	flex-grow : 1;
	letter-spacing : 0.1em;
}

#faq > dl dd {
	line-height : 1.75;
	padding : 30px;
	background-color : #f2f2f2;
}

#faq > dl dd + dt {
	margin-top : 25px;
}

#faq > dl + h3 {
	margin-top : 80px;
}

@media screen and (max-width: 767px) {
	#pageBody > #faq {
		padding : 30px 0;
	}
	#faq > dl {
		margin : 0;
		padding : 0 10px;
	}
	#faq > dl dt {
		align-items : stretch;
		padding : 0;
	}
	#faq > dl dt span:first-of-type {
		font-size : 1.375rem;
		flex-basis : 12%;
		height : auto;
		margin : 0;
	}
	#faq > dl dt span:nth-of-type(2) {
		font-size : 1rem;
		padding : 20px;
	}
	#faq > dl dd {
		padding : 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#faq > dl {
		margin : 0;
		padding : 0 20px;
	}
}