
/*---------------------------------------------------------------------------
  TITLE
---------------------------------------------------------------------------*/
.page_head h2 {
	margin-bottom: 50px;
	font-size: 2.25rem;
	line-height:1.8;
}
.page_head h2 span {
  background: linear-gradient(transparent 75%, #C8D743 75%);
}
#contact .page_head h2 {
	text-align: center;
}


/*---------------------------------------------------------------------------
  PAN
---------------------------------------------------------------------------*/
.pankuzu {
	margin: 220px 0 60px;
	display: flex;
}
.pankuzu a {
	color: #222;
	text-decoration: none;
}
.pankuzu a:hover {
	color: #0A8242;
}
.pankuzu li:after {
	padding: 5px 0 0 60px;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../../image/sub/pankuzu_arrow.svg");
  background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
  vertical-align: middle;
}
.pankuzu li:last-child:after {
	background: none;
}


/*---------------------------------------------------------------------------
  PAGE NAV
---------------------------------------------------------------------------*/
.pagenav ul {
	margin: 80px auto 60px;
	width: 1200px;
	display: flex;
	justify-content: space-between;
}
#recruit .pagenav ul {
  margin-bottom: 120px;
	justify-content:center;
}
#recruit .pagenav ul li {
	margin: 0 20px;
}
.pagenav li {
	width: 220px;
	text-align: center;
	background-color: #0A8242;
	border-radius: 25px 0 25px 0;
	font-weight: bold;
}
.pagenav li a {
	width: 100%;
	display: block;
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
}
.pagenav li:hover{
  opacity: 0.8;
}
.pagenav li a.arrow{
  position: relative;
  display: inline-block;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
}
.pagenav li a.arrow {
  color: #FFF!important;
}
.pagenav li a.arrow::after{
  position: absolute;
  top: 0;
	right: 20px;
  bottom: 5px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 0.5em; 
  height: 0.5em;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(135deg);
  transition: all .3s;
}
.pagenav li a.arrow:hover::after{
  bottom: 0;
}



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

  SUBPAGE

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

#subpage { margin: auto;}
#subpage:after { /*float_clear*/ display:block; clear:both; content:"";}


