@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f8f9fa;
  font-family: 'Noto Sans JP', sans-serif;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin.client input[name="client_code"],
.form-signin.admin input[name="client_code"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin.client input[name="operator_code"] {
  margin-bottom: -1px;
  border-radius: 0;
}

.form-signin.admin input[name="operator_code"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin.client input[type="password"],
.form-signin.admin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* 背景色デザイン01：グレー */
.background01 {
	background-color: #666666 !important;
	color: #ffffff !important;
	border: 1px solid #666666;
}
.background01:hover {
	border: 1px solid #666666;
	opacity:0.8;
}

/* 背景色デザイン01：グレー（白抜き） */
.background_outline01 {
	background-color: #ffffff;
	color: #666666;
	border: 1px solid #666666;
}
.background_outline01:hover {
	background-color: #666666;
	color: #ffffff;
	border: 1px solid #666666;
}