@charset "utf8";

/*************************************************
	2019-08-08 フォームパーツ
*************************************************/

label {
	display: block;
	margin:  4px 0;
	padding: 2px 0;
}

.input_textarea {
	width: 75%;
	height: 5rem;
}

div.submit {
	width: 70%;
	margin: 1em auto;
	padding: 1em;
	border: double 3px #C0C6C9;
	background: #F8F4E6;
	text-align: center;
}
	div.submit input[type="submit"] {
		margin: 1rem 0 0 0;
		padding: 0.5em 2em;
		font-weight:  bold;
		font-size: larger;
	}


/**************************************************
	フォーム用テーブル
**************************************************/
.tbl-form {
    width: 100%;
    border-bottom: solid 1px #C0C6C9;
	border-collapse: collapse;
}

.tbl-form th {
	background: #F8F4E6;
    width: 30%;
}

.tbl-form th, 
.tbl-form td {
	text-align:  top;
	border-top: solid 1px #C0C6C9;
	padding: 0.5rem 1rem ;
}


.tbl-form input[type="text"],
.tbl-form input[type="tel"],
.tbl-form input[type="select"],
.tbl-form textarea,
.tbl-form input[type="email"],
.tbl-form input[type="number"] {
	margin: 0.25rem 0;
	padding: 0.25rem;
}


@media ( max-width: 800px ) {
	.tbl-form {
	width: 100%;
	}
	.tbl-form th,
	.tbl-form td {
		display: block;
		width: 100%;
		padding: 0.5em 0.5em;
	}
	.tbl-form td {
		padding: 0.5em 0.5em 1.5rem;
	}
}

/* ------------------------------------------------------------ */
/* 入力任意と必須 */

/* 必須 */
span.input-required,
span.input-optional {
	display: block;
	float: right;
	padding:  0.1rem 0.3rem  0rem;
	font-weight: normal;
	font-size: 0.7rem;
	font-weight: bold;
	border-radius: 2px;
}
span.input-required {
	background: #A73836;
	color: #F3F4F4;
}

/* 任意*/
span.input-optional {
	background: #717272;
	color: #F3F4F4;
}


/* ------------------------------------------------------------ */
/* 再入力 */
.article  .input-once {
	box-shadow: 0px 0px 4px #A73836;
}

.article  .input-once::after {
	/*content: "入力してください";*/
	display: block;
}


/**************************************************
	フォーム用エラーメッセージ
**************************************************/
dl.caution {
	padding: 1em;
	background-color: #F3F4F5;
}
	.caution dt,
	.caution dd {
		margin: 0;
		padding: 0;
	}
	.caution dt {
		margin-bottom: 1em;
	}

	.caution dd {
		margin-bottom: 0.2em;
		color: #A73836;
	}

/**************************************************
	フォームフロー
**************************************************/
dl.reg_flow {
	padding: 8px 12px;
	border-top: solid 1px #00A497;
	border-bottom: solid 1px #00A497;
	overflow: hidden;
	background: #F8F4E6;
}
	.article dl.reg_flow dt {
		margin: 0;
		padding: 0 0 0.5em 0;
		background: none;
		font-weight: normal;
		color: #474A4D;
	}
	.article .reg_flow dd {
		float: left;
		margin: 0 0 3px 0;
		padding: 0 24px 0 0;
		background: url( "/statistics/share/sprites.gif" ) right -393px no-repeat;
		font-size: 80%;
		white-space: nowrap;
	}
		.article .reg_flow dd.end {
			background-image: none;
		}

		.article .reg_flow dd span {
			display: block;
			float: left;
			margin: 0 0 0 0;
			padding: 4px 16px;
			border: solid 1px #00A497;
			background: #FFFFFC;
		}
			 .article .reg_flow span.act {
				background: #00A497;
				color: #FFFFFC;
			}
			 .article .reg_flow span.prev {
				background: #F3F4F4;
				border: solid 1px #9EA1A3;
				color: #9EA1A3;
			}


/*************************************************
	2013-03-12 semianr form
 *************************************************/

.group-box {
	margin-bottom: 3rem;
	border: double 3px #C0C6C9;
}

.group-box h3 {
	margin-bottom: 1rem;
	padding: 0.5rem;
	border-bottom: solid 1px #C0C6C9;
	background: linear-gradient( #FFFFFC, #E9E4D4 );
	text-align: center;
	color: #595857;
}

.group-box h4 {
	margin: 0 2rem 0.5rem;
	padding: 0.5rem 0;
	border-bottom: dotted 1px #C0C6C9;
}

.submit_categoryl-box {
	display: flex;
	justify-content: center;
	padding: 0.5rem 1rem;
}
	.submit_categoryl-box .submit-button {
		margin: 0.2rem 1rem 0;
		padding: 0 1rem 1rem;
	}