/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** ログイン
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** PCスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 770px), prent {
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-color: #f1f1f1;
}
.login_con {
	padding: 6rem 0;
	margin: auto;
	width: 400px;
}
.login_back {
	margin: 2rem 0 1rem 1rem;
}
.login_back a {
	color: #666;
	text-decoration: none;
}
.login_back a:hover {
	color: #1b4f98;
	text-decoration: underline;
}
.login_form {
	margin-top: 2rem;
	margin-left: 0;
	padding: 2rem;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
.login_form_item {
	color: #666;
	margin-bottom: 1rem;
}
.login_form_item label {
	color: #666;
}
.login_form_id, .login_form_pw {
	font-size: 1rem;
	width: 100%;
	padding: 0.2rem;
	margin: 0.1rem 0 0 0;
}
.login_form_item_submit {
	text-align: right;
}
.login_message_err, .login_message_logout {
	border-left: 4px solid #FF0000;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.login_message_logout {
	border-left-color: #00a0d2;
}
.login_ft {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
}

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** SPスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 769px), prent {
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-color: #f1f1f1;
}
.login_con {
	padding: 0 1rem 3rem;
	margin: auto;
}
.login_back {
	margin: 2rem 0 1rem 1rem;
}
.login_back a {
	color: #666;
	text-decoration: none;
}
.login_back a:hover {
	color: #1b4f98;
	text-decoration: underline;
}
.login_form {
	margin-top: 2rem;
	margin-left: 0;
	padding: 2rem;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
.login_form_item {
	color: #666;
	margin-bottom: 1rem;
}
.login_form_item label {
	color: #666;
}
.login_form_id, .login_form_pw {
	font-size: 1rem;
	width: 100%;
	padding: 0.2rem;
	margin: 0.1rem 0 0 0;
}
.login_form_item_submit {
	text-align: right;
}
.login_message_err, .login_message_logout {
	border-left: 4px solid #FF0000;
	padding: 12px;
	margin-left: 0;
	margin-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.login_message_logout {
	border-left-color: #00a0d2;
}
.login .hd_bg {
	margin-bottom: 3rem!important;
}
}