@charset "utf-8";
/* ----------------------------------------
 lead
------------------------------------------- */
#lead p{
text-align:center;
}
/* ----------------------------------------
 greeting
------------------------------------------- */
#recruit .box01{
width: 40%;
}
#recruit .box02{
width: 55%;
}
/* ----------------------------------------
 info
------------------------------------------- */
#info table{
width: 100%;
border-top: 1px solid #ccc;
margin-bottom: 40px;
}
#info th{
width: 25%;
box-sizing: border-box;
border-right: 1px solid #78b97f;
border-bottom: 1px solid #ccc;
font-weight: 400;
vertical-align: top;
text-align: center;
padding: 15px;
}
#info td{
border-bottom: 1px solid #ccc;
text-align: left;
padding: 15px 15px 15px 5%;
}
#info tr:nth-child(2n) th,#info tr:nth-child(2n) td{
background-color: #f9f9f9;
}
#info tr:nth-child(2n-1) th, #info tr:nth-child(2n-1) td {
  background-color: #fff;
}
/* =======================
  PC
======================== */
@media screen and (min-width: 1025px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1024px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 599px) {
/* ----------------------------------------
 recruit
------------------------------------------- */
#recruit .box01{
width: 100%;
margin-bottom: 15px;
}
#recruit .box02{
width: 100%;
}
/* ----------------------------------------
 info
------------------------------------------- */
#info table{
font-size: 90%;
margin-bottom: 40px;
}
#info th{
width: 25%;
padding: 12px;
}
#info td{
padding: 12px 12px 12px 5%;
}


}