@charset "UTF-8";

/* 変数 */
:root {
	/* 文字色 */
	--text-color-primary: #000; /* ブラック */
	--text-color-secondary: #777; /* グレー */
	--text-color-tertiary: #fff; /* ホワイト */
	--text-color-attentionally: #f00; /* レッド */
	/* 背景色 */
	--bg-color-primary: #f2f2f2; /* 薄いグレー */
	--bg-color-secondary: #ddd; /* グレー */
	--bg-color-tertiary: #fff; /* ホワイト */
	--bg-color-attentionally: #ff3b30; /* レッド */
	/* その他の色 */
	--color-uniparx: #004685; /* UNIPA RXカラー（青系） */
}

.textColorPrimary {
	color: var(--text-color-primary) !important;
}

.textColorSecondary {
	color: var(--text-color-secondary) !important;
}

.textColorTertiary {
	color: var(--text-color-tertiary) !important;
}

.textColorAttentionally {
	color: var(--text-color-attentionally) !important;
}

/* TODO:該当スタイルに置き換えていく */
.bgColorPrimary {
	background-color: var(--bg-color-primary) !important;
}

.bgColorSecondary {
	background-color: var(--bg-color-secondary) !important;
}

.bgColorTertiary {
	background-color: var(--bg-color-tertiary) !important;
}

.bgColorAttentionally {
	background-color: var(--bg-color-attentionally) !important;
}

/* 要素セレクタ */
html[lang='ja'] body {
	font-family: 'Noto Sans JP', sans-serif;
}

html[lang='en'] body {
	font-family: Roboto, 'Segoe UI', 'Helvetica Neue', sans-serif;
}

h1,
h2,
p,
div {
	overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break: normal; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */
}

legend {
	font-size: 1rem;
}

dd {
	margin-bottom: 0;
}

/*
p:empty {
	display: none !important;
}
*/