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

#FAQ h2 {
	background: #3fa8ff;
	color: #FFF;
	font-size: clamp(3.125rem, 1.923rem + 2.56vw, 5rem);
	margin-top: 10%;
}
#FAQ h3 {
	font-size: clamp(4.5rem, 2.577rem + 4.1vw, 7.5rem);
	margin: 1% 0;
}
#FAQ .wrap {
	margin-bottom: 8%;
}
#FAQ .Q .title {
	margin-left: 0.9%;
}
#FAQ .Q .title h4 {
	font-size: clamp(1.25rem, 0.369rem + 1.88vw, 2.625rem);
	padding: 0 100px;
}
#FAQ .Q .flex {
	background: #0075ff;
	color: #FFF;
	line-height: 2.3ex;
	font-size: clamp(1.75rem, 0.668rem + 2.31vw, 3.438rem);
	padding: 0.5% 4% 0.5% 0;
}
#FAQ .Q .flex span {
	color: #91d7ff;
	font-size: clamp(5rem, 1.995rem + 6.41vw, 9.688rem);
	line-height: 1.8ex;
	width: 15%;
}
#FAQ .A {
	background: rgba(255,255,56,0.5);
	margin-top: 4%;
	padding: 4% 5% 3% 14%;
	position: relative;
}
#FAQ .A p {
	font-size: clamp(1.2rem, 0.607rem + 1.26vw, 2.125rem);
	text-align: justify;
}
#FAQ .A span {
	background: #ff9617;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 5%;
	border-radius: 50%;
	font-size: clamp(2.5rem, 0.897rem + 3.42vw, 5rem);
	font-weight: bold;
	position: absolute;
	top: -30px;
	left: 2%;
}

@media screen and (max-width: 1150px){
	#FAQ .A span {
		top: -20px;
	}
}