@charset "UTF-8";
/*****************************************************
　よくある質問ページ専用スタイル
　common.css の変数・命名規則を踏襲
*****************************************************/

.eyebrow-left{justify-content:flex-start;}

.faq-archive{
	max-width:1250px;
	padding-top:110px;
	padding-bottom:120px;
}
.archive-head{margin:0 0 44px;}
.archive-head h1{
	font-size:32px;font-size:3.2rem;
	font-weight:700;
	margin:0;
}

/* ===== FAQ list ===== */
.faq-list{
	display:flex;
	flex-direction:column;
	gap:24px;
}
.faq-item{
	background:var(--card-bg);
	border:1px solid var(--card-border);
	border-radius:var(--radius-lg);
	overflow:hidden;
}

.faq-question{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	background:none;
	border:none;
	text-align:left;
	padding:28px 34px;
	font-size:17px;font-size:1.7rem;
	font-weight:700;
	color:var(--text-basic);
	font-family:inherit;
	cursor:pointer;
}
.faq-icon{
	flex-shrink:0;
	width:22px;height:22px;
	display:flex;align-items:center;justify-content:center;
	color:var(--text-basic);
	transition:transform .25s ease;
	transform:rotate(180deg);
}
.faq-item.is-open .faq-icon{transform:rotate(0deg);}

.faq-answer{
	max-height:0;
	overflow:hidden;
	transition:max-height .3s ease;
}
.faq-answer-inner{
	padding:0 34px 30px;
}
.faq-answer p{
	display:flex;
	gap:8px;
	margin:0;
	font-size:15px;font-size:1.5rem;
	color:var(--text-secondary);
	line-height:1.85;
}
.faq-answer .a-mark{
	flex-shrink:0;
	font-weight:700;
	color:var(--text-basic);
}
.faq-answer .a-text{flex:1;min-width:0;line-height:inherit;}

/* ===================================================
	 Responsive: <=1024px
=================================================== */
@media (max-width:1024px){
	.faq-archive{padding-top:70px;padding-bottom:80px;}
	.archive-head h1{font-size:26px;}

	.faq-question{padding:22px 24px;font-size:15px;gap:16px;}
	.faq-answer-inner{padding:0 24px 24px;}
	.faq-answer p{font-size:14px;}
}

@media (max-width:520px){
	.faq-list{gap:16px;}
	.faq-question{padding:20px;font-size:14px;}
	.faq-answer-inner{padding:0 20px 20px;}
}