@charset "UTF-8";
/* CSS Document */

/*--------------------
 main
 --------------------*/
#main{
/*	text-align:center;
	color:#639f9b;
	font-weight:300;*/
	width:100%;
	position:relative;
	overflow:hidden;
	height:520px;
	top:-40px;
	/*z-index:40;
	margin:-40px auto 0 auto;*/
	z-index:-50;
	background-image:url(../../skil/img/skil-main.jpg);/* 画像ファイルの指定 */
	background-position: center center;/* 画像を常に天地左右の中央に配置 */
	background-repeat: no-repeat;/* 画像をタイル状に繰り返し表示しない */
   /*background-attachment: fixed; コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size: cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#EFF5F5;/*#E6FFFF*//* 背景画像が読み込まれる前に表示される背景のカラー */
}
#main > article{
	position:absolute;
	width:1080px;
	height:520px;
	top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%, -50%);
}
h1.copy2{
	width:480px;
    height:270px;
	/*padding:30px;
	background-color:rgba(99,159,155,0.9);*/
	color:#ffffff;
	font-weight:400;
	letter-spacing:0.15em;
	/*line-height:1.3em;*/
	vertical-align:middle;
    position:absolute;
	top:150px;
	left:300px;
	z-index:10;
}

/*--------------------
 cultivated
 --------------------*/
#cultivated{
	width:100%;
	display:block;
	margin:0 auto 40px auto;
}
#cultivated .w-max{
	padding:0;
	background:#f6f4ee;
}
.augment .s-title{
	width:100%;
	overflow:hidden;
	height:230px;
	z-index:-50;
    background-image:url(../../skil/img/skil-stitle01.jpg);/* 画像ファイルの指定 */
	background-position: center center;/* 画像を常に天地左右の中央に配置 */
	background-repeat: no-repeat;/* 画像をタイル状に繰り返し表示しない */
   /*background-attachment: fixed; コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size: cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#EFF5F5;/*#E6FFFF*//* 背景画像が読み込まれる前に表示される背景のカラー */
	margin:0 auto;
	padding:0;
	display:block;
}
.nurture .s-title{
	width:100%;
	overflow:hidden;
	height:230px;
	z-index:-50;
    background-image:url(../../skil/img/skil-stitle02.jpg);/* 画像ファイルの指定 */
	background-position: center center;/* 画像を常に天地左右の中央に配置 */
	background-repeat: no-repeat;/* 画像をタイル状に繰り返し表示しない */
   /*background-attachment: fixed; コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size: cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#EFF5F5;/*#E6FFFF*//* 背景画像が読み込まれる前に表示される背景のカラー */
	margin:0 auto;
	padding:0;
	display:block;
}
.s-title ul{
	display:table;
	width:100%;
	height:230px;
	margin:0 auto;
	padding:0;
}
.s-title ul li{
   vertical-align:middle;
   display:table-cell;
	table-layout:fixed;
}
.s-title ul li:first-child{
	width:35%;
	font-size:24px;
	text-align:right;
	padding-right:5%;
	color:#ffffff;
	vertical-align:middle;
	background-color:rgba(118,149,173,0.85);/*#7695ad */
	z-index:10;
}
.s-title ul li:last-child{
	width:65%;
	height:230px;
}
.augment,
.nurture{
	clear:both;
}
.augment .w-1080,
.nurture .w-1080{
	display:block;
}
.augment .w-1080 ul,
.nurture .w-1080 ul{
	display:block;
}
.augment .w-1080 ul li.ph01,
.nurture .w-1080 ul li.ph01{
	padding:0px;
	width:540px;
	margin:0 20px 20px 0;
	display:inline-block;
}
.augment .w-1080 ul li.tx01,
.augment .w-1080 ul li.tx02,
.nurture .w-1080 ul li.tx01{
	width:490px;
	display:inline-block;
	margin:0 10px 20px 10px;
}
.augment .w-1080 ul li.tx01 h4,
.augment .w-1080 ul li.tx02 h4,
.nurture .w-1080 ul li.tx01 h4{
	padding:25px 0 30px 0;
	font-size:20px;
}
.augment .w-1080 ul li.ph02{
	padding:0px;
	width:540px;
	margin:0 0 20px 20px;
	display:inline-block;
}
.augment .line{
	width:1080px;
	margin:0 auto;
	border-bottom:#cccccc solid 1px;
}

/*--------------------
 able
 --------------------*/
#able{
	width:100%;
	margin:0 auto;
	padding:0;
	background:#eeeeee;
}
.manufacturing{
	margin:40px auto 20px auto;
	padding:0
}
.manufacturing ul{
	width:100%;
	display:table;
    table-layout:fixed;
	text-align:center;
	margin:0 0 60px 0;
	padding:0;
}
.manufacturing > ul > li{
	display:table-cell;
	width:33.333333%;
	height:300px;
	padding:20px 0;
	margin:0 auto;
	border-right:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	vertical-align:middle;
	background:#ffffff;
	position:relative;
	z-index:30;
}
.manufacturing > ul > li > h4{
	display:block;
	width:100%;
	text-align:center;
	font-size:16px;
	font-weight:400;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-50%;
	z-index:100;
}
.manufacturing > ul > li.bg-none{
	background:none;
	border:none;
}