@charset "UTF-8";
/*--------------------------------------------------------------
Second page common
--------------------------------------------------------------*/

html {
	background-image: url(../../images/common/bg-html.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}

body {
	background-image: url(../../images/common/bg-body_common.gif);
	background-repeat: repeat-x;
	background-position: top;
}




/*--------------------------------------------------------------
jp-second-index
--------------------------------------------------------------*/

/*----  Primary  ----*/
.primary {
	float: left;
	width: 710px;
}

/*----  secondary  ----*/
.secondary {
	float: right;
	width: 190px;
}


/*----  H1 title  ----*/
h1.tit-main {
	width: 920px;
	height: 130px;
	background: url(../images/top/main.jpg) no-repeat;
	text-indent:-9999px;
	outline: 0;
	
	margin: 0 0 40px;
}


#img-area {
 margin-bottom: 50px;
 width:920px;
 height:330px;
}
#img-area .main-img{
  position:relative;}
#img-area .main-img li{
 width:920px;
 height:330px;}
 #img-area a#btnEntry{
  width: 139px;
  height: 139px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  top: 174px;
  z-index: 50;
  left: 754px;
  background: url(../images/top/main-btn01-1.png) no-repeat;
}
 #img-area a#btnEntry:hover {
   background-position:bottom;
}

/*--------------------------------------------------------------
menu
--------------------------------------------------------------*/
/*----  index-menu  ----*/
.index-menu {
	font-size: 1.2em;
}

.index-menu .index-menu-list{
  display: flex;
  flex-wrap:wrap;
  gap:30px;
  margin: 0 0 40px; 0;
}

.index-menu ul li.index-menu-box {
	width: 340px;

}
.index-menu ul li a.btn {
  width: 340px;
  height: 100px;
  display: block;
  margin: 0 0 10px; 0;
}

.index-menu ul li#recruit-page01 a.btn:hover img,
.index-menu ul li#recruit-page02 a.btn:hover img, 
.index-menu ul li#recruit-page03 a.btn:hover img {
  opacity: 0.8;
}

.index-menu .index-menu-box ul{
  display: flex;
  flex-wrap:wrap;
  gap:10px 30px;
}

.index-menu .index-menu-box li {
  width: calc((100% - 30px)/2);
	background: url(../../images/common/icon-arrow1.gif) no-repeat left center;
	padding-left: 16px;
	margin: 5px 0;
	line-height: 150%;
  box-sizing: border-box;
}

.index-menu ul li ul li a {
	color: #333333;
}

.index-menu ul li ul li a:hover {
	color: #0068b7;
}


.index-menu ul li h2 {
	margin-bottom: 8px;
}


/*--------------------------------------------------------------
pageContact
--------------------------------------------------------------*/
#pageContact{
	 margin-top:30px;
  background: url(../../images/common/bg-w710_bottom02.gif) no-repeat 0 bottom;
  clear:both;
  float:none;}
 #pageContact dt{
  background: url(../images/recruit-contact-tit.gif) no-repeat;
  height:35px;
  text-indent:-9999px;}
 #pageContact dd{}
 #pageContact address{
  display: block;
  width:325px;
  float:left;
  margin:20px 0 20px 20px;
  _margin:20px 0 0 10px;
  font-size:1.2em;
  line-height:2;}
#pageContact span.icon {
 display: inline;
 margin-right:5px;}
#pageContact span.icon {
 background: url(../../images/common/icon-arrow3.gif) no-repeat 0px 50%;}
#pageContact span.icon a {
 margin-left:	15px;}
  
#OpContact{
  font-size:1.2em;
  line-height:1;
  border-top: #EFEFEF 1px solid;
  margin:20px;
  padding:20px 0 10px 0;
  clear:both;
  float:none;}
  #OpContact .icon {
 background: url(../../images/common/icon-arrow3.gif) no-repeat 0px 50%;}
 #pageContact .icon a {
 margin-left:	20px;}