@charset 'UTF-8';
/*----------------------------------------

	- faq
		- faq_nav
		- faq_contents
			- faq_contents_item
-----------------------------------------*/

/*----------------------------------------
faq
-----------------------------------------*/
.faq_nav{
	display: flex;
	justify-content: center;
	gap: 64px;
	border-bottom: 1px solid var(--color_cmn-line);
	padding: 48px 0;
}
.faq_nav a{
	font-size: var(--font-size18);
}
.faq_nav a[class*="ic_arrow"] {
	gap: 8px;
}
.faq_nav a[class*="ic_"][class*="--rotate"]::before {
	transform: rotate(90deg);
}
.faq_contents{
  margin-top: -16px;
	padding: 96px 0 0;
}
.faq_contents_item{
	margin-top: 48px;
	padding: 0 0 0 88px;
	position: relative;
}
.faq_contents_item:before{
	content: 'Q';
	display: block;
	width: 64px;
	height: 64px;
	background-color: var(--color_aquamarine-500);
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: var(--line-height125);
	color: var(--color_white);
	font-family: var(--ff_roboto);
	font-size: var(--font-size32);
	font-weight: var(--font-weight700);
	position: absolute;
	left: 0;
	top: 0;
}
.faq_contents:last-child .faq_contents_item:last-child{
	padding-bottom: 0;
}
.faq_contents_inner{
	max-width: 800px;
	margin: auto;
	border-bottom: 1px solid var(--color_cmn-line);
}
.faq_contents:last-child .faq_contents_inner:last-child{
	border-bottom: none;
}
.faq_contents_item:last-child{
	padding-bottom: 80px;
}
.faq_contents_item_answer{
	margin-top: 16px;
}
@media screen and (max-width: 960px) {
	.faq_nav{
		flex-wrap: wrap;
		justify-content: start;
		gap: 32px;
	}
	.faq_nav > li{
		margin-right: 32px;
	}
}
@media screen and (max-width: 800px) {
	.faq_nav{
		flex-wrap: wrap;
		justify-content: start;
		gap: 16px;
		padding: 24px 0 32px;
	}
	.faq_nav > li{
		margin-right: 16px;
	}
	.faq_contents{
    margin-top: 0;
		padding-top: 64px;
	}
	.faq_contents_item{
		padding: 0 0 0 64px;
	}
	.faq_contents_item:last-child{
		padding-bottom: 64px;
	}
	.faq_contents_item:before{
		width: 48px;
		height: 48px;
		font-size: var(--font-size24);
	}
	.heading_l1{
		font-size: var(--font-size28);
	}
	.heading_m2b{
		font-size: var(--font-size21);
	}
}