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

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

#login .container {
	padding: 15vw 5vw;
	background: #f9f9f9;
}

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

#login .section {
	margin-top: 10vw;
}

#login .errmsg {
	margin-bottom: 5vw;
	background: #f9e8e8;
	text-align: center;
	color: #960301;
}

#login .password {
	margin-bottom: 5vw;
}

#login [type=password] {
	width: 100%;
	height: 16vw;
	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: 4vw;
}

#login button {
	vertical-align: top;
	width: 60vw;
	height: 14vw;
	border-radius: 60px;
	background: #65472e;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
	color: #fff;
	position: relative;
}

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

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

.pdf {
	margin-top: 8vw;
}

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

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