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

/****************************
   MAIN IMAGE
*****************************/
.mainContent-headerContainer{
	height:640px;
	overflow:hidden;
    position:relative;
    background-image: url('/assets/image/recruit/main_image.jpg');
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
.header-title{
	text-align:center;
    max-width:1100px;
    width:100%;
    margin: 250px auto;
    padding-left: 10px;
    color:#FFFFFF;
    letter-spacing: 5px;
}
@media screen and (max-width: 1100px) {
    .header-title{
        padding-left: 25px;
    }
}
@media screen and (max-width: 978px) {
    .mainContent-headerContainer{
        height:475px;
    }
    .header-title{
        font-size: 4.3rem;
        margin: 150px auto;
    }
}
@media screen and (max-width: 479px) {
    .mainContent-headerContainer{
        height:300px;
    }
    .header-title{
        font-size: 2.5rem;
    }
}

/****************************
   RECRUIT
*****************************/
.mainContent-recruitContainer{
    background-color:#ECEBE1;
    overflow: hidden;
}
.recruit{
    max-width:900px;
    width:90%;
    margin: auto;
    padding: 45px 0;
}
.recruit-text{
    text-align: center;
}
.recruit-ttl{
    text-align: center;
    font-weight: 500;
    margin-top: 35px;
}
.recruit-jobContainer{
    background-color: #ffffff;
    overflow: hidden;
}
.job{
    border:3px solid #DCDCDC;
    padding: 15px 25px;
    overflow: hidden;
    position: relative;
}
.job-ended{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(225, 244, 250, 0.8);
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
}
.job-ended > p{
    color:#686868;
    text-align: center;
    margin-top: 150px;
    font-size:3rem;
    font-weight: 700;
}
.job-ttl{
    font-size: 1.8rem;
    font-weight: 700;
    border-bottom:2px dotted #555555;
    padding: 10px;
}
.job-ttl > span > a{
    font-size: 1.6rem;
    font-weight: 500;
    float:right;
    background-color: #000000;
    color: #FFFFFF;
    padding:5px 10px;
    border-radius:5px;
}
.job-detail{
    padding: 10px;
}
.job-detail > dt{
    padding: 5px 0;
    font-weight: 700;
}
.job-detail > dd{
    font-size: 2.8rem;
    padding: 0px 0 10px 0;
    margin: 0;
    font-size:1.6rem;
}
.job-date{
    float: right;
}