@charset "utf-8";

body {
  background: url("../images/cmn-images/bg2.png") 50% 50% no-repeat;
  background-attachment: fixed;
}
#page-title {
  background: url("../images/recruit-images/page-title.jpg") 50% 0% no-repeat;
  background-size: cover;
}

/* ----------------------------------------
 recruit
------------------------------------------- */
.recruit table{
width: 100%;
}
.recruit table th{
white-space: nowrap;
}
.recruit table th{
width: 200px;
box-sizing: border-box;
vertical-align: top;
text-align: left;
font-weight: normal;
line-height: 1.7;
border: 1px solid #999;
background-color: rgba(233,237,238,0.7);
padding: 15px 10px;
}
.recruit table td{
box-sizing: border-box;
vertical-align: top;
text-align: left;
font-weight: normal;
line-height: 1.7;
border: 1px solid #999;
background-color: rgba(255,255,255,0.7);
padding: 15px 10px;
}
.recruit table td span{
font-weight: bold;
}

/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
}
/* =======================
  SP
======================== */
@media screen and (max-width: 699px) {
/* ----------------------------------------

------------------------------------------- */
.recruit table{
border-top: 1px solid #999;
}
.recruit table th{
display: block;
width: 100%;
border-top: none;
padding: 12px 10px;
}
.recruit table td{
display: block;
width: 100%;
border-top: none;
padding: 12px 10px;
}
}