/***********************************************************************
 *
 * 共通 フォームパーツ
 *
 ***********************************************************************/
input[type="text"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3rem;
}
input[type="email"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3em;
}
input[type="password"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3em;
}
input[type="date"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3em;
}
input[type="time"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3em;
}
input[type="datetime-local"]{
	font-size: 1.0rem;
	height: 1.8rem;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0.3em 0 0.3em;
}
input[type="radio"]{
	font-size: 1.0rem;
}

div.form-section-login {
	padding: 20px;
	margin-bottom: 10px;
}
div.form-section-login div.form-group {
	margin-bottom: 5px;
}
div.form-section-login div.form-group label {
	display: block;
	font-size: 1.0rem;
	font-weight: 600;
	margin-bottom: 5px;
}




div.form-section {
	background-color: #fafbfc;
	border: 1px solid #e2e8f0;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 10px;

}

div.login-form-section {
	padding: 20px 50px 20px 50px;
	margin-bottom: 10px;
}


div.form-section div.form-group,
div.login-form-section  div.form-group{
	margin-bottom: 5px;
}
div.form-section div.form-group-center {
	margin-bottom: 5px;
	text-align: center;
}


div.form-section div.form-group label,
div.form-section div.form-group-center label {
	display: block;
	font-size: 1.0rem;
	font-weight: 600;
	margin-bottom: 5px;
}
div.form-section div.form-group div.hint {
	font-size: 0.8rem;
	margin-top: 4px;
}

div.form-section div.form-group div.confirm-value {
	padding-left: 1.0em;
}


label {
	margin:0 15px 0 5px;
}

select {
	font-size: 1.0em;
	height: 1.8em;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	margin: 0.1em 0 0.1em 0;
	padding: 0 0 0 0;
}

textarea {
	font-size: 1.0em;
	border-radius: 3px;
	border: 1px solid #D6D6D6;
	padding: 0 0.3em 0 0.3em;
}

input.width-max {
	width: 100%;
}
input.width-50 {
	width: 50%;
}
select.width-max {
	width: 100%;
}
textarea.width-max {
	width: 100%;
}

.input-error {
	background-color: #FFEFD5;
}

div.global-errors p {
	color :#FF0000;
	margin: 0;
	padding: 0;
}





/* 認証コード */
div.verification-code-container {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.verification-code-container-center {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	 justify-content: center;

}

div.verification-code-container input.verification-code-box,
div.verification-code-container-center input.verification-code-box {
	width: 30px !important;
	height: 40px !important;
	font-size: 1.5em !important;
	text-align: center;
	border-radius: 4px;
	outline: none;
}