@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	background: #fff;
	line-height: 1.8;
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: 1px;
}

h1 {
	text-align: center;
	color: #0085b8;
	font-weight: normal;
	margin: 1.5em 0;
}

p { margin: 0; }

table {
	max-width: 800px;
	border-collapse: collapse;
}

th {
	text-align: left;
}

td h3 {
	margin: 1em 0 0 0;
}

td h3:first-child {
	margin: 0;
}

footer {
	background: #0b3753;
	color: #fff;
	text-align: center;
}

ul {
	margin: 0 0 1em 0;
	list-style-type: none;
	padding: 0;
}

footer {
	font-size: 80%;
	padding: 1em 0 0 0;
}

footer p {
	background: #333333;
	color: #CCCCCC;
	padding: 15px;
}

footer a:link, footer a:visited {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #fff;
}

/* PC */

@media screen and (min-width: 769px) {
	.pcnone { display: none; }
	body, h3 { font-size: 16px }
	h1 { font-size: 32px; }
	table {
		margin: 3em auto 5em auto;
	}
	th {
		padding: 15px 15px 15px 0;
		white-space: nowrap;
		font-weight: normal;
		border-bottom: solid 2px #0b3753;
	}
	td {
		padding: 15px;
		border-bottom: solid 1px #CCCCCC;
	}
	ul li {
		display: inline-block;
	}
	ul li:after {
		content: '｜';
		margin: 0 1em;
	}
	ul li:last-child:after {
		content: '';
		margin: 0;
	}
}

/* SP */

@media screen and (max-width: 768px) {
	.spnone { display: none; }
	body, h3 { font-size: 14px; }
	h1 { font-size: 18px; }
	table { margin: 2em 15px 1em 15px; }
	th, td { display: block; }
	th {
		background: #eee;
		padding: 5px;
	}
	td { padding: 5px 0 2em 5px; }
	ul { line-height: 2.3; }
}