/* =======================================
	login.css - ログインページ スタイル
======================================= */
#login header {
	background-color: #fff;text-align: center;
}
.headerWrapper {width:100%;}
.logo{
	float: none;
	width: 100%;
	text-align: center;
}

#login #wrapper {
	background-color: #6699CC;
}
#content{
	width:100%;
padding: 0;}

.boxAll {
	margin: 3em auto 1em auto;
	width: 400px;
}
.boxLogin {
	margin: 2em auto;
	width: 300px;
}
.boxLogin input.login {
	margin-bottom: 2em;
	padding: 0.5em;
	width: 300px;
	height: 2em;
}
.check {
	margin-bottom: 1em;
}
.msgError {
	width: 300px;
}
.dvTxtCenter button {
	width: 100%;
	height: 3em;
}

.dvTxtCenter button.btnLogin { /*ログイン*/
	width: 100%;
	height: 3em;
	min-width: 8em;
	margin: 0.5em;
	padding: 0.5em 1em;
	background-color: #4269cf;
	color: #fff;
	border: solid 1px #4269cf;
	border-radius: 25px;
}

    .dvTxtCenter button.btnLogin:hover,
    button.btnLogin:focus {
        background-color: #335399;
        text-decoration: underline;
    }

.dvTxtCenter button.btnMS365Login { /*MS365ログイン*/
	width: 100%;
	height: 3em;
	min-width: 8em;
	margin: 0.5em;
	padding: 0.5em 1em;
	background-color: #f4a460;
	color: #fff;
	border: solid 1px #f4a460;
	border-radius: 25px;
}

.dvTxtCenter button.btnMS365Login:hover,
button.btnLogin:focus {
	background-color: #ff8c00;
	text-decoration: underline;
}

.dvTxtCenter button.btnSAMLLogin { /*SAMLログイン*/
	width: 100%;
	height: 3em;
	min-width: 8em;
	margin: 0.5em;
	padding: 0.5em 1em;
	background-color: #ffdead;
	color: #8b4513;
	border: solid 1px #ffdead;
	border-radius: 25px;
}

.dvTxtCenter button.btnSAMLLogin:hover,
button.btnLogin:focus {
	background-color: #f5deb3;
	border: solid 1px #f5deb3;
	text-decoration: underline;
}

.dvTxtLeft{
	margin: 0 auto 3em auto;
	position:relative;
	left: -1em;
	width: 400px;
}
@media screen and (max-width: 768px){
	.boxAll {
		margin: 1em auto 1em auto;
		width: 250px;
	}
	.boxLogin {
		margin: 2em auto;
		width: 200px;
	}
	.boxLogin input.login {
		width: 180px;
	}
	.msgError {
		width: 180px;
	}
	.dvTxtLeft{
		margin: 0 auto 3em auto;
		width: 250px;
	}
}