article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}

/***** ログインページ *****/
#login {
  background: url(/admin/common/images/bg_login.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
    align-items: center;
    flex-wrap:wrap;
  height: 100vh;
}

#login .login_contents {
	margin: 0 auto;
	width: 100%;
	max-width: 980px;
}



@media ( min-width :768px) {
	#login .contents {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}
}
#login .card {
	margin: 0 auto;
  width:70%;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: bold;
  background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#login .card i.fa-lock {
	font-size: 60px;
}
#login .card .title {
	border: none;
  font-size: 20px;
  font-size: 2.0rem;
  padding:10px;
}
#login .card .outline {
	padding: 5px 0;
}
#login .card .explanation {
	display:inline-block;
}
#login .card form {
	margin: 20px 0px;
}
#login .card input {
	max-width: 95%;
	margin: 5px 10px;
}
.square_btn{
    display: inline-block;
    padding: 7px 40px;
    margin:15px;
    border-radius: 25px;
    border: none  ;
    text-decoration: none;
    color: #FFF;
    background:#0a3d7f;
}

.square_btn:hover {
    background:#3978cb;
}
.link-area {
  margin:10px;
}
	.link-area div {
		margin-bottom: 10px;
	}

@media (max-width: 991px) {
	.link-area div {
		margin-bottom: 5px;
	}
	.link-area .left-align{
		text-align: center !important;
	}
	.link-area .right-align{
		text-align: center !important;
	}
}
.link-area a {
	font-weight: normal;
}

.link-area a:link {
	color: #333333;
	text-decoration: underline;
}
.link-area a:visited {
	color: #333333;
	text-decoration: none;
}
.link-area a:hover {
	color: #333333;
	text-decoration: none;
}
.link-area a:active {
	color: #333333;
	text-decoration: none;
}


}