@charset "utf-8";

/* ----------------------------------------
 * CSS | LIBELARA BLACK
 * /scene/css/index.css
 * ---------------------------------------- */



/* --------------------
 * mainview
 */
#mainview {
	clear: both;
}
	#mainview_wrap {
		background-color: #fff;
	}
		#mainview .img {

		}
		#mainview .lead {
			display: block;
			padding-top: 68px;
			font-size: 193%;
			font-weight: bold;
			color: #000;
			text-align: center;
		}
		#mainview .txt {
			display: block;
			padding-top: 8px;
			padding-bottom: 58px;
			font-size: 100%;
			color: #000;
			line-height: 1.429;
			text-align: center;
		}



/* --------------------
 * scene
 */
#scene {
	clear: both;
	padding-bottom: 80px;
	background-color: #fff;
}
	#scene_wrap {

	}

		/* article */
		.article {
			padding: 0 3px;
		}
			.article .item {
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				width: 33.333%;
				padding: 3px;
				float: left;
			}
				.article .item_wrap {
					position: relative;
					display: block;
					background-color: #111111;
					overflow: hidden;
				}
					.article .item .content {
						position: relative;
						z-index: 1;
					}
						.article .item .situation {
							position: absolute;
							left: 18px;
							bottom: 42px;
							font-size: 79%;
						}
							.article .item .situation .label {

							}
							.article .item .situation .value {

							}
						.article .item .ttl {
							position: absolute;
							left: 18px;
							bottom: 15px;
							font-size: 122%;
							font-weight: bold;
							line-height: 1.10;
						}
					.article .item .bg {
						position: absolute;
						left: 0;
						top: 0;
						z-index: 0;
						width: 100%;
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
						-moz-transition: -moz-transform 0.5s ease-out;
						-webkit-transition: -webkit-transform 0.5s ease-out;
						-o-transition: -o-transform 0.5s ease-out;
						-ms-transition: -ms-transform 0.5s ease-out;
						transition: transform 0.5s ease-out;
					}
					.article .item a:hover .bg {
						-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-o-transform: scale(1.05);
						-ms-transform: scale(1.05);
						transform: scale(1.05);
					}