@charset "utf-8";

/**************************************************************************************
企業のご担当者様の表紙
--------------------------------------------------------------------------------------

***************************************************************************************/

/* ---------------------------
背景画像
----------------------------- */

#members {
	background:url(../img/members/bg_members.jpg)no-repeat;
	background-position:right 58px;
}

#members .item {
	margin-top:188px;
	padding-bottom:100px;
	border-bottom:2px solid #ccc;
}
#members .item .tit {
	font-size:30px;
	font-weight:bold;
	padding-bottom:50px;
}
#members .item .tit small {
	display:block;
	color:#C33A48;
	font-size:12px;
	font-weight:bold;
}
#members .item .login {
}
.login:after {
		content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#members .item .login .itemLogin {
	width:49.5%;
	background:#fff;
	box-shadow:10px 10px 20px #E0E0E0, -10px -10px 20px #ffffff;
	border-radius:10px;
}
#members .item .login .itemLogin:nth-of-type(even) {
	float:right;
}
#members .item .login .itemLogin:nth-of-type(odd) {
	float:left;
}
#members .item .login .itemLogin dl {
	padding:40px;
}
#members .item .login .itemLogin dl dt {
	font-weight:bold;
	font-size:15px;
}
#members .item .login .itemLogin dl dt span {
	font-size:11px;
	color:#939BDE;
	display:block;
	font-weight:bold;
}
#members .item .login .itemLogin dl dd {
	margin-top:22px;
	font-size:16px;
	line-height:2;
}
#members .item .login .itemLogin .btnWrap {
	background:#EEEFFF;
	padding:20px 40px;
}
#members .item .login .itemLogin .btnWrap a {
	display:block;
	background:#5662CB;
	color:#fff;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding:13px;
	position:relative;
	font-size:12px;
}
#members .item .login .itemLogin .btnWrap a:after {
	content:"";
	width:8px;
	height:8px;
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	display:block;
	transform:rotate(45deg);
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-4px;
}