.button_vacant {margin-bottom: 20px}

.vac_desc .charge {color: black}

@media (max-width: 767px)
{
    .director {text-align: center}
}

.vacancy_detail .photo {
    background-image: url('/lib/imgs/default_vacancy_new.png');
    /*background-image: url('/lib/imgs/default_vacancy.png');*/
}

.vacancy_detail .has_photo {position: relative; background: none; width: 100%; height: auto; float: none}
.vacancy_detail .has_photo img {width: 100%; max-width: 100%;}

.vacancy_motivational_title {
    /*color: #2675CA;*/
    font-size: 26px;
    text-align: center;
    font-weight: bold;

    padding: 2px;
    position: absolute;
    width: 100%;
    z-index: 2;
    color: white;
    /*background: rgba(38, 117, 202, 0.85);*/
    /*background: rgba(6, 98, 197, 0.85);*/
    background: rgba(11, 104, 204, 0.85);
    text-shadow: 1px 1px 3px #084a92;
    /*background: rgba(26, 121, 224, 0.85);*/
    /*background: rgba(16, 110, 211, 0.95);
    text-shadow: 1px 1px 1px #1563b9;*/
}

.rule_title {
    /*background: rgba(38, 117, 202, 0.85);*/
    /*background: rgba(6, 98, 197, 0.85);*/
    background: #2B79CE;
    color: white;
}

.vac_desc .charge {
    background: rgba(202, 212, 222, 0.85);
}
.vac_desc .charge ul:first-child {
    margin-top: 0;
}

@media (max-width: 299px){
    .vacancy_motivational_title {
        font-size: 15px;
    }

    .rule_title {
        height: 32px;
        line-height: 32px;
    }
}

@media (min-width: 300px) and (max-width: 429px){
    .vacancy_motivational_title {
        font-size: 5vw;
        padding: 5px 0;
    }

    .rule_title {
        height: 32px;
        line-height: 32px;
    }
}

@media (min-width: 430px) and (max-width: 767px){
    .vacant_detail {
        font-size: 16px;
    }

    .vac_desc .charge {
        font-size: 16px;
    }

    .vacancy_motivational_title {
        font-size: 29px;
    }

    .rule_title {
        font-size: 22px;
        height: 42px;
        line-height: 42px;
    }
}

@media (max-width: 767px){
    .vacancy_motivational_title {
        position: relative;
    }

    .vacancy_detail .photo {padding-left: 0;}
}

@media (min-width: 768px) and (max-width: 1259px){
    .vacancy_motivational_title {
        font-size: 20px;
    }
}

@media (min-width: 1260px) and (max-width: 1477px) {
    .vacancy_motivational_title {
        font-size: 23px;
    }
}


.director {margin-top: 20px;}

.no_text_and_no_photo {margin-top: 0;}
.no_text_and_no_photo .rule_title_first {
    margin-top: 20px;
}
.no_text_and_no_photo .photo {display: none}