@charset "utf-8";

/*------------------------------*/

body {
	background-color:#f0f5f0;
}

/* ログイン要素枠 */
.login_form_frame {
	width:90%;
	max-width: 600px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%); /* Safari用 */
	transform: translate(-50%,-50%);
}

/* ログイン要素枠 */
.login_form_box {
	border:1px solid #cccccc;
	border-radius: 10px;
	box-shadow: 2px 2px 4px #b2b2b2;
}

/* ログイン要素ヘッダー */
.login_form_box_frame {
	text-align:center;
	background-color: #ffffff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:40px 10px 10px 10px;
}

/* メインロゴ */
.main_logo {
	width:70%;
}

/* ログイン要素メイン部 */
.login_form_main_frame {
	background-color: #f0f0f0;
	padding:20px 50px 40px 50px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* アイコン */
.icon {
	height:20px;
}
/*------------------------------*/
/* 入力欄の枠 */
.input_form_border {
	border:1px solid #595757;
	border-radius:10px;
	display:flex; 
	flex-wrap:wrap;
}
/* 入力欄左 */
.input_form_left {
	text-align:center;
	width:20%;
	background-color: #e6e6e6;
	vertical-align: middle;
	font-size:20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
/* 入力欄右 */
.input_form_right {
	width:80%;
	background-color: #ffffff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

/*------------------------------*/
/* FORM用のスタイル */
.input_form_01 {
	border:none;
	border-radius:0px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}