@charset "utf-8";
/* Copyright 2022 FSFIELD All Rights Reserved. */

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

PC、タブレット、スマートフォン共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* ------------------------------------------------------------

ログイン

------------------------------------------------------------ */

.wrap_login{display: flex;}

.login{
	width: 50%;
	min-height: 500px;
	border-right: 1px solid #D8DFE7;
	padding-right: 40px;
}

.login .lead{
	line-height: 1.4;
	margin-bottom: 20px;
}

.login_inner{margin-bottom: 80px;}

.login_inner .note_must{
	color: #FF7272;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.login_inner .note_must span{
	font-size: 1rem;
	vertical-align: top;
}

.login_inner .inner{margin-bottom: 20px;}

.login_inner .inner:last-of-type{margin-bottom: 0;}

.login_inner .inner p{
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
}

.login_inner .inner p span{
	color: #FF7272;
	font-size: 1rem;
	vertical-align: top;
}

.login_inner .inner input{
	width: 100%;
	border: 1px solid #DDDDDD;
	padding: 10px 12px;
	font-size: 1.6rem;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}

.login_inner .inner input::-webkit-input-placeholder{color: #AAAAAA;}
.login_inner .inner input::-moz-placeholder{color: #AAAAAA;}
.login_inner .inner input::placeholder{color: #AAAAAA;}

.login .btn_area_btm01{flex-direction: column;}

.login .btn_area_btm01 .btn_system_type01{margin-bottom: 15px;}

.login .password a{
	color: #333;
	text-decoration: underline;
}

.login .password a:hover{text-decoration: none;}

.regist{
	width: 50%;
	padding-left: 40px;
}

.regist .lead{line-height: 1.4;}

.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: 2.25rem;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.is-invalid~.invalid-feedback {
    display: block;
}

@media only screen and (max-width:1024px){ /* 表示領域が1024px以下の場合に適用するスタイル */

	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	タブレット

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ログイン

	------------------------------------------------------------ */

	
	
}/*--@media--*/


@media only screen and (max-width:767px){ /* 表示領域が767px以下の場合に適用するスタイル */
	/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	スマートフォン（iPhone,Android)

	_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

	/* ------------------------------------------------------------

	ログイン

	------------------------------------------------------------ */
	
	.wrap_login{
		padding: 0;
		display: block;
	}

	.login{
		width: 100%;
		min-height: unset;
		border-right: none;
		border-bottom: 1px solid #D8DFE7;
		padding: 0 0 50px;
		margin-bottom: 50px;
	}

	.login .lead{
		font-size: 1.35rem;
		margin-right: -0.6em;
	}

	.login_inner{margin-bottom: 50px;}

	.login_inner .inner{margin-bottom: 20px;}

	.login_inner .inner input{padding: 10px 12px;}
	
	.login_inner .inner input::-webkit-input-placeholder{font-size: 1.4rem;}
	.login_inner .inner input::-moz-placeholder{font-size: 1.4rem;}
	.login_inner .inner input::placeholder{font-size: 1.4rem;}
	
	.login .btn_area_btm01 .btn_system_type01{margin-bottom: 10px;}

	.login .password{text-align: center;}

	.regist{
		width: 100%;
		padding-left: 0;
	}

	.regist .lead{
		font-size: 1.35rem;
		margin-right: -0.6em;
	}
	
	
}/*--@media--*/


@media only screen and (max-width:340px){ /* 表示領域が340px以下の場合に適用するスタイル */
	
	.login .lead{margin-right: 0;}
	
	.regist .lead{margin-right: 0;}
	
	
}/*--@media--*/