#box{
	max-width:870px;
}

#fm-bx{
	margin-bottom:40px;
}

#con-max{
	margin:30px 0;
}

#con-txt{
	font-size:14px;
}

.r{
	color:#f00;
}

.num{
	width:200px !important;
}

#form table{
	width:100%;
}

#form th{
	text-align:left;
	width:210px;
}

#form th,
#form td{
	padding:15px 0;
	vertical-align:top;
}

.text-th{
	vertical-align:top;
}

th>span{
	display:inline-block;
	font-size:15px;
	padding:5px 0;
}

th .ni{
	background:none;
}

#form input:not([type]){
	box-sizing:border-box;
	font-size:16px;
	padding:5px;
	width:100%;
}

#form select,
.text-box textarea{
	box-sizing:border-box;
	font-size:16px;
	padding:5px;
}

.txt-mx{
	/*max-width:550px;*/
}

.text-box{/*
	padding:0 100% 40% 0;
	position:relative;*/
}

.text-box textarea{
	width:100%;
	height:250px;
}

#submit-box{
	padding-top:20px;
	text-align:center;
}

#submit{
	background:none;
	border:none;
	cursor:pointer;
	outline:none;
	background:#ff93a0;
	border-radius:20px;
	box-sizing:border-box;
	color:#fff;
	font-size:15px;
	text-align:center;
	opacity:1;
	padding:10px 0;
	width:200px;
}

.hi::after,
.ni::after{
	color:#fff;
	font-size:15px;
	display:inline-block;
	line-height:1em;
	padding:2px 3px;
	margin-left:5px;
}

.hi::after{
	content:"必須";
	background:#f00;
}

.ni::after{
	content:"任意";
	background:#0012ff;
}

#id5,
#id4{
	margin-bottom:10px;
}

#id1 label{
	display:inline-block;
}

/**/

@media(max-width:600px){

	#con-txt{
		font-size:12px;
		text-align:left;
	}

	#form th,
	#form td{
		display:block;
	}

#form th,
#form td{
	padding:0;
}

	#form td{
		padding:5px 0;
	}

	#form th{
		padding-bottom:0;
	}

	th span{
		font-size:12px;
	}

#submit-box{
	padding-bottom:5px;
	padding-top:10px;
}

#fm-bx{
	margin-bottom:20px;
}

}