@charset "utf-8";

/*----- document -----*/
section { margin: 2em auto; }

/*----- about -----*/
body.about section { width: 21em; }
body.about section h2 { font-weight: bold; }
body.about section p { margin-top: 1em; }
body.about section a { padding-left: 0.2em; padding-right: 0.2em; }
body.about section ul { margin-top: 1em; margin-left: 1.5em; }

/*----- contact -----*/
body.contact section ul { margin-top: 2em; margin-left: 3em; }
body.contact table { width: 90%; margin: 0 auto; }
body.contact th, td { float: left; width: 100%; }
body.contact th { text-align: left; font-weight: bold; margin-top: 1em; }
body.contact th.required:after {
	content: 'required';
	color: #f60;
	font-size: 80%;
	padding-left: 1em;
}
body.contact textarea { width: 95%; }
body.contact table~p { margin-top: 1em; text-align: center; }
body.contact #mail { width: 90%; }
body.contact #send { width: 10em }
body.contact strong { color: #f33; margin: 0 0.2em; }
body.contact p.attention { color: #f33; margin: 2em 0; }

/*----- privacy -----*/
body.privacy>main>section { width: 90%; }
body.privacy>main>section>h2 { font-size: 95%; font-weight: bold; margin: 2em 0 1em; }
body.privacy>main>section>ul { margin-top: 1em; margin-left: 1.5em; }