@charset "UTF-8";

.ed-article-content .info-box {
	margin: 2rem 0;
	padding: 1.5rem;
	border-radius: 0.75rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

	background-color: #F3F6FA;
	border: 3px solid #0770B0;

	text-align: center;
}

.ed-article-content .info-box strong {
	display: block;
	font-size: 1.1rem;
	font-weight: 800;
	color: #0770B0;
	/* 強い青で信頼感を強調 */
	margin-bottom: 1rem;
	line-height: 1.6;

	/* ☆☆☆ 文字背景（オレンジ）を削除 ☆☆☆ */
	background: none;
}

/* CTAボタン（安くて簡単なオンラインED診療をご紹介！）のコンテナ (変更なし) */
.ed-article-content .cta-button {
	text-align: center;
}

/* CTAボタンのスタイル (変更なし) */
.ed-article-content .cta-button a {
	display: block;
	max-width: 20rem;
	margin: 15px auto 0;
	border-radius: .375rem;
	text-align: center;
	color: #fff;
	font-weight: 700;
	padding: 0.75rem 1rem;
	font-size: 1.125rem;
	line-height: 1.6;
	text-decoration: none;

	background-image: linear-gradient(90deg, #FFAF6E, #FE5A0C);

	transition: opacity 0.3s;
}

.ed-article-content .cta-button a:hover {
	opacity: 0.85;
}

/* ------------------------------------
 * Q&A Box (調整版)
 * ------------------------------------ */
.qa-box {
	margin: 2rem 0;
	padding: 1.5rem;
	border-radius: 0.5rem;
	background-color: #F3F6FA;
	border-left: 5px solid #0770B0;
	/* ☆☆☆ padding-topを調整し、質問文の上下の余白をコントロールしやすくする ☆☆☆ */
	padding-top: 1rem;
}

/* 質問 (Q. の部分) のスタイル */
.qa-box .question {
	font-weight: 700;
	font-size: 1.05rem;
	color: #0770B0;
	padding-bottom: 1.2rem;
	border-bottom: 1px dashed #DFE6F0;
	margin-bottom: 1rem;
	line-height: 1.7;

	/* ☆☆☆ Qの上の余白を消すため、margin-topをリセット ☆☆☆ */
	margin-top: 0;
}

/* 回答 (A. の部分) のスタイル */
.qa-box .answer {
	color: #333;
	line-height: 1.7;
	margin: 0;

	/* ☆☆☆ Aの上の余白を消すため、margin-topをリセット ☆☆☆ */
	margin-top: 0;
}

/* 質問文・回答文の「Q.」と「A.」を特に強調したい場合 (変更なし) */
.qa-box .question::first-letter,
.qa-box .answer::first-letter {
	font-size: 1.5rem;
	font-weight: 900;
	color: #0770B0;
	margin-right: 0.25rem;
}

/* ---------------------------------------------------- */
/* 1. 背景色を左右いっぱいに広げる設定 */
/* ---------------------------------------------------- */
.full-bg-section {
	background-color: #f5f2eb;
	/* 画像の背景色に合わせる */
	width: 100%;
}

.full-bg-section img {
	display: block;
	/* ブロック要素に変更 */
	margin-left: auto;
	/* 中央寄せ */
	margin-right: auto;
	float: none !important;
	/* 他のスタイルを上書き */
	height: 50% !important;
	max-width: 50% !important;
}

@media screen and (max-width:680px) {
	.full-bg-section img {
		display: block;
		/* ブロック要素に変更 */
		margin-left: auto;
		/* 中央寄せ */
		margin-right: auto;
		float: none !important;
		/* 他のスタイルを上書き */
		height: 100% !important;
		max-width: 100% !important;
	}
}