@charset "UTF-8";
/* CSS Information ===========
File name:login.css
Description:SPM Cloud [front-user]
D&M/IJU Inc.
Date: 2018
Contents: *login Only
Root Em:100%
=============================== */
.login__wrap{width:100%;}
.login__inner{width:100%; max-width:40rem; margin:0 auto;}/*640*/
.login__error_message {
	background: #fff;
	border: 1px solid #ffe5e5;
	padding-bottom: 10px;
	margin-bottom: 1.875rem;
	border-radius: 5px;
}
.login__error_message dt {
	font-size: 1.25rem;
	font-weight: bold;
	color: #c1392e;
	background: #ffe5e5;
	text-align: center;
	padding: 14px 0 10px;
	margin-bottom: 10px;
}
.login__error_message dt span {
	display: inline-block;
}
.login__error_message dd {
	margin: 0 10px;
	text-indent: -1em;
	padding-left: 1em;
}
/* form */
.form__parts{width:100%;}
.form__parts + .form__parts{margin: 1.5rem 0;}
.form__parts label{font-size:1.5rem; font-weight:bold; margin-bottom:0.625rem;}
.form__parts__box{position:relative; border:solid 1px #ccc; width:100%; height:auto; min-height:3.125rem;}
.form__parts__box .input--text{position:absolute; top:0; left:0; width:100%; height:100%; font-size:1.125rem; padding:0 0.625rem;}
.form__parts__box input[type="password"].input--text{font-size:2rem;}
.form__support {width:100%; text-align:center;padding-bottom: 1rem;}
.form__support li {font-size:1.125rem;}
.form__support li .fw-b {font-weight: bold; text-align: center;display:block;}
.form__parts__forgot {text-align: center;font-size:1.125rem;margin-bottom: 2rem;}
.form__parts__forgot a {text-decoration: underline;text-underline-offset: 5px;color: #4e83bb;}
.form__parts__forgot i {margin-right: .5rem;font-size: 1.5rem; transform: translate(0, -2px);}
.form__support a{text-decoration:underline;}
.form__parts__btn{width:100%; margin-bottom:1.25rem;}
.form__parts__btn.btm{margin-bottom:3rem;}
.form__btn{display:block; width:100%; text-align:center; border-radius:0.625rem; font-size:1.875rem; font-weight:bold; padding:1.25rem 0.625rem;position: relative;}

.form__line {display:block;width:100%;height:2px;margin:4rem 0;border-style:dashed;border-bottom: 2px dashed #666;}


.login__reset__guide {margin-bottom: 2.5rem;}
.login__reset__table table {width: 100%;margin-bottom: 1.5rem;}
.login__reset__table th, .login__reset__table td {padding: 1rem 0;text-align: left;}
.login__reset__table th {width: 132px;}
.login__reset__table th.large {width: 188px;}
.login__reset__table .form__parts__btn {max-width: 320px;margin: 0 auto 8rem;}
.login__reset__table .form__btn {height: 74px;padding-top: 4px;padding-bottom: 0;font-size: 1.5rem;}
.login__reset__table_user_id {font-size: 1.25rem;}
.login__reset__message {font-size: 1.2rem;margin-bottom: 20rem;text-align: center;}
.login__reset__message .page__jump {margin-top: 2rem;}
.login__reset__message span {display: inline-block;}
.login__reset__message.error p {background: #ffe5e5;color: #c1392e;padding: 14px 0 10px;}

/*=======
RWD Responsive
=====================*/
/*(MIN)---------------------------*/
@media (min-width:64.0625em){/*1025*/
	.form__support a:hover{text-decoration:none;}
	}

/*(MAX)---------------------------*/
@media (max-width:77.5em){/*1240*/
	.form__btn{font-size:1.375rem;}
	}

	@media (max-width:64em){/*1024*/
		.form__parts label{font-size:1.375rem;}
	}

@media (max-width:40em){/*640*/
	.form__support{text-align:left;}
	.form__support li{display:block;}
	.form__parts{margin-bottom:1.5625rem;}
	.form__parts .form__support li:first-child{margin-right:0;}
	.form__support li{font-size:1rem;}
	.form__parts__forgot {text-align: left;font-size: 1rem;}
	.form__parts__forgot i {font-size: 1.25rem; transform: translate(0, -1px);}

	.login__reset__table table,
	.login__reset__table tbody,
	.login__reset__table tr,
	.login__reset__table th,
	.login__reset__table td {
		display: block;
		width: 100%;
		padding: 0;
	}
	.login__reset__table table {margin-bottom: 2.5rem;}
	.login__reset__table tr + tr {
		margin-top: 1.5rem;
	}
	.login__reset__table td {
		padding-top: 4px;
	}
	.login__reset__table .form__btn {height: 64px;padding-top: 2px;font-size: 1.25rem;}
}
@media (max-width:28.125em){/*450*/
	.form__support li{font-size:0.875rem;}
	.form__parts label{font-size:1.125rem;}
	.form__btn{font-size:1.25rem; padding:0.625rem;}
	.form__line {margin: 2.5rem 0;}
	}
@media (max-width:25em){/*400*/
	.login__reset__message .page__jump {max-width: 300px;}
	}
@media (max-width:21.875em){/*350*/
	}