@charset "UTF-8";

/*=======　メインビジュアル上下の影　=======*/
header{
	background-image:url(../img-top/bg_header.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
article{
	background-image:url(../img-top/bg_article.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f1f0eb;
}

/*======================================

	main-visual
	
=======================================*/
#main-visual {
    width: 100%;
	position:relative;
}
#main-visual .inner {
    width: 1000px;
	height: 568px;
    margin: 0 auto;
	color: #ffffff;
	text-align: center;
}

/*=======　左右背景　=======*/
.leftHalf, .rightHalf{
	position:absolute;
	width:47%;
	height:100%;
}
.leftHalf{
	background-image:url(../img-top/main_bg_left.png);
	background-position:right top;
	left:0px;
}
.rightHalf {
	background-image:url(../img-top/main_bg_right.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-repeat:no-repeat;
	right:0px;
}

/*=======　メインビジュアル内　テキスト　=======*/

/*==　左側　テキスト　==*/
.leadtxt{
	position: absolute;
	width: 100%;
}
.leadtxt h1{
	text-indent:100%;
	height: 330px;
	margin-top: 80px;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img-top/main_leadtxt.png) no-repeat center top;
	display: block;
}
.leadtxt p{
	font-size: 22px;
	line-height: 1.5;
	color: #000;
}

/*==　右側　求人ボタン　==*/
.rightHalf img{
	position:absolute;
	right: 30px;
	bottom: 20px;
	margin: auto;
}


/*=======　メインビジュアル内　テキスト　=======*/
.loaded-box{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 300px;
	height: 568px;
	text-align: center;
	background: url(../img-top/bg_loaded-box.png) no-repeat center bottom;
}

/*======================================

	container
	
=======================================*/

/*=======　私たちは常にチャレンジします　=======*/

.top-policy{
	padding-top: 60px;
	text-align: center;
	padding-bottom: 25.833%;
	background: url(../img-top/bg_top-policy.png);
	background-repeat: no-repeat;
	background-position:  center bottom;
	background-size: contain;
}
.top-policy h1{
	font-size: 30px;
	font-weight: normal;
	line-height: 2;
	letter-spacing: 5px;
}

.top-policy p{
	font-size: 90%;
	line-height: 2;
}

.p-first{
	margin-top: 30px;
}

.top-policy ul{
	width: 100%;
	border: solid 1px #000;
}


/*=======　3つの特徴　=======*/
.top-feature {
	text-align: center;
	padding: 64px 0 20px 0;
	background-color: #515151;
}
.top-feature h1{
	font-size: 26px;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
}
.top-feature h2{
	font-size: 73px;
	line-height: 1.5;
	color: #ffffff;
}

h2 .size-medium{
	font-size: 56px;
}
h2 .size-small{
	font-size: 50px;
	font-weight: normal;
}

/*フレーム*/
.top-feature ul{
	color: #ffffff;
	height:360px;/*指定しないとul:afterで【padding】のように下部が広がる*/
	margin: 50px auto;
	text-align: justify;
	text-justify: distribute-all-lines;
}
.top-feature ul:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
} 
.top-feature li{
	width: 220px;
	height: 300px;
	border: solid 3px #ffffff;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 10px 24px 20px 24px;
	box-shadow:0px 0px 16px 0px #242222;
	-moz-box-shadow:0px 0px 16px 0px #242222;
	-webkit-box-shadow:0px 0px 16px 0px #242222;
}


/*フレームの内容*/
.top-feature h3{
	font-size: 24px;
	letter-spacing:1em;
	text-indent:1em;
	line-height: 2;
}
.top-feature p{
	font-size: 14px;
	line-height: 2;
	margin: 10px;
	text-align: left;
}

/*フレーム内の背景*/
.feature-list-01{
	background-image: url(../img-top/bg_feature-_ist_01.png);
}
.feature-list-02{
	background-image: url(../img-top/bg_feature-_ist_02.png);
}
.feature-list-03{
	background-image: url(../img-top/bg_feature-_ist_03.png);
}