@charset "UTF-8";
/* CSS Document */

#recruitmentMain .contentHeading span{
padding: 0 90px;
}
#recruitmentMain .contentHeading span::before{
background-image: url(../images/recruitment_main_heading.png);
width: 76px;
height: 65px;
right: 0;
top: -25px;
}
#recruitmentMainArea{
position: relative;
margin-top: 120px;
background-image: url(../images/content_bg02.png);
background-size: 20px auto;
}
#recruitmentMainContent{
max-width: 1200px;
margin: 0 auto;
padding: 100px 100px;
background-color: #ffffff;
border-radius: 7px;
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.20);
box-shadow: 0px 0px 10px rgba(0,0,0,0.20);
transform: translate(0, -80px);
position: relative;
}
#recruitmentMain p.lead{
font-size: 112.5%;
font-weight: 500;
text-align: center;
}
#recruitmentMain p.lead small{
display: block;
font-size: 80%;
margin-top: 1em;
}
#recruitmentMain p.none{
font-size: 87.5%;
font-weight: 500;
text-align: center;
}
.recruitmentBox{
margin: 90px 0 0;
}
.recruitmentBox h3{
position: relative;
font-size: 112.5%;
font-weight: 700;
padding: 0 0 0 25px;
color: #664f26;
}
.recruitmentBox h3::before{
content: '';
display: block;
position: absolute;
top: 0.9em;
left: 0;
width: 18px;
height: 18px;
transform: translateY(-50%);
background-color: #664f26;
}
.recruitmentBox table{
margin: 20px 0 0;
}
.recruitmentBox table tr th{
border: 1px solid #e1dacd;
background-color: #f3f0eb;
width: 130px;
font-size: 87.5%;
font-weight: 700;
text-align: left;
padding: 20px;
}
.recruitmentBox table tr td{
border: 1px solid #e1dacd;
font-size: 87.5%;
font-weight: 500;
padding: 20px;
}
.recruitmentBox .indent{
display: inline-block;
padding: 0 0 0 1em;
}

@media screen and (max-width: 1366px){
#recruitmentMainContent{
max-width: 840px;
padding: 50px 50px;
}
.recruitmentBox{
margin: 70px 0 0;
}
}/*1366*/

@media screen and (max-width: 999px){
#recruitmentMainArea{
margin-top: 70px;
padding: 0 8%;
}
#recruitmentMainContent{
max-width: 100%;
padding: 20px;
transform: translate(0, -50px);
}
#recruitmentMain p.lead{
font-size: 100%;
text-align: left;
}
#recruitmentMain p.none{
font-size: 75%;
text-align: left;
}
.recruitmentBox{
margin: 50px 0 0;
}
.recruitmentBox table{
margin: 20px 0 0;
border: 1px solid #e1dacd;
}
.recruitmentBox table tr th{
display: block;
border: none;
background-color: #f3f0eb;
width: auto;
padding: 10px 15px;
}
.recruitmentBox table tr td{
display: block;
border: none;
padding: 10px 15px;
}
.recruitmentBox .indent{
display: inline-block;
padding: 0 0 0 1em;
}
}/*999*/