@charset "UTF-8";

body
{
	margin:0px;
	padding:0px;

	background-color: #fff;
	font-size: 12pt;
	line-height: 120%;
	color: #000;
	overflow-wrap: break-word;

	min-width: 360px;

	font-family:
				"Noto Sans JP",
				"メイリオ", Meiryo,
				"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",
				"源ノ角ゴシック Regular",
				"Noto Sans CJK JP Regular",
				"ＭＳ ゴシック", "MS Gothic",
				"MS UI Gothic",
				"ＭＳ Ｐゴシック", "MS PGothic",
				Osaka, 
				"IPAゴシック",
				Helvetica,
				sans-serif;
}

#body { margin:2em 1em 5em 1em; }
#submit { margin-top: 3em; }
#end { margin: 0px 1.5em 0px 1.5em; }
#footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	margin-top: 1em;

	background-color: #e1fae1;
	padding:0.5em;
	text-align: center;
	font-size: 90%;
}

#footer a
{
	font-weight: bold;
	color: #0000ff;
	text-decoration: underline;
}

#footer a:hover
{
	text-decoration: none;
	background-color: #fff;
}


.up_type
{
	width: 80%;
	/* overflow-wrap: break-word; */
}

.normal { font-weight:normal; }

input[type="text"],
input[type="email"],
input[type="radio"],
[class^="category_select"]
{
	width: 100%;
	max-width: 500px;
}

textarea
{
	width: 100%;
	height: 10em;
	max-width: 500px;
}

.button
{
	font-weight: bold;
	padding: 0.3em;
	font-size: 105%;
	margin-bottom: 2em;
}

h1
{
	font-size: 150%;
	background-color: #e1fae1;
	margin: 0px;
	padding:1em;
}

.small{	font-size: 90%; }


.selected,
.need
{
	color: #f00;
}

.border { border: 1px dashed #c8c8c8; }


dt
{
	font-weight: bold;
	font-size: 100%;
	margin: 0.1em;
}

dd
{
	margin: 0px 2em 0px 2em;
	padding: 0.3em;
	
	/* border:1px dashed #000; */
}

.cf-turnstile
{
	padding-bottom: 1em;
}