@charset "utf-8";
body {
	background-color: #f3f3f3;
	min-height: 100vh;
}
.small {font-size: 11px;}
img {max-width: 100%;height: auto;}
.sp-only {display: block!important;}
.pc-only {display: none!important;}
@media screen and (min-width: 768px) {
	.sp-only {display: none!important;}
	.pc-only {display: block!important;}
}
.bold {font-weight: 700;}
@media screen and (min-width: 768px) {
	html.nav-on,
	html.nav-on body {overflow: hidden;}
}

#wrap {
	max-width: 800px;
	margin: auto;
	padding: 24px;
}
header {
	text-align: center;
	padding-top: 50px;
}
section {margin-bottom: 50px;}
h1 {
	text-align: center;
	   font-size: 4.0rem;
	   margin: 2em 0 1em;
}
.term {
	margin: 36px 0 12px;
	border: 1px solid #999;
	padding: 36px 24px;
	text-align: center;
	font-weight: 700;
}
.term dt {
	position: absolute;
	display: inline-block;
	background-color: #d4ecf0;
	padding: 4px 8px;
	border-radius: 2px;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
}
.term dd {font-size: 2.0rem;}
.note {
	font-size: 1.2rem;
	text-align: center;
}
h2 {
	text-align: center;
	margin-bottom: 20px;
}
footer {
	text-align: center;
	font-size: 12px;
	color: #666;
}