@charset "UTF-8";

body{
	background-color: #F4F4F4;
}

.f-green{
	color: #008B8B;
}

.login-background {
	background-color:#FFFFFF;
	text-align: center;
}

.login-error{
	color: red;
	font-size: 1rem;
}

.login-id{
	margin-bottom: 3%;
}

.login-pass{
	margin-bottom: 3%;
}

.login-btn{
	color: #FFFFFF;
	background-color: #008B8B;
	border: 0.125rem solid #008B8B;
	border-radius: 0;
	padding: 0.5rem 2rem;
	margin-top: 5%;
	margin-bottom: 10%;
	font-size: 0.8rem;
}

/* ボタン色装飾（ホバー時） */
.login-btn:hover {
	color:#008B8B;
	background-color: #FFFFFF;
	border-color:#008B8B;
}

/* ボタン色装飾（フォーカス時） */
.login-btn:focus {
	color:#008B8B;
	background-color: #FFFFFF;
	border-color:#008B8B;
	outline:0;
	box-shadow:#008B8B;
}

.form-control:focus{
	border-color:#66CDDD;
	outline:0;
	box-shadow:0 0 0 0.25rem #66CDDD;
}

.img-size{
	width:100%;
	min-width: 160px;
	height:100%;
	min-height:160px;
	object-fit: contain;
	opacity:1;
}

img {
	pointer-events: none;
}