@charset "UTF-8";

:root {
  /* color */
  --am-background-color: #DDEBF7;
  --am-primary-color: #2F75B5;
  --am-secondary-color: #9BC2E6;
  --am-accent-color: #FFFF;

  --am-table-header-color: #0070C0;
  --am-button-color:#2E75B6;
}

.login-table {
  	width: 800px;
  	margin-right: auto;
  	margin-left: auto;
  	border: 1px solid;
  	font-size: 18px;
}

.login-header {
	width: 100%;
	height: 13%;
	padding-left: 5px;
	background-color: var(--am-table-header-color);
	border-bottom: 1px solid;
	border-color: #000000; 
	color: var(--am-accent-color);
	font-size: 20px;
}

.login-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: var(--am-accent-color);
	font-size: 15px;
}

.custom-label {
	padding-left: 50px;
	width: 250px;
}

.form-design-gr {
    margin: 2px;
    padding: 0;
  	background-color: #D9D9D9;
  	border: 1px solid;
}

/* ユーザーID */
.user-id-design {
  	width: 500px;
    margin: 2px;
    padding: 0px 5px;
  	background-color: #FFFF99; 
  	border: 1px solid;
}

/* margin */
.am-form-margin {
  	margin-top: 36px;
}
.am-margin {
  	margin-top: 15px;
}

/* ボタン */
.am-button {
  	width: 180px;
  	height: 40px;
  	background-color: var(--am-button-color);
  	border-radius: 10px;
  	color: var(--am-accent-color);
}
.am-button-margin {
  	margin-top: 50px;
}
.am-button-padding {
	padding: 0px 0px 50px 0px;
}