/**
 * The whole of question
 */
#question_wrap {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 1.5rem;
}

/**
 * Choices block (選択肢ボタン)
 */
ul#choices {
	list-style: none;
	margin: 0 !important;
	padding: 0;
}
ul#choices li {
	list-style: none !important;
	margin-left: 0;
}
ul#choices li button {
	width: 100%;
	padding: 1em;
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 8px; /* SWELLに合う適度な丸み */
	background: #2654B6; /* ご指定のメインカラー */
	color: #ffffff;
	border: none;
	box-shadow: 0 4px 6px rgba(38, 84, 182, 0.15); /* ふんわりとした影 */
	transition: all 0.3s ease; /* アニメーションを滑らかに */
	cursor: pointer;
}
ul#choices li button:hover {
	background: #1c408e; /* ホバー時は少し濃いブルーに */
	box-shadow: 0 2px 3px rgba(38, 84, 182, 0.2);
	transform: translateY(2px); /* 押したような沈み込みエフェクト */
}

/**
 * Question block (質問エリア)
 */
.yesno_q {
	text-align: center;
	display: block;
	padding: 2rem 1.5rem;
	margin-bottom: 2rem;
	font-size: 1.25rem;
	font-weight: bold;
	background: #ffffff; /* メインカラーに合わせた極薄いブルー背景 */
	border: 2px solid #00A764; /* ご指定のカラーで枠線 */
	border-radius: 12px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* 全体にうっすら影を落とす */
}
.yesno_q dt {
	display: block;
	margin-bottom: 1.5rem !important;
}
.yesno_q dt span {
	display: inline-block;
	padding: 0.5rem 2rem;
	font-size: 1.1rem;
	font-weight: bold;
	background: #2654B6; /* ご指定のメインカラー */
	color: #ffffff;
	border-radius: 30px; /* Qのバッジ部分は少し丸みを強く */
	letter-spacing: 1px;
}
.yesno_q dd {
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1.6;
	color: #333333;
}