html {
	font-size: 100%;
}

body {
	text-align: left;
	font-family: system-ui, -apple-system, BlinkMacSystemFont,
		"Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	line-height: 1.7;
	margin: 0;
	padding: 1rem;
	font-size: clamp(16px, 4vw, 18px);
}

table {
	text-align: center;
}

a {
	text-decoration: none;
	overflow: hidden;
}

a:link, a:visited {
	color: rgb(0, 68, 204);
}

a:hover, a:focus, a:active {
	color: rgb(232, 0, 17);
	text-decoration: underline;
}

table {
	border: 1px solid;
}

th, td {
	padding: 1px;
}

input, select, textarea {
	padding: 2px;
}

#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
}
 
#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url('/loading-small.gif') center center no-repeat;
}