@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1200px) {
#recruit{
    width: 83.33333333333334%;
    padding: 5%;
}
#recruit section{
    margin-bottom: 5%;
}
#recruit table{
    margin-bottom: 2.5%;
    font-size: 14px;
}
.pic-recruit{
    margin-bottom: 5%;
}
.pic-recruit li{
    width: 46.590909090909086%;
    margin-bottom: 6.8181818181818175%;
}
.pic-recruit li:nth-of-type(odd){
    margin-right: 6.8181818181818175%;
}
.pic-route,
.pic-new{
    width: 46.590909090909086%;
    margin-left: 4.545454545454546%;
}

/*  応募フォーム
----------------------------------------------------------*/
#contact-wrap{
    width: 83.33333333333334%;
    padding: 5%;
}
#contact-wrap table{
    width: 100%;
    margin-bottom: 2.5%;
    font-size: 14px;
}

}
@media only screen and (min-width: 0px) and (max-width: 640px) {
#recruit{
    width: 93.75%;
}
#recruit section{
    margin-bottom: 9.375%;
}
#recruit table th,
#recruit table td{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: none;
}
.pic-recruit li{
    width: 70%;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
}
.pic-recruit li:nth-of-type(odd){
    margin-left: auto;
    margin-right: auto;
}
.pic-route,
.pic-new{
    width: 70%;
    float: none;
    margin: 0 auto 15px;
}

/*  応募フォーム
----------------------------------------------------------*/
#contact-wrap{
    width: 93.75%;
}
#contact-wrap table th,
#contact-wrap table td{
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: none;
    padding: 10px;
}
#contact-wrap table th span{
    top: 7px;
}
.btn-submit{
    width: 260px;
    padding: 20px;
}
.btn-back{
    width: 260px;
    padding: 20px;
}

}
