@charset "utf-8";
/*
 * ================================================
 * 
 * [home]
 * 
 * ================================================
 */
/**
 * ---------------------------------------------------
 * container
 * ---------------------------------------------------
 */
#container {
	background: url(../../images/content/home/bg.png) no-repeat center bottom;
	-webkit-background-size: cover;
	        background-size: cover;
	position: relative;
}
#content {
	width: 100%;
	position: relative;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
/**
 * ---------------------------------------------------
 * siteLogo
 * ---------------------------------------------------
 */
#siteLogo {
	display: block;
	text-indent: -99999px;
	width: 500px;
	height: 442px;
	margin: 0 auto 80px auto;
	background: url(../../images/content/home/logo.png) no-repeat center center;
	-webkit-background-size: cover;
	        background-size: cover;
}
/**
 * ---------------------------------------------------
 * btn
 * ---------------------------------------------------
 */
.btnList {
	list-style-type: none;
	letter-spacing: -0.4em;
	text-align: center;
	padding: 0;
	margin: 0;
}
	.btnList li {
		display: inline-block;
		letter-spacing: normal;
		width: 189px;
		height: 84px;
		margin: 0 66px;
		position: relative;
	}
		.btnList li a {
			display: block;
			transition: .2s;
			position: absolute;
			top: 0;
			left: 0;
		}
			.btnList li a:hover { top: 8px; }
			.btnList li a img {
				width: 100%;
			}
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
}	/*  @media END */
/**
 ****************************************************
 * 
 * screens smaller than 767
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * content
	 * ---------------------------------------------------
	 */
	#content.scale {
		-webkit-transform: translate(-50%, -50%) scale(0.7);
		    -ms-transform: translate(-50%, -50%) scale(0.7);
		        transform: translate(-50%, -50%) scale(0.7);
	}
	body.landscape #content.scale { width: 200%; }
	/**
	 * ---------------------------------------------------
	 * siteLogo
	 * ---------------------------------------------------
	 */
	#siteLogo {
		width: 250px;
		height: 221px;
		margin: 0 auto 30px auto;
	}
	/**
	 * ---------------------------------------------------
	 * btn
	 * ---------------------------------------------------
	 */
	.btnList {}
		.btnList li { margin: 0 10px 20px 10px; }
			.btnList li a {
				position: static;
				transition: 0;
			}


}	/*  @media END */