@charset "utf-8";

/*~~*/

.f-wrap {
	padding: 10px; border: 1px solid #000;
}

/*~~*/

.a-wrap {
	position: relative;
}

.a-wrap a {
	width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;
}

.a-wrap a:hover {
	background: rgba(0,0,0,0.5);
}

/*~~*/

.b-beta {
	border: 1px solid #000;
}

.d-beta {
	border: 1px solid #000;
}

.g-beta {
	border: 1px solid #000;
}

.w-beta {
	border: 1px solid #000;
}

/*~~*/

section .nt {
	margin-top: 10px; padding: 5px 0 0; border-top: 1px solid #000;
}

/*~~*/

section .h1 + div[class*="-body"], section .h2 + div[class*="-body"], section .ex  + div[class*="-body"],
section .h1 + .element, #about .h2 + .element, #about .ex + .element {
	margin-top: 20px;
}

/*
PC
*/
@media screen and (min-width: 769px) {

section .h1 + div[class*="-body"], #about .h2 + div[class*="-body"], #about .ex  + div[class*="-body"],
section .h1 + .element, #about .h2 + .element, #about .ex + .element {
	margin-top: 25px;
}

section .nt {
	margin-top: 15px; padding: 3px; border: 1px solid #000; text-align: center;
}

}