/* ============================================================================
 * com-faq.css
 * 目的 : 製品ページ「よくあるご質問」(com-casestudy.js の qa データ)専用スタイル。
 *        枠・箱・罫線なしの素のテキスト全幅表示。質問同士は広めの間隔。
 * 注意 : com-casestudy.css 等のレガシーCSS(.accordion_inner配下のflex等)と
 *        干渉しないよう、独立ファイル・独自クラス(.qa-faq)のみで完結させる。
 * 作成 : 2026-07-14 by Claude Code (com-casestudy.css から分離)
 * ============================================================================ */
.qa-faq {
	margin: 34px 0 0;
	text-align: left;
}
.qa-faq .qa-item {
	margin: 0 0 28px;
	padding: 0 0 28px;
	border: none;
	border-bottom: 1px solid #e5e5e5; /* Q&A間の薄い区切り線 */
	background: none;
	box-shadow: none;
}
.qa-faq .qa-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.qa-faq .qa-q {
	font-weight: 700;
	line-height: 1.7;
	margin: 0 0 10px;
}
.qa-faq .qa-q::before {
	content: "Q. ";
	font-weight: 700;
	color: #FF8E00;
}
.qa-faq .qa-a {
	line-height: 1.9;
}
.qa-faq .qa-a p {
	margin: 0 0 1em;
	line-height: 1.9;
}
.qa-faq .qa-a p:first-child::before {
	content: "A. ";
	font-weight: 700;
	color: #FF8E00;
}
.qa-faq .qa-a p:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
	.qa-faq .qa-item {
		margin-bottom: 22px;
		padding-bottom: 22px;
	}
	.qa-faq .qa-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
}