@charset "utf-8";
/*
 * ================================================
 *
 * [home]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * container
 * ---------------------------------------------------
 */
#container {
	background: url(../../images/content/home/PC_bg.jpg) no-repeat fixed center top;
	-webkit-background-size: cover;
	        background-size: cover;
}
/**
 * ---------------------------------------------------
 * mainVisualWrapper
 * ---------------------------------------------------
 */
#mainVisualWrapper {
	border-bottom: 1px solid #fff;
	position: relative;
	z-index: 1;
}
	#mainVisualWrapper .content {
		width: 980px;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	#mainVisualWrapper .copy {
		width: 493px;
		margin-bottom: 50px;
	}
	#mainVisualWrapper .btn { display: inline-block; }
		#mainVisualWrapper .btn img {
			width: 142px;
			height: 39px;
		}
	#mainVisualWrapper #mainVisual,
	#mainVisualWrapper .bx-wrapper,
	#mainVisualWrapper .bx-viewport { height: 100% !important; }
	#mainVisualWrapper .bx-viewport { z-index: 1; }
	#mainVisualWrapper ul {
		list-style-type: none;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	#mainVisualWrapper #mainVisual {
		visibility: hidden;
	}
		#mainVisualWrapper ul li {
			height: 100%;
			background-repeat: no-repeat;
			background-position: center top;
			-webkit-background-size: cover;
			        background-size: cover;
		}
		#mainVisualWrapper li:nth-of-type(1) { background-image: url(../../images/content/home/PC_main_visual01.jpg); }
		#mainVisualWrapper li:nth-of-type(2) { background-image: url(../../images/content/home/PC_main_visual02.jpg); }
		#mainVisualWrapper li:nth-of-type(3) { background-image: url(../../images/content/home/PC_main_visual03.jpg); }
/**
 * ---------------------------------------------------
 * image
 * ---------------------------------------------------
 */
.image { position: relative; }
.image::before,
.image::after {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	z-index: 2;
}
.image::before { top: 0; }
.image::after { bottom: 0; }
	.image.num1 .inner { background-image: url(../../images/content/home/image01.jpg); }
	.image.num2 .inner { background-image: url(../../images/content/home/image02.jpg); }
	.image.num3 .inner { background-image: url(../../images/content/home/image03.jpg); }
/**
 * ---------------------------------------------------
 * common
 * ---------------------------------------------------
 */
.homeVox {}
	.homeVox header {
		width: 980px;
		margin: 0 auto;
	}
		.homeVox header .title { position: relative; }
		.homeVox header .title::after {
			display: block;
			content: "";
			width: 300%;
			height: 1px;
			background: #fff;
			position: absolute;
			bottom: 22px;
			right: 610px;
		}
	.homeVox .inner {
		width: 980px;
		margin: 0 auto;
	}
	.homeVox .btnList {
		list-style-type: none;
		padding: 0;
		margin: -10px 0 0 0;
		overflow: hidden;
	}
/**
 * ---------------------------------------------------
 * COMPANY
 * ---------------------------------------------------
 */
.homeVox#company { padding: 120px 0; }
	.homeVox#company header .title {}
		.homeVox#company header .title img { width: 338px; }
	.homeVox#company .btnList { padding: 0 8px; }
		.homeVox#company .btnList .item {
			width: 315px;
			/*height: 208px;*/
			float: left;
			margin-right: 8px;
			position: relative;
		}
		.homeVox#company .btnList .item.item03 { margin-right: 0; }
		.homeVox#company .btnList .item.item01 { margin-top: 80px; }
		.homeVox#company .btnList .item.item02 { margin-top: 40px; }
		/*.homeVox#company .btnList .item::before {
			content: '';
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: url(../../images/content/home/itemBg01.png) no-repeat center center;
		}
			.homeVox#company .btnList .item a {
				display: block;
				position: relative;
				width: 313px;
				height: 206px;
				left: 1px;
				top: 1px;
				-webkit-clip-path: polygon(93% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
				clip-path: polygon(294px 0, 100% 20px, 100% 100%, 0 100%, 0 0);
				overflow: hidden;
			}
				.homeVox#company .btnList .item a img {
					-webkit-transition: all .25s ease-in-out;
			        -ms-transition: all .25s ease-in-out;
			            transition: all .25s ease-in-out;
					-webkit-transform: scale(1.0);
					    -ms-transform: scale(1.0);
					        transform: scale(1.0);
				}
				.homeVox#company .btnList .item a:hover img {
					-webkit-transform: scale(1.1);
					    -ms-transform: scale(1.1);
					        transform: scale(1.1);
				}*/


		
/**
 * ---------------------------------------------------
 * WORKS
 * ---------------------------------------------------
 */
