/**
 * SWELL FAQブロック：旧テーマ風Q・Aデザイン
 *
 * 2026-07-20：旧style.cssから内容を変更せず分割。
 */

/**
 * SWELL FAQブロック
 * 賢威のQ・Aアイコン風デザイン
 */

/* Q・A本文の左側にアイコン用の余白を確保 */
.swell-block-faq .faq_q,
.swell-block-faq .faq_a {
	position: relative;
	padding-left: 64px !important;
}

/* Q・Aアイコン共通 */
.swell-block-faq .faq_q::before,
.swell-block-faq .faq_a::before {
	position: absolute !important;
	top: 0.05em !important;
	left: 0 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 46px !important;
	height: 46px !important;
	padding: 0 !important;

	border: none !important;
	border-radius: 50% !important;
	box-sizing: border-box !important;

	color: #fff !important;
	font-family: Georgia, "Times New Roman", "Noto Serif JP", serif !important;
	font-size: 32px !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	box-shadow: none !important;
	transform: none !important;
}

/* Q */
.swell-block-faq .faq_q::before {
	content: "Q" !important;
	background: linear-gradient(
		135deg,
		#c6a64f 0%,
		#9f7417 100%
	) !important;
}

/* A */
.swell-block-faq .faq_a::before {
	content: "A" !important;
	background: linear-gradient(
		135deg,
		#ffda68 0%,
		#e9ad2c 100%
	) !important;
}

/* 質問文を賢威時代に近い茶色へ */
.swell-block-faq .faq_q {
	color: #76582f;
	font-weight: 700;
}