/* =========================================================
   Q&A（page-faq.php）
   ページの枠組み（タイトル帯・カード・サイドバー）は news-archive.css を共用します。
   news-archive.css の後に読み込むか、news-archive.css の末尾に貼ってください。
   ========================================================= */

.faq_list { margin: 0 0 8px; }

.faq_item {
	margin: 0;
	padding: 20px 4px 18px;
	border-bottom: 1px solid #D8D8D8;
}

.faq_item__q,
.faq_item__a {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
}

/* 質問 */
.faq_item__q {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.7;
	color: #00468C;
}

/* 回答 */
.faq_item__a {
	margin-top: 12px;
	padding: 14px 16px;
	background: #F5F8FA;
	font-size: 14px;
	line-height: 1.85;
	color: #333;
}
.faq_item__text { flex: 1 1 auto; min-width: 0; }
.faq_item__a .faq_item__text p { margin: 0 0 8px; }
.faq_item__a .faq_item__text p:last-child { margin-bottom: 0; }
.faq_item__a a { color: #0066AB; }

/* Q / A の丸いマーク */
.faq_mark {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	margin-top: -1px;
	border-radius: 50%;
	color: #fff;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
}
.faq_mark--q { background: #1C82E0; }
.faq_mark--a { background: #B20000; }

.faq_empty { margin: 24px 0; color: #666; }

/* ---------- お問い合わせへの案内 ---------- */
.faq_contact {
	margin: 28px 0 0;
	padding: 20px;
	background: #EEF6FD;
	text-align: center;
}
.faq_contact__text { margin: 0 0 12px; font-size: 14px; color: #00468C; }
.faq_contact__btn { margin: 0; }
.page_faq .faq_contact__btn a,
.page_faq .faq_contact__btn a:link,
.page_faq .faq_contact__btn a:visited,
.page_faq .faq_contact__btn a:hover,
.page_faq .faq_contact__btn a:active,
.page_faq .faq_contact__btn a:focus {
	display: inline-block;
	height: 42px;
	padding: 0 46px 0 30px;
	border-radius: 21px;
	background: #1C82E0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cpath d='M2 2l6 6-6 6' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") no-repeat right 22px center / 7px 11px;
	color: #fff !important;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 42px;
	letter-spacing: .08em;
	text-decoration: none !important;
	opacity: 1;
	box-shadow: 0 2px 4px rgba(28, 130, 224, .35);
	transition: background-color .2s;
}
.page_faq .faq_contact__btn a:hover { background-color: #0066AB; }

@media (max-width: 600px) {
	.faq_item__q { font-size: 14px; }
	.faq_item__a { padding: 12px; }
	.faq_mark { width: 24px; height: 24px; font-size: 13px; }
}