.homeVox#works {}
	.homeVox#works header .title {}
		.homeVox#works header .title img { width: 192px; }
	.homeVox#works .inner { padding: 0 10px; }
		.homeVox#works .btnList {
			padding-bottom: 200px;
			position: relative;
		}
			.homeVox#works .btnList .item {
				width: 466px;
				margin: 0 0 30px auto;
			}
			.homeVox#works .btnList .item.item04 { margin-bottom: 0; }
			.homeVox#works .btnList .item.item01 {
				position: absolute;
				top: 120px;
				left: 0;
			}
			.homeVox#works .btnList .item.item02 {
				position: absolute;
				top: 390px;
				left: 0;
			}
				.homeVox#works .btnList .item a {
					display: block;
				}
/**
 * ---------------------------------------------------
 * PROJECT
 * ---------------------------------------------------
 */
.homeVox#project {
	padding: 6% 0 15% 0;
	margin: -20% 0 -15% 0;
	background: url(../../images/content/home/project_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	        background-size: cover;
}
	.homeVox#project header .title { margin: 200px 0 0 0; }
		.homeVox#project header .title img { width: 368px; }
	.homeVox#project .inner {
		width: 100%;
		padding-bottom: 150px;
	}
		.homeVox#project .btnList { margin-top: 0; }
			.homeVox#project .btnList .item { margin-top: 70px; }
			.homeVox#project .btnList .item.item01 { text-align: right; }
/**
 * ---------------------------------------------------
 * ENVIRONMENT
 * ---------------------------------------------------
 */
.homeVox#environment { padding: 60px 0; }
	.homeVox#environment header .title {}
		.homeVox#environment header .title img { width: 184px; }
	.homeVox#environment .inner {}
		.homeVox#environment .btnList {
			width: 610px;
			margin: -150px 0 0 auto;
			position: relative;
			z-index: 2;
		}
			.homeVox#environment .btnList .item { width: 281px; }
			.homeVox#environment .btnList .item.item01 {
				position: absolute;
				right: 0;
				top: 0;
			}
			.homeVox#environment .btnList .item.item02 { margin-top: 70px; }
/**
 * ---------------------------------------------------
 * WEMENS
 * ---------------------------------------------------
 */
.sectionVox#wemens { background: #fff; }
	.sectionVox#wemens a {
		display: block;
		padding-top: 35.83%;
		background: url(../../images/content/home/PC_wemens_bg.jpg) no-repeat center center;
		-webkit-background-size: cover;
		        background-size: cover;
		position: relative;
	}
	.sectionVox#wemens .inner {
		width: 790px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
	.sectionVox#wemens .title {
		width: 247px;
		margin-bottom: 30px;
	}
	.sectionVox#wemens .copy { width: 268px; }
/**
 * ---------------------------------------------------
 * RECRUITING
 * ---------------------------------------------------
 */
.sectionVox#recruiting {
	text-align: center;
	padding: 100px 0;
	background: #000;
}
	.sectionVox#recruiting header {
		width: 480px;
		margin: 0 auto 40px auto;
		position: relative;
	}
	.sectionVox#recruiting header::after {
		display: block;
		content: "";
		width: 100%;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom: 22px;
		right: 0;
	}
		.sectionVox#recruiting header .title {}
			.sectionVox#recruiting header .title img { width: 162px; }
	.sectionVox#recruiting .btnList {
		list-style-type: none;
		width: 980px;
		padding: 0;
		margin: 0 auto 80px auto;
		/*overflow: hidden;*/
	}
		.sectionVox#recruiting .btnList .item {
			width: 315px;
			float: left;
			margin-right: 17px;
		}
		.sectionVox#recruiting .btnList .item.item03 { margin-right: 0; }
	.sectionVox#recruiting .btn { text-align: center; }
		.sectionVox#recruiting .btn img {
			width: 200px;
			height: 76px;
		}

