html {
	height: 100%;
	background-color: #EFEFEF;
}
body {
	height: 100%;
	overscroll-behavior-y: none;
	font-size: 24px;
}

div {
	margin: 5px 0px 10px 0px;
}

div#error-message {
	color : red;
}
div#info-message {
	color : blue;
}

table {
	border-collapse: collapse;
	max-width: 100%;
	table-layout: fixed;
	word-break: break-word;
	word-wrap: break-word;
}
td,th {
	padding: 0px 2px;
}

button {
	font-size: 0.625em;
	padding: 5px;
	margin: 2px;
}
input {
	font-size: 0.625em;
}
h1 {
	font-size: 1.25em;
}
h2 {
	font-size: 1em;
}

h3 {
	font-size: 0.8em;
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

span.space {
	padding: 0 20px;
}

/* responsive */
div.base {
	background-color: #EFEFEF;
	margin: 0;
}
div.contents {
	padding: 40px;
	background-color: white;
	width: 900px;
	margin: 0 auto;
	box-sizing: border-box;
}

@media screen and (max-width: 960px){
	div.contents {
		padding: 20px;
		background-color: white;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 600px){
	div.contents {
		padding: 10px;
		background-color: white;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
}