@charset "utf-8";
/*=============================================================
 region Layout
=============================================================*/
/* ttl index
-------------------------------------------------------------*/
.index #ttl-page h1::after,
.region #ttl-page h1::after,
.welfare #ttl-page h1::after{
	background: url(/saiyou/newgraduate/workplace/img/region_bg_ttl.jpg) no-repeat center center;
}
/* img */
.index .col2 figure>img,
.index .col3 figure>img,
.welfare .col2 figure>img,
.welfare .col3 figure>img{width: 100%;}

/* ftrWorkplace
-------------------------------------------------------------*/
#ftrNaviInner.ftrWorkplace li{
  background: #d4d9dd;
  width: calc((100% - 60px) / 4);  
}
#ftrNaviInner.ftrWorkplace li a {
  height: 140px;
  padding: 24px 14px 24px 14px;
  color: #fff;
  font-size: 18px;
  background: #d4d9dd url("../img/footer_navi01.jpg");
  background-size: cover;
}
#ftrNaviInner.ftrWorkplace li:nth-child(2) a{
  background: #d4d9dd url("../img/footer_navi02.jpg");
  background-size: cover;
}
#ftrNaviInner.ftrWorkplace li:nth-child(3) a{
  background: #d4d9dd url("../img/footer_navi03.jpg");
  background-size: cover;
}
#ftrNaviInner.ftrWorkplace li:nth-child(4) a{
  background: #d4d9dd url("../img/footer_navi04.jpg");
  background-size: cover;
}
#ftrNaviInner.ftrWorkplace li a span{
  height: auto;
  display: block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50% , -50%);
	width: 170px;
}
#ftrNaviInner.ftrWorkplace li a span.arw {
  position: absolute;
  width: 18px;
  height: 18px;
  display: block;
  top:inherit;
  bottom:18%;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
}
#ftrNaviInner.ftrWorkplace li a span.arw::before {
  background: #fff;
  width: 20px;
}
#ftrNaviInner.ftrWorkplace li a span.arw::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
#ftrNaviInner.ftrWorkplace li a:hover::after {
  z-index: 1;
  opacity: 0.6;
}

/* ¬FÔڵرíʾ */
#workplace.index .ftrWorkplace li:nth-of-type(1) a,
#workplace.welfare .ftrWorkplace li:nth-of-type(2) a,
#workplace.region .ftrWorkplace li:nth-of-type(3) a,
#workplace.womens_talk .ftrWorkplace li:nth-of-type(4) a{
  pointer-events: none;
  opacity: 0.5;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:750px), only screen and (max-device-width:750px) {
/*=============================================================
/* ftrWorkplace
-------------------------------------------------------------*/
#ftrNaviInner.ftrWorkplace li a {
  height: 100px;
  padding: 20px 10px 18px 10px;
  font-size: 15px;
}
#ftrNaviInner.ftrWorkplace li .num{
  font-size: 18px;
}  
#ftrNaviInner.ftrWorkplace li a span.arw {
  display: none;
}
}