@charset 'utf-8';

/* ------------------------------
 パスワード再発行
------------------------------ */

#steps li {
	float: left;
}

#steps li:last-child {
	padding-right: 0;
}

#information {
	border: 1px dotted #b7b7b7;
}

#information dt::before {
	content: '─ ';
}

#information dt::after {
	content: ' ─';
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#steps {
		width: 85.9375%;
	}
	#steps li {
		width: 23.63636363636364%;
		padding-right: 1.818181818181818%;
	}
	#information {
		padding: 3.125vw;
	}
}

@media screen and (min-width: 900px) {
	#password_box {
		padding: 30px;
		background-color: #f5f5f5;
	}
	#password {
		padding: 40px 40px 60px;
		background-color: #fff;
		box-shadow: 1px 1px 0 0 #e1e1e1;
	}
	#steps {
		width: 399px;
	}
	#steps li {
		width: 66px;
		padding-right: 45px;
		background: url(../img/common/arrow_next-black.svg) no-repeat right center;
		background-position: 85px center;
		background-size: auto 12px;
	}
	#password form {
		width: 360px;
	}
	#information {
		padding: 20px;
	}
}


/* エラー文言 */

.error {
	font-weight: bold;
	color: #d00;
	border-radius: 4px;
	background-color: #fbe7e9;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.error {
		margin-top: 3.125vw;
		padding: 3.125vw;
	}
}

@media screen and (min-width: 900px) {
	.error {
		margin-top: 10px;
		padding: 10px;
	}
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/