@charset "utf-8";

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




/* --------------------------------------------------
 * HEADLINE
 * --------------------------------------------------
 */
#headline {}
	#headline_wrap {}
		/* title */
			#headline .ttl .en {
				font-size: 216%;
				font-weight: bold;
			}
			#headline .ttl .jp {
				padding-top: 10px;
				font-size: 115%;
				font-weight: bold;
				line-height: 1;
			}



/* --------------------
 * experience
 */
#experience {
	clear: both;
	background-color: #fff;
	color: #000;
}
	#experience_wrap {
		width: 1200px;
		margin: 0 auto;
	}

		/* experience : article */
		#experience .article {
			margin-left: -50px;
		}
			#experience .item {
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				width: 575px;
				margin-left: 50px;
				padding-bottom: 48px;
				float: left;
			}
				#experience a {
					display: block;
					color: #000;
				}
				#experience a:hover {
					text-decoration: none;
				}
				#experience .item_wrap {
					
				}
					#experience .item .img {
						width: 100%;
						/*height: 431px;*/
						height: 383px;
						background-color: #f7f7f7;
						overflow: hidden;
					}
						#experience .item .img span {
							display: block;
							width: 100%;
							/*height: 431px;*/
							height: 383px;
							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;
							opacity: 0;
						}
						#experience .item a:hover .img span {
							-webkit-transform: scale(1.05);
							-moz-transform: scale(1.05);
							-o-transform: scale(1.05);
							-ms-transform: scale(1.05);
							transform: scale(1.05);
						}
					#experience .item .content {
						
					}
						#experience .item .content .label {
							padding-top: 14px;
							font-size: 108%;
						}
						#experience .item .content .txt {
							padding-top: 4px;
							font-size: 143%;
							font-weight: bold;
						}
	
		/* experience : footer */
		#experience .footer {
			clear: both;
			margin-top: 16px;
			padding-bottom: 90px;
			/*border-top: 1px solid #e4e4e4;*/
		}
			#experience .footer .pager {
				padding-top: 34px;
			}
				#experience .footer .pager ul {
					display: table;
					margin: 0 auto;
				}
					#experience .pager ul li {
						display: table-cell;
						padding-left: 4px;
					}
						#experience .pager ul li a {
							display: table;
							color: #000;
						}
						#experience .pager ul li a:hover {
							text-decoration: none;
						}
							#experience .pager ul li a span {
								display: table-cell;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								width: 25px;
								height: 25px;
								background-color: #f6f6f6;
								border: 1px solid #d1d1d1;
								border-radius: 2px;
								-moz-border-radius: 2px;
								-webkit-border-radius: 2px;
								font-size: 86%;
								text-align: center;
								vertical-align: middle;
							}
							#experience .pager ul li.current a span {
								background-color: #dcdcdc;
							}
							#experience .pager ul li.prev a span {
								width: 55px;
								padding-left: 11px;
								background-image: url(/liberala/asset/img/body/ico_prev_blue.png);
								background-repeat: no-repeat;
								background-position: 8px;
								background-size: 6px auto;
							}
							#experience .pager ul li.next a span {
								width: 55px;
								padding-right: 11px;
								background-image: url(/liberala/asset/img/body/ico_next_blue.png);
								background-repeat: no-repeat;
								background-position: 40px;
								background-size: 6px auto;
							}