@charset "utf-8";

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




/* --------------------------------------------------
 * HEADLINE
 * --------------------------------------------------
 */
#headline {
	position: fixed;
	left: 0;
	top: 112px;
	z-index: 2000;
	width: 100%;
	min-width: 1200px;
	margin-top: 0;
	background: none;
}
	#headline_wrap {
		display: block;
		width: 100%;
	}


		/* h1 */
		#headline .h1 {

			position: absolute;
			right: 16px;
			top: 5px;
			padding-right: 16px;
			text-align: right;
			color: #fff;
		}


		/* breadcrumb */
		#headline .breadcrumb {
			position: absolute;
			left: 16px;
			top: 5px;
			padding-left: 16px;
			text-align: left;
		}
			#headline .breadcrumb li {
				color: #fff;
			}
				#headline .breadcrumb li a {
					color: #fff;
				}


/* --------------------
 * area
 */
#area {
	clear: both;
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
}
	/* area : item */
	.area_item {
		display: block;
		width: 100%;
	}



/* --------------------
 * about
 */
#about {
	clear: both;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	display: block;
	width: 100%;
	overflow: hidden;
}
	#about_wrap {
		position: relative;
	}
		/* about : article */
		#about .article {
			
		}
			/* about : item */
			.about_item {
				position: relative;
				display: block;
				width: 100%;
			}
				.about_item .item_wrap {
					position: relative;
					width: 100%;
				}
					/* title */
					.about_item .ttl {
						position: absolute;
						font-size: 286%;
					}
						.about_item .ttl span {
							opacity : 0;
						}
						.about_item .ttl i {
							opacity : 0;
							font-weight: bold;
							font-style: normal;
						}
					/* table */
					.about_item .item_table {
						display: table;
						width: 100%;
					}
						/* content */
						.about_item .content {
							position: relative;
							display: table-cell;
							text-align: center;
							vertical-align: middle;
						}
							.about_item .txt {
								margin-top: 1.02em;
								font-size: 115%;
								font-weight: bold;
								line-height: 1.52;
								opacity: 0;
							}
					/* bg */
					.about_item .bg {
						position: absolute;
						left: 0;
						top: 0;
						display: block;
						width: 100%;
					}
						.about_item .bg span {
							display: block;
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;
							opacity: 0;
						}

			/* about : item01 */
			.about_item#about_item01 {}
				.about_item#about_item01 .item_wrap {}
					/* title */
					.about_item#about_item01 .ttl {
						top: 25%;
						right: 5.69%;
						z-index: 12;
					}
					@media screen and (-webkit-min-device-pixel-ratio:0) {
						::i-block-chrome, .about_item#about_item01 .ttl {
							right: 50%;
						}
					}
					/* caption */
					.about_item#about_item01 .cap {
						position: absolute;
						bottom: 76px;
						left: 36px;
						z-index: 12;
						display: block;
						width: 256px;
						margin-top: 1.9em;
						font-size: 79%;
						line-height: 1.455;
						opacity : 0;
					}

			/* about : item02 */
			.about_item#about_item02 {}
				.about_item#about_item02 .item_wrap {}
					/* title */
					.about_item#about_item02 .ttl {
						top: 22%;
						left: 8.61%;
						z-index: 22;
					}

			/* about : item03 */
			.about_item#about_item03 {}
				.about_item#about_item03 .item_wrap {}
					/* title */
					.about_item#about_item03 .ttl {
						bottom: 108px;
						right: 4.26%;
						z-index: 32;
						font-size: 254%;
					}
					@media screen and (-webkit-min-device-pixel-ratio:0) {
						::i-block-chrome, .about_item#about_item03 .ttl {
							right: 50%;
						}
					}

			/* about : item04 */
			.about_item#about_item04 {}
				.about_item#about_item04 .item_wrap {}
					.about_item#about_item04 .item_table {
						width: auto;
						margin: 0 auto;
					}
						/* title */
						.about_item#about_item04 .ttl {
							position: relative;
							display: table-cell;
							z-index: 42;
							padding-right: 68px;
							padding-top: 4px;
							white-space: nowrap;
							text-align: center;
							vertical-align: top;
						}
						/* content */
						.about_item#about_item04 .content {
							position: relative;
							display: table-cell;
							text-align: left;
							vertical-align: top;
						}

			/* about : item05 */
			.about_item#about_item05 {}
				.about_item#about_item05 .item_wrap {}
					/* title */
					.about_item#about_item05 .ttl {
						bottom: 92px;
						left: 4.26%;
						z-index: 52;
					}
					/* caption */
					.about_item#about_item05 .cap {
						position: absolute;
						bottom: 78px;
						right: 36px;
						z-index: 52;
						width: 288px;
						height: 114px;
						padding-left: 136px;
						background-image: url(/liberala/about/img/about05_img01.png);
						background-repeat: no-repeat;
						background-position: left;
						background-size: contain;
						opacity : 0;
					}
						.about_item#about_item05 .cap .logo {
							display: block;
							width: 72px;
							height: 24px;
							background-image: url(/liberala/about/img/about05_img02.png);
							background-repeat: no-repeat;
							background-size: contain;
						}
						.about_item#about_item05 .cap dl {
							padding-top: 18px;
						}
							.about_item#about_item05 .cap dt {
								font-size: 86%;
								font-weight: bold;
								line-height: 1.10;
							}
							.about_item#about_item05 .cap dd {
								padding-top: 4px;
								font-size: 72%;
								letter-spacing: -0.02em;
								line-height: 1.333;
								text-align: justify;
							}

			/* about : item06 */
			.about_item#about_item06 {}
				.about_item#about_item06 .item_wrap {}
					/* title */
					.about_item#about_item06 .ttl {
						bottom: 25%;
						left: 0;
						z-index: 62;
						width: 100%;
					}
						.about_item#about_item06 .ttl span {
							display: block;
							text-align: center;
							white-space: nowrap;
						}
					/* link */
					.about_item .link {
						position: absolute;
						bottom: 14.25%;
						left: 0;
						z-index: 62;
						z-index: 62;
						width: 100%;
						opacity : 0;
						text-align: center;
					}
						.about_item .link a {

						}
						.about_item .link a:hover {
							text-decoration: none;
						}
							.about_item .link a span {
								padding-right: 24px;
								background-image: url(/liberala/asset/img/body/ico_next_l_white.png);
								background-repeat: no-repeat;
								background-position: right;
								background-size: auto 16px;
								font-size: 122%;
								white-space: nowrap;
							}

			/* about : item : z-index */
			.about_item#about_item01 { z-index : 10; }
				.about_item#about_item01 .content { z-index : 12; }
				.about_item#about_item01 .bg { z-index : 11; }
			.about_item#about_item02 { z-index : 20; }
				.about_item#about_item02 .content { z-index : 22; }
				.about_item#about_item02 .bg { z-index : 21; }
			.about_item#about_item03 { z-index : 30; }
				.about_item#about_item03 .content { z-index : 32; }
				.about_item#about_item03 .bg { z-index : 31; }
			.about_item#about_item04 { z-index : 40; }
				.about_item#about_item04 .content { z-index : 42; }
				.about_item#about_item04 .bg { z-index : 41; }
			.about_item#about_item05 { z-index : 50; }
				.about_item#about_item05 .content { z-index : 52; }
				.about_item#about_item05 .bg { z-index : 51; }
			.about_item#about_item06 { z-index : 60; }
				.about_item#about_item06 .content { z-index : 62; }
				.about_item#about_item06 .bg { z-index : 61; }


		/* about : scroller */
		#about .scroller {
			position: fixed;
			left: 0;
			bottom: 120px;
			z-index: 101;
			display: none;
			width: 100%;
			min-width: 1200px;
		}
			#about .scroller a {
				display: block;
				width: 69px;
				height: 69px;
				margin: 0 auto;
				background-image: url(/liberala/asset/img/body/btn_scroll.png);
				background-repeat: no-repeat;
				background-size: contain;
			}


		/* about : nav */
		#about .nav {
			position: fixed;
			left: 0;
			bottom: -50px;
			z-index: 102;
			width: 100%;
			min-width: 1200px;
			height: 50px;
			background-color: #000;
		}
			#about .nav ul {
				display: table;
				height: 50px;
				margin: 0 auto;
			}
				#about .nav li {
					display: table-cell;
					vertical-align: middle;
				}
					#about .nav li a {
						display: table;
						border-left: 1px solid #fff;
					}
					#about .nav li:first-child a {
						border-left: none;
					}
					#about .nav li a:hover {
						text-decoration: none;
					}
					#about .nav li.focus a {
						cursor: default;
					}
						#about .nav li a span {
							display: table-cell;
							padding: 0 14px;
							font-size: 79%;
							vertical-align: middle;
							-webkit-transition: 0.3s ease-in-out;
							-moz-transition: 0.3s ease-in-out;
							-o-transition: 0.3s ease-in-out;
							transition: 0.3s ease-in-out;
						}
						#about .nav li a:hover span {
							opacity: 0.60;
							filter: alpha(opacity=60);
						}
						#about .nav li.focus a span {
							opacity: 0.5;
						}



#footer {
	z-index: 10000;
}
	#footer_wrap {
		padding-top: 78px;
	}