html {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Noto Sans Japanese";
	font-weight: 300;
	margin: 0;
	padding: 0;
	line-height: 1.7;
	color: #333;
}

.bold { font-weight: bold; }

h1 {
	text-align: center;
	margin: 0;
}

h2 {
	text-align: center;
	margin: 0;
}

h3 {
	background: #f1e8f6;
	padding: 5px 10px;
	border-radius: 5px;
}

.wrapper {
	background-image: url(img/head_bg.jpg);
	background-repeat: no-repeat;
	max-width: 800px;
	margin: 0 auto;
}

section {
	margin-bottom: 2em;
}

img {
	max-width: 100%;
}

dl { margin: 0; }
dt {
	font-weight: bold;
	color: #85b671;
}
dd { margin: 0 0 0.5em 0; }

.col2 p { margin: 0; }

.btn a {
	background: #389c24;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 10px;
	font-size: 115%;
}

footer {
	text-align: center;
	background: #ecefeb;
	padding: 1em;
	font-size: 90%;
}

footer p {
	margin: 0;
}

table {
	border-collapse: collapse;
	width: 100%;
}

th {
	background: #eef7ec;
	font-weight: normal;
}

th, td {
	padding: 5px;
}

/* PC */

@media screen and (min-width: 769px) {
	.pcnone { display: none; }
	.wrapper {
		background-size: 85%;
		padding: 30px 50px;
	}
	.col2, .col2a {
		overflow: hidden;
	}
	.col2 > div:first-child {
		width: 40%;
		float: left;
	}
	.col2 > div:last-child {
		width: 55%;
		float: right;
	}
	.col2a > div:first-child {
		width: 70%;
		float: left;
	}
	.col2a > div:last-child {
		width: 25%;
		float: right;
	}
	th, td {
		border: 1px solid #c8d8c1;
	}
	.setsubi th { width: 20%; }
	.setsubi td { width: 80%; }
}

/* SP */

@media screen and (max-width: 768px) {
	.spnone { display: none; }
	.wrapper {
		background-size: 100%;
		padding: 1em;
	}
	h2 { font-size: 5vw; }
	.col2, .col2a > div:first-child {
		margin-bottom: 0.5em;
	}
	th, td {
		display: block;
	}
	.col2a > div:last-child {
		text-align: center;
	}
}