@charset "UTF-8";
/*------------------------------recruit_css---*/

.sec-recruit {
background: url("../../img/recruit/bg.jpg") center center no-repeat;
background-size: cover;
padding: 60px 0;
}
.sec-recruit .inner {
background: #fffdfc;
padding: 90px 0;
border-radius: 10px;
}
.sec-recruit .inner h2 {
font-size: 24px;
font-size: 2.4rem;
color: #a0695d;
text-align: center;
letter-spacing: 0.05em;
margin-bottom: 40px;
}
.sec-recruit .inner .info {
max-width: 785px;
margin: 0 auto;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 90px;
line-height: 2.5;
}
.beige-box {
background: #f8f3f0;
max-width: 950px;
margin: 0 auto;
width: 95%;
padding: 60px;
border-radius: 10px;
position: relative;
margin-bottom: 60px;
}
.beige-box h3{
width: 100%;
text-align: center;
position: absolute;
top: -25px;
left: 0;
}
.beige-box h3 span{
background: #e0aa9e;
color: #fff;
display: inline-block;
font-size: 21px;
font-size: 2.1rem;
padding: 10px 80px;
letter-spacing: 0.05em;
}
.rec-table {
border: 8px solid #ede2dc;
background: #fffdfc;
padding: 60px;
}

.rec-table th{
padding: 20px 10px;
border-bottom: 2px solid #c6a4a3;
font-size: 16px;
font-size: 1.6rem;
font-weight: normal;
width: 25%;
vertical-align: top;
}
.rec-table td {
border-bottom: 1px solid #d7c8c0;
padding: 20px ;
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
}
.rec-table td small{
font-size: 14px;
font-size: 1.4rem;
}
.info02 {
font-size: 16px;
font-size: 1.6rem;
text-align: center;
margin-bottom: 60px;
}
.action-bnr {
width: 80%;
max-width: 810px;
margin: 0 auto;
}
.action-bnr a {
display: block;
background: url("../../img/recruit/bnr_bg.jpg") center center no-repeat;
background-size: cover;
padding: 60px 0;
text-align: center;
}
.action-bnr a .txt {
color: #a0695d;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 20px;
letter-spacing: 0.08em;
}
.action-bnr a .tel {
position: relative;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
color: #964a48;
font-family: "Quicksand", sans-serif;
position: relative;
display: inline-block;
padding-left: 35px;
}
.action-bnr a .tel:before {
content: "";
background: url("../../img/recruit/tel.svg") center center no-repeat;
background-size: 100% auto;
width: 29px;
height: 29px;
position: absolute;
left: 0;
 top: 50%;
  transform: translateY(-50%);
  -webkit- transform:translateY(-50%);
}
.spTel {
  pointer-events: none;
}
.info{
    text-align: center;
}
@media only screen and (max-width: 834px) {
a.spTel {
    pointer-events: auto;
}
.info{
    text-align: left;
}
.sec-recruit .inner {
width: 90%;
padding: 60px 0;
}
.sec-recruit .inner h2 {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 20px;
}
.sec-recruit .inner .info {
width: 90%;
margin-bottom: 60px;
line-height: 1.9;
}
.beige-box h3 span {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 50px;
}
.rec-table {
    border:none;
    background: none;
    padding: 0;
}
.beige-box {
    width: 90%;
    padding: 30px 20px;
}

.rec-table th {
    padding: 13px 0px;
    font-size: 15px;
    font-size: 1.5rem;
    width: 100%;
    display: block;
    text-align: center;
    border-bottom: none;
    background: #d7c8c0;
    color: #fff;
}
.rec-table td {
    padding: 13px 0px;
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    display: block;
    border-bottom: none;
}
.rec-table td small{
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
}
.info02 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.action-bnr a {
    padding: 30px 0;
    text-align: center;
}
.action-bnr {
    width: 90%;
}
.action-bnr a .txt {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 10px;
}
}