@layer overrides;
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap');

@layer overrides {
	html { scrollbar-gutter: stable both-edges; } /* 対応ブラウザのみ */
	html, body { margin: 0; }
	html, body { font-family:'Noto Sans JP',system-ui,sans-serif; color:#222; }
	@media screen and (max-width: 767px) {

		/* ラジオ＋ラベルを横並び中央揃え＆ズレ防止 */
		.radio {
			display:inline-flex !important;
			align-items:center !important;
			gap:4.0em !important;
		}
		div > p,
		#mssag {
			text-align: left !important;
			margin: auto 1.0rem;
		}

		/* #mssag 内の <br> は基本非表示 */
		#mssag br { display: none !important; }
		/* 残したい <br> だけ class="keep-br" を付けて表示 */
		#mssag br.keep-br { display: revert !important; } /* (= UA既定に戻す) */

		.row.form-group div.col-sm-10:has(div.radio) {
			float: left;
		}
	}
}