@charset "UTF-8";

/*----------------------------------------

	- content
	- pc（1281px〜）
	- sp（〜640px）

-----------------------------------------*/

/*	pankuzu
-----------------------------------------*/

#pankuzu {
  background: url(/recruit/fresh/common/img/common_overlay01.png) repeat left top;
}

/*	title01
-----------------------------------------*/

#title01 h2 {
  padding: 235px 0 220px;
}

/*----------------------------------------
	content
-----------------------------------------*/

#content {
  padding: 8px 0 0;
  text-align: center;
}

#content ul li {
  display: inline-block;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

#content ul li span.img01 {
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
  text-align: center;
}

#content ul li span.img01 img {
  width: 410px;
}

#content ul li {
  width: 33.3%;
  border-bottom: solid 8px #ffffff;
  border-right: solid 4px #ffffff;
  border-left: solid 4px #ffffff;
  box-sizing: border-box;
}

#content ul li span.img02 {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
}

#content ul li span.img02 img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

#content ul li:hover span.img02 img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*----------------------------------------
	pc（1281px〜）
-----------------------------------------*/
@media only screen and (min-width: 1281px) {
/*----------------------------------------
	content
-----------------------------------------*/

}

/*----------------------------------------
	sp（〜640px）
-----------------------------------------*/
@media only screen and (max-width: 640px) {

/*	title01
-----------------------------------------*/

#title01 h2 {
  padding: 10% 0;
}

/*----------------------------------------
	content
-----------------------------------------*/

#content {
  padding: 10% 0;
}

#content .layout_1280 {
  width: 100%;
  padding: 0;
}

#content ul li {
  display: block;
}

#content ul li span.img01 img {
  width: 75%;
  padding: 10% 0;
}

#content ul li {
  width: 100%;
  border-bottom: solid 4px #ffffff;
  border-right: none;
  border-left: none;
}
}