@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document login
--------------------------------------------------------- */

#login .container {
	padding: 90px 0;
	background: #f9f9f9;
}

#login .tel {
	display: inline-block;
	vertical-align: top;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-size: 38px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #a08266;
}

#login .section {
	margin-top: 20px;
}

#login .errmsg {
	display: inline-block;
	vertical-align: top;
	width: 460px;
	margin-bottom: 15px;
	background: #f9e8e8;
	text-align: center;
	color: #960301;
}

#login .password {
	margin-bottom: 20px;
}

#login [type=password] {
	width: 460px;
	height: 60px;
	padding: 0 1em;
	border: solid 1px #ccc;
	border-radius: 5px;
	box-shadow: rgba(204, 204, 204, 0.20) 2px 2px 1px 0px inset;
	font-size: 17px;
}

#login button {
	vertical-align: top;
	width: 240px;
	height: 60px;
	border-radius: 60px;
	background: #65472e;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #fff;
	position: relative;
	cursor: pointer;
	transition: .4s;
}

#login button:hover {
	opacity: 0.6;
}

#login button:after {
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -6px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
}

/* ---------------------------------------------------------
	CSS Document pdf
--------------------------------------------------------- */

.pdf {
	margin-top: 40px;
}

.pdf a {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 60px;
	border-radius: 60px;
	background: #65472e;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0.2em;
	line-height: 60px;
	color: #fff;
	position: relative;
}

.pdf a:before {
	display: inline-block;
	vertical-align: top;
	content: '';
	width: 30px;
	height: 60px;
	margin: 0 15px 0 -15px;
	background: url(../images/pdf.svg) no-repeat left / auto 30px;
}