@charset "utf-8";

/* ---------------------------------
	ログインフォーム
------------------------------------*/
/* フォーム */
#login_box {
	position:relative;
	margin:50px auto 0 auto;
	text-align:center;
	background:#F8F8F8;
	width:35%;
	border-radius:5px;
	padding: 20px 50px;
}
#login_box.pass_reg {	/* パスワード再登録 */
	width:50%;
}
#login_box dl {
	margin:5px auto 20px auto;
	width:100%;
	display:flex;			/*横並び*/
	flex-wrap: wrap;	/*折り返し*/
}
#login_box dl dt{
	box-sizing: border-box;
	margin:13px 0 0 0;
	text-align:left;
	padding:3px 0;
	width:35%;
}
#login_box dl dd {
	box-sizing: border-box;
	margin:13px 0 0 0;
	text-align:left;
	width:65%;
}
#login_box dl dd input {
	box-sizing: border-box;
	width: 100%;
	border:1px solid #777;
	padding:5px 5px;
}
#login_box .hd {
	width:max-content;
	margin:15px auto;
}
#login_box dd input {
	width:max-content;
}
#login_box .submit {
	background:#FFF;
}

/* 忘れた方 */
.forget {
	width: 100%;
	margin:5px 0 0 0;
	text-align:right;
	font-size:14px;
}

/* 再発行　完了 */
.msg {
	width: 60%;
	margin:40px auto 0 auto;
	text-align:left;
}
.msg p{
	width: 100%;
	margin:30px 0 0 0;
}


/* **********************************
	スマホ用スタイル
********************************** */
@media screen and (max-width:700px){

/* フォーム */
#login_box {
	width:calc(100% - 20px);
	padding: 10px;
}
#login_box dl {
}
#login_box dl dt{
	text-align:center;
	width:100%;
}
#login_box dl dd {
	text-align:center;
	width:100%;
}
#login_box dl dd input {
	width:90%;
}
#login_box #btn_login {
	width:90%;
}



/* スマホ用スタイル　ここまで
********************************** */
}