@charset "utf-8";


/*============================================================================*\
    $Page - Index
\*============================================================================*/

/*------------------------------------*\
    Login
\*------------------------------------*/
.index-login {
	display: table;
	width: 100%;
}
.index-login__inner {
	display: table-cell;
	vertical-align: middle;
}

/* Header */
.index-login-header {
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.index-login-header-logo img { width: 31rem; }
.index-login-header-logo__copy {
	display: inline-block;
	letter-spacing: .1em;
	font-size: 1.8rem;
	font-feature-settings: "pkna";
}
.text-center .index-login-header-logo__copy { text-indent: .1em; }

/* Box */
.index-login-box { padding: 3rem 2rem; }

@media (min-width:46.875em) {
	/* Header */
	.index-login-header { margin-top: 5rem; }
	.index-login-header-logo img { width: 36rem; }

	/* Box */
	.index-login-box { padding: 5rem 6.5rem; }
}


/*------------------------------------*\
    Documents
\*------------------------------------*/
/* Buttons */
.index-doc-btn { margin-bottom: 1.5rem; }
.index-doc-btn-icon-fixed-l { padding-left: 6.7rem; }
.index-doc-btn-icon-fixed-l::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: url(../common/img/icon.svg) no-repeat;
	background-size: 7.2rem 13.5rem;
}
.index-doc-btn-icon-fixed-l--data::before {
	left: 2.6rem;
	width: 2.24rem;
	height: 2.8rem;
	background-position: 0 -5.28rem;
	vertical-align: -.56rem;
}
.index-doc-btn-icon-fixed-l--building::before { 
	left: 1.9rem;
	width: 3.12rem;
	height: 2.72rem;
	background-position: 0 -8.08rem;
	vertical-align: -.4rem;
}
.index-doc-btn-icon-fixed-l--method::before {
	left: 1.7rem;
	width: 2.72rem;
	height: 2.72rem;
	background-position: 0 -10.8rem;
	vertical-align: -.4rem;
}

@media (min-width:46.875em) {
	/* Box */
	.index-doc-box {
		padding: 2.5rem 2rem;
		background-color: #f0f3f5;
	}

	/* Buttons */
	.index-doc-btn { margin-bottom: 0; }
}