@charset "utf-8";

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

--------------------------------------------------------------------------------------
ログインページ
***************************************************************************************/

body.login {
}
body.login h1 {
	text-align:center;
	margin-top:70px;
}
body.login p.catch {
	text-align:center;
	margin-top:25px;
	font-weight:bold;
	color:#009944;
	font-size:18px;
	letter-spacing:0.05em;
}
body.login .btnBox {
	background:url(../img/common/bg_ptn_ob_gray.png) 0 0 / 3px 3px repeat;
	border-radius:10px;
	padding:7px;
	max-width:800px;
	margin:70px auto 0;
}
body.login .btnBox .inBg {
	background-color:#d2efba;
	border:2px solid #fff;
	border-radius:5px;
	padding:40px 30px 30px;
}
body.login .btnBox .inBg a {
	display:block;
	border-radius:10px;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	width:350px;
	text-align:center;
	padding:25px 10px;
	position:relative;
}
body.login .btnBox .inBg a::after {
	font-family:'fontello';
	content:'\e802';
	display:block;
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
	font-weight:normal;
	font-size:22px;
}
body.login .btnBox .inBg a:nth-of-type(1) {float:left;background-color:#009944;}
body.login .btnBox .inBg a:nth-of-type(2) {float:right;background-color:#e6a800;}

body.login .btnBox .inBg p {
	text-align:center;
	margin-top:30px;
}
body.login p.add {
	text-align:center;
	font-size:14px;
	margin-top:70px;
}
@media only screen and (max-width:768px) {
	body.login h1 {
		margin-top:50px;
	}
	body.login h1 img {
		width:250px;
		height:auto;
	}
	body.login p.catch {
		font-size:16px;
	}
	body.login .btnBox {
		padding:4px;
		margin-top:30px;
	}
	body.login .btnBox .inBg {
		padding:15px;
		border-width:1px;
	}
	body.login .btnBox .inBg a {
		float:none;
		width:100%;
		font-size:18px;
		padding:15px 10px;
	}
	body.login .btnBox .inBg a + a {
		margin-top:15px;
	}
	body.login .btnBox .inBg p {
		margin-top:15px;
	}
	body.login p.add {
		margin-top:30px;
		font-size:12px;
	}
}