@charset "UTF-8";

/* en */
/* 頻出色  スズキのCIはs_始まり、sign_はJISの警告色 */
:root {
	--s_blue: #00368F;
	--s_blue_10: #E5EBF4;
	--s_red: #DE0039;
	--s_darkblue: #001151;
	--s_lightblue: #0098D9;
	--s_lightblue_10: #E5F4FB;
	--sign_red: #FF4B00;
	--sign_orange: #F6AA00;
	--sign_yellow: #F2E700;
	--sign_blue: #1971FF;
	--sign_white: #FFFFFF;
	--max-pagewidth: 1200px;
	--min-tocwidth: 250px;
	--line_grabwidth: 5px;
	--sign_border_thin: 1px;
	--sign_border_bold: 2px;
	--sign_textpadwidth: 2.4rem;
	--main_padwidth: 1.6rem;
}

/* フォント */
html,
body,
.item,
.active {
	/*　SMCの推奨フォント　日本語：Noto Sans　英語：Roboto */
	font-family: "Roboto", "Noto Sans", sans-serif;
	color: #000000;
}

/* シンボル */
.warning .banner::before {
	background-color: var(--sign_orange);
	background-image: url(../subImage/warning.svg);
	content: '　　WARNING';
	width: 145px;
}

.caution .banner::before {
	background-color: var(--sign_yellow);
	background-image: url(../subImage/caution.svg);
	content: '　　CAUTION';
	width: 140px;
}

.notice .banner::before {
	color: #ffffff;
	background-color: var(--sign_blue);
	background-image: url(../subImage/notice.svg);
	content: '　　NOTICE';
	width: 130px;
}

.note .banner::before {
	background-image: url(../subImage/note.svg);
	content: '　　NOTE';
	background-size: 20%;
	width: 150px;
}