@charset "UTF-8";

body {
	margin: 30px auto;
	width: 50%;
	min-width: 320px;
}

h1 {
	margin: 0 0 1em 0;
	font-size: 1.8em;
}

h2 {
	margin: 0 0 1em 0;
	font-size: 1.2em;
}

p {
	margin: 0 0 1em 0;
}

p.indent {
	padding-left:1.4em;
	text-indent:-1.4em;
}

ol {
	margin: 1em 0 1em 2em;
	list-style-type:  decimal;
}

ul {
	margin: 1em 0 1em 2em;
	list-style-type:  disc;
}

ul.list-note {
	margin: 1em 0 1em 0.8em;
	list-style-type:  none;
}

.list-note li {
	margin: 0 0 1em 1.2em;
	text-indent: -1.2em;
}

.list-note li::before {
	display: inline-block;
	width: 1.4em;
	content: "※";
	text-indent: 0;
}

hr {
	margin: 3em 0;
	border: none;
	border-top: 1px solid #ccc;
}

table{
	width: 100%;
}
th{
/*	background: #ECF5FA;*/
	border: #DDDDDD 1px solid;
	padding: .5em;
}
td {
	border: #DDDDDD 1px solid;
	padding: .5em;
}

.nowrap {
	word-break: keep-all;
}

.center {
	text-align: center;
}

@media screen and (max-width: 750px) {
	body {
		width: auto;
		word-break: break-all;
		overflow-x: hidden;
	}
	section {
		margin: 0 16px;
	}
	table {
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
	}
	col {
		width: auto!important;
	}
	th {
		width: 40%;
		padding: 0;
	}
	.nowrap {
		word-break: break-all;
	}
	ol {
		margin: 0.5em 0 1em 1.5em;
		list-style-type:  decimal;
	}
	ul {
		margin: 0.5em 0 1em 1.5em;
		list-style-type:  disc;
	}
}