@charset "utf-8";
/* CSS Document */

main.contents {
	width: 100%;
	/*max-width: 768px;*/
	margin: auto;
	padding: 40px 0;
	display: block;
}

header.contents {
	margin-bottom: 40px;
	padding: 0 10px;
}
header.contents h1 {
	font-size: 24px;
	text-align: center;
	line-height: 140%;
}
header.contents p.date {
	font-size: 14px;
	text-align: center;
	line-height: 140%;
	color: #666;
	margin-top: 20px;
}

section.notes {
	padding: 0 10px;
	padding-bottom: 40px;
	text-align: center;
}
section.notes p {
	padding-bottom: 20px;
	line-height: 200%;
}
section.notes p:last-child {
	padding-bottom: 0;
}

table {
	box-sizing: border-box;
	border: 1px solid #ccc;
	margin: auto;
	width: 80%;
}
table th {
	width: 15%;
	padding: 10px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	vertical-align: middle;
	font-weight: 400;
}
table td {
	width: 70%;
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	
	section.notes {
		padding: 0 10px;
		padding-bottom: 40px;
		text-align: left;
	}
	
	table {
		box-sizing: border-box;
		border: 1px solid #ccc;
		margin: 0 10px;
		line-height: 140%;
		width: auto;
	}
	table th {
		width: 28%;
		padding: 10px;
		background: #f4f4f4;
		border: 1px solid #ccc;
		vertical-align: middle;
		font-weight: 400;
		text-align: center;
	}
	table td {
		padding: 10px;
		border: 1px solid #ccc;
		vertical-align: middle;
	}
	
}