@charset "UTF-8";
/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::before{
	content: 'FAQ';
}

/*=======================================================
FAQ
=======================================================*/
.bl-faq{
	padding: 6.25rem 0 12.5rem;
}
.bl-faq-item:not(:first-of-type){
	margin-top: 2rem;
}
.bl-q{
	display: block;
	padding: 0.625rem 4rem 0.6875rem;
	font-size: 1.25rem;
	letter-spacing: 0.055rem;
	line-height: 1.5;
	border-radius: 0.75rem;
	color: #fff;
	background: #0071B9;
	position: relative;
	cursor: pointer;
}
.bl-q::before{
	content: 'Q';
	position: absolute;
	font-family: 'Oswald', sans-serif;
	font-size: 1.625rem;
	letter-spacing: 0.0975rem;
	top: 48%;
	left: 2rem;
	transform: translateY(-50%);
}
.bl-q::after{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 0.5625rem solid transparent;
	border-left: 0.5625rem solid transparent;
	border-top: 1rem solid #fff;
	border-bottom: 0;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
}
.bl-faq-item[open] .bl-q::after{
	border-right: 0.5625rem solid transparent;
	border-left: 0.5625rem solid transparent;
	border-bottom: 1rem solid #fff;
	border-top: 0;
}
.bl-a{
	overflow: hidden;
	position: relative;
}
.bl-a > *{
	padding: 2rem 2rem 0 3.875rem;
	position: relative;
}
.bl-a > *:first-of-type::before{
	content: 'A';
	position: absolute;
	color: #D83F07;
	font-family: 'Oswald', sans-serif;
	font-size: 1.625rem;
	letter-spacing: 0.0975rem;
	top: 3rem;
	left: 2rem;
	transform: translateY(-50%);
}

@media screen and (max-width: 46.875rem){
	.bl-faq{
		padding: 8rem 0 14rem;
	}
	.bl-q{
		padding: 1rem 4rem;
		font-size: 1.875rem;
	}
	.bl-q::before{
		font-size: 2.25rem;
		left: 1.5rem;
	}
	.bl-q::after{
		border-right: 0.75rem solid transparent;
		border-left: 0.75rem solid transparent;
		border-top: 1.5rem solid #fff;
		right: 1.5rem;
	}
	.bl-faq-item[open] .bl-q::after{
		border-right: 0.5625rem solid transparent;
		border-left: 0.5625rem solid transparent;
		border-bottom: 1rem solid #fff;
		border-top: 0;
	}
	.bl-a > *{
		padding: 2rem 2rem 0 3.875rem;
	}
	.bl-a > *:first-of-type::before{
		font-size: 2.25rem;
		top: 3.4rem;
		left: 1.5rem;
	}
}

details::details-content{
	content-visibility: unset;
	display: block grid;
}
@media (prefers-reduced-motion: no-preference){
	details::details-content{
		transition-duration: 0.5s;
		transition-property: grid-template-rows;
	}
}
details:not([open])::details-content{
	grid-template-rows: 0fr;
}
details[open]::details-content{
	grid-template-rows: 1fr;
}
details > div{
	overflow: hidden;
}