@charset "utf-8";
	.box-hover-img {
  border: solid 0px #f9d200;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index:200;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
	.box-img {
		width: 100%;
		height: 100%;
		z-index:100;
	}


	.box a {
  	display: block;
 	 width: 100%;
  	height: 100%;
	  position: relative;
	  z-index: 200;
	}
.box a em ,
.box .a_box em {
  font-weight: bold;
  z-index:200;
  font-style: normal;
  text-decoration: none;
  right: 10px;
  bottom: 5px;
  padding-right: 15px;
  padding-right: 0px;
  font-size:13px;
text-align: right;
  position: absolute;
  display: block;
  color: #000;
  background: url(../images/top/icon_arr.png) no-repeat right bottom;
  font-weight: bold;
  letter-spacing: 1px;
}
.box .a_box em{
	background-image: none;
}
	#box4 em,
	#box5 em,
	#box6 em,
	#box7 em{
		line-height: 1.2 !important;
		  padding-bottom: 5px !important;
	}


/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box1 {
		background: #c9c9ca;
		padding:10px 0;
		text-align: center;
	}
	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	.box a {
	  	display: block;
 	 width: 100%;
 	 	height: 100%;
	  position: relative;
	  z-index: 200;
	}
	.box {
		border-bottom:solid 1px #c3c5c5;		
	}
	#box2 {
		background:#211b1a;
		height: 180px;
		overflow: hidden;
	}
	#box2 img{
		width: 100%;
		margin-top: -180px;
		background:#211b1a;
	}
	#box3 {
		background: #a9a5a1;
		height: 180px;
		overflow: hidden;
	}
	#box3 img{
		width: 100%;
		margin-top: -180px;
		background:#211b1a;
	}
	#box4 {
		background: #bfb6b1;
		overflow: hidden;
		width: 50%;
		float: left;
		line-height: 0;
		position: relative;
	}
	#box4 img{
		width: 100%;
	}
	#box5 {
		width: 50%;
		float: left;
		overflow: hidden;
		position: relative;
		line-height: 0;
	}
	#box5 img{
		width: 100%;
	}
	#box6 {
		width: 50%;
		float: left;
		line-height: 0;
		overflow: hidden;
		position: relative;
		clear: right;
	}
	#box7 {
		width: 50%;
		float: left;
		line-height: 0;
		overflow: hidden;
		position: relative;
		clear: right;
	}
	#box6 img{
		width: 100%;
	}
	#copyright {
		overflow: hidden;
		clear: both;
		width: 100%;
	}
	#box7 {
		line-height: 0;
	}
	#box7 img{
		width: 100%;
	}


}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/customize/bg.gif) repeat-y center top;
	}
	.box {
		position: absolute;
		overflow: hidden; 
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		height: 720px;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#box1 {
		width: 50%;
		left:0;
		top:0;
		background:#c9c9ca url(../images/lineset.gif) no-repeat right bottom;
		height: 180px;
		display: table;
	}
	#box1 span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#box2 {
		width: 50%;
		left:50%;
		top:0px;
		height: 360px;
		background: url(../images/line2.gif) repeat-x right bottom;
		text-align: center;
	}
	#box3 {
		width: 50%;
		left:0;
		top:180px;
		height: 540px;
		background: url(../images/lineset.gif) no-repeat right top;
			text-align: center;
	}	
	#box4 {
		width: 25%;
		left:50%;
		top:360px;
		height:180px;
		background:url(../images/line2.gif) repeat-y right bottom; 
	}
	#box5 {
		width: 25%;
		left:75%;
		top:360px;
		height: 180px;
		background:#bccec1 url(../images/line2.gif) repeat-x right bottom;
	}
	#box6 {
		width: 25%;
		left:75%;
		top:540px;
		height: 180px;
	}
	#box7 {
		width: 25%;
		left:50%;
		top:540px;
		height: 180px;
	}
	.box-img {
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index:100;
	}
	#box7 {
		left: 50%;
		top:540px;
	}
	.interviewbox {
		line-height: 1.8;
	}

}