#formbase
{
	display: block;
	position: relative;
	width: 847px;
	margin: 20px auto 0px auto;
}


.formbox
{
	display: block;
	position: relative;
	width: 790px;
	margin: 32px auto 0px auto;
	padding: 1px 0px 1px 0px;
}


#formbox01
{
	display: block;
	padding: 46px 40px 46px 40px;
	background-color: #DDDCCF;
}


#formbox02, #formbox03
{
	display: none;
}


.formatt01
{
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6em;
	text-align: left;
	vertical-align: top;
	color: #DD0000;
}


.formcom01
{
	display: block;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6em;
	text-align: left;
	vertical-align: top;
}


.formtable
{
	display: block;
	position: relative;
	margin: 26px auto 0px auto;
}


.fttr
{
	display: block;
	position: relative;
	margin: 34px 0px 34px 0px;
	font-size: 0px;
	line-height: 0px;
	text-align: left;
}


.cellname, .cellvalue
{
	display: inline-block;
	position: relative;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: left;
	vertical-align: top;
}


.cellname
{
	width: 172px;
	padding-top: 12px;
}


.cellvalue
{
	width: calc( 100% - 172px );
}


#formbox02 .cellvalue div
{
	/*
	width: calc( 448px - 13px - 13px );
	padding: 5px 11px 5px 11px;
	*/
	width: calc( 100% - 17px - 17px );
	padding: 13px 16px 13px 16px;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	vertical-align: top;
	/*border-radius: 10px;*/
	border: dashed 1px rgba( 160, 160, 160, 0.6 );
}


.hissu
{
	/*font-size: 14px;*/
	/*color: #DD0000;*/
}


input[type=text], textarea
{
	display: inline-block;
	margin: 0px;
	padding: 13px 16px 13px 16px;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: inherit;
	font-size: 20px;
	/*font-weight: 400;*/
	line-height: 28px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	border: solid 1px #FFFFFF;
}


.middlevalue
{
	width: calc( 82% - 17px - 17px );
}


.longvalue
{
	width: calc( 100% - 17px - 17px );
}


.formbtnbox
{
	display: block;
	position: relative;
	margin: 34px 0px 0px 0px;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}


.formbtn
{
	display: inline-block;
	position: relative;
	width: 180px;
	height: 46px;
	font-size: 20px;
	font-weight: 700;
	line-height: 46px;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
	border-radius: 8px;
	cursor: pointer;
	transition-duration: 150ms;
}


.formbtn:hover
{
	opacity: 0.7;
}


#confirmbtn
{
	background-color: #3E3A39;
}


#backbtn
{
	background-color: #3E3A39;
}


#sendbtn
{
	margin-left: 8px;
	background-color: #3E3A39;
}







@media ( max-width: 640px )
{
	#formbase
	{
		width: 410px;
	}
	
	
	.formbox
	{
		width: 410px;
	}
	
	
	#formbox01
	{
		margin: 32px -35px 0 -35px;
		padding: 50px 35px 50px 35px;
	}
	
	
	.formatt01
	{
		font-size: 18px;
	}
	
	
	.formcom01
	{
		font-size: 18px;
	}
	
	
	.fttr
	{
		margin-top: 24px;
		margin-bottom: 24px;
	}
	
	
	.cellname, .cellvalue
	{
		display: block;
		font-size: 20px;
		line-height: 32px;
	}
	
	
	.cellname
	{
		width: auto;
	}
	
	
	.cellvalue
	{
		width: auto;
		margin-top: 6px;
	}
	
	
	#formbox02 .cellvalue div
	{
		width: calc( 100% - 17px - 17px );
		font-size: 20px;
		line-height: 32px;
	}
	
	
	.hissu
	{
		/*font-size: 14px;*/
	}
	
	
	input[type=text], textarea
	{
		font-size: 20px;
		line-height: 32px;
	}
	
	
	.middlevalue
	{
		width: calc( 100% - 17px - 17px );
	}
	
	
	.longvalue
	{
		width: calc( 100% - 17px - 17px );
	}
	
	
	.formbtnbox
	{
		margin: 40px 0 0 0;
	}
	
	
	.formbtn
	{
		width: 200px;
		height: 52px;
		font-size: 21px;
		line-height: 52px;
		border-radius: 9px;
	}
	
	
	#sendbtn
	{
		margin-left: 11px;
	}
}