/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * container
	 * ---------------------------------------------------
	 */
	#container {
		background-image: url(../../images/content/home/SP_bg.jpg);
	}
	/**
	 * ---------------------------------------------------
	 * mainVisualWrapper
	 * ---------------------------------------------------
	 */
	#mainVisualWrapper {}
		#mainVisualWrapper .content {
			width: auto;
			top: 100px;
			left: 15px;
			-webkit-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			        transform: translate(0, 0);
		}
		#mainVisualWrapper .copy {
			width: 310px;
			margin-bottom: 30px;
		}
		#mainVisualWrapper .btn img {
			width: 125px;
			height: 39px;
		}
		#mainVisualWrapper ul {}
			#mainVisualWrapper li:nth-of-type(1) { background-image: url(../../images/content/home/SP_main_visual01.jpg); }
			#mainVisualWrapper li:nth-of-type(2) { background-image: url(../../images/content/home/SP_main_visual02.jpg); }
			#mainVisualWrapper li:nth-of-type(3) { background-image: url(../../images/content/home/SP_main_visual03.jpg); }
	/**
	 * ---------------------------------------------------
	 * image
	 * ---------------------------------------------------
	 */
	.image {
		height: 270px;
		border-top: none;
		border-bottom: none;
	}
	.image.num1 { background-position: center bottom; }
	.image.num2 { background-position: right center; }
	.image.num3 { background-position: left center; }
	/**
	 * ---------------------------------------------------
	 * common
	 * ---------------------------------------------------
	 */
	.homeVox {}
		.homeVox header {
			width: auto;
			margin-bottom: 50px;
		}
			.homeVox header .title { padding-left: 15px; }
			.homeVox header .title::after {
				width: 80%;
				bottom: 15px;
				left: 0;
				right: auto;
			}
		.homeVox .inner { width: auto; }
		.homeVox .btnList { margin: 0; }
	/**
	 * ---------------------------------------------------
	 * COMPANY
	 * ---------------------------------------------------
	 */
	.homeVox#company { padding: 50px 0; }
		.homeVox#company header .title {}
			.homeVox#company header .title img { width: 216px; }
		.homeVox#company .btnList { padding: 0 15px; }
			.homeVox#company .btnList .item {
				width: 250px;
				float: none;
			}
			.homeVox#company .btnList .item.item01 { margin: 0 0 15px auto; }
			.homeVox#company .btnList .item.item02 { margin: 0 auto 15px auto; }
			.homeVox#company .btnList .item.item03 { margin: 0; }
	/**
	 * ---------------------------------------------------
	 * WORKS
	 * ---------------------------------------------------
	 */
	.homeVox#works { padding: 50px 0; }
		.homeVox#works header .title {}
			.homeVox#works header .title img { width: 124px; }
		.homeVox#works .inner { padding: 0 15px; }
			.homeVox#works .btnList { padding-bottom: 0; }
				.homeVox#works .btnList .item {
					width: 255px;
					margin: 0 auto 15px 0;
				}
				.homeVox#works .btnList .item.item01 { position: static; }
				.homeVox#works .btnList .item.item02 {
					margin-left: auto;
					margin-right: 0;
					position: static;
				}
				.homeVox#works .btnList .item.item04 {
					margin-left: auto;
					margin-right: 0;
				}
	/**
	 * ---------------------------------------------------
	 * PROJECT
	 * ---------------------------------------------------
	 */
	.homeVox#project {}
		.homeVox#project header .title { margin: 50px 0 0 0; }
			.homeVox#project header .title img { width: 236px; }
		.homeVox#project .inner { padding-bottom: 70px; }
			.homeVox#project .btnList {}
				.homeVox#project .btnList .item {
					width: 75%;
					margin-top: 20px;
				}
				.homeVox#project .btnList .item.item01 { margin: 0 0 0 auto; }
	/**
	 * ---------------------------------------------------
	 * ENVIRONMENT
	 * ---------------------------------------------------
	 */
	.homeVox#environment { padding: 50px 0; }
		.homeVox#environment header .title {}
			.homeVox#environment header .title img { width: 119px; }
		.homeVox#environment .inner { padding: 0 40px; }
			.homeVox#environment .btnList {
				width: auto;
				margin: 0;
			}
				.homeVox#environment .btnList .item { width: 140px; }
				.homeVox#environment .btnList .item.item01 {
					float: left;
					position: static;
				}
				.homeVox#environment .btnList .item.item02 {
					float: right;
					margin-top: 70px;
				}
	/**
	 * ---------------------------------------------------
	 * WEMENS
	 * ---------------------------------------------------
	 */
	.sectionVox#wemens {}
		.sectionVox#wemens a {
			padding-top: 57.33%;
			background-image: url(../../images/content/home/SP_wemens_bg.jpg);
		}
		.sectionVox#wemens .inner {
			width: auto;
			left: 15px;
			-webkit-transform: translate(0, -50%);
			    -ms-transform: translate(0, -50%);
			        transform: translate(0, -50%);
		}
		.sectionVox#wemens .title {
			width: 136px;
			margin-bottom: 15px;
		}
		.sectionVox#wemens .copy { width: 130px; }
	/**
	 * ---------------------------------------------------
	 * RECRUITING
	 * ---------------------------------------------------
	 */
	.sectionVox#recruiting { padding: 50px 40px 150px 40px; }
		.sectionVox#recruiting header {
			width: auto;
			margin: 0 auto 30px auto;
		}
		.sectionVox#recruiting header::after { bottom: 15px; }
			.sectionVox#recruiting header .title {}
				.sectionVox#recruiting header .title img { width: 105px; }
		.sectionVox#recruiting .btnList {
			width: auto;
			margin: 0 auto 50px auto;
		}
			.sectionVox#recruiting .btnList .item {
				width: 250px;
				float: none;
				margin: 0 auto 15px auto;
			}
			.sectionVox#recruiting .btnList .item.item03 { margin: 0 auto; }
		.sectionVox#recruiting .btn img {
			width: 150px;
			height: 57px;;
		}

}