@charset "UTF-8";

.recruit.nursing .recruit-main{
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 1026px;
    height: 0;
    margin: -20px auto 30px;
    padding: 18.9% 0 0;
    background: url(../img/careers/main_nursing.png) no-repeat left top;
    background-size: contain;
    text-align: center;
}

.recruit.doctor .recruit-main{
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 1026px;
    height: 0;
    margin: -20px auto 30px;
    padding: 18.9% 0 0;
    background: url(../img/careers/main_doctor.png) no-repeat left top;
    background-size: contain;
    text-align: center;
}


.message-area img{
    display: block;
    margin: 0 0 20px;
}

.li-welfare{
    
}

.li-welfare li{
    margin: 0 0 20px;
}


@media only screen and (min-width: 768px) {

    .recruit{
        background: #fff;
        box-shadow: 0 3px 5px rgba(165,165,165,0.3) inset;
    }

    .recruit.doctor{
        background: -webkit-gradient(linear, left top, left bottom, from(#DDFAFF), to(#FFFFFF));
        background: -webkit-linear-gradient(#DDFAFF, #FFFFFF);
        background: linear-gradient(#DDFAFF, #FFFFFF);
    }

    .recruit.nursing{
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF0F5), to(#FFFFFF));
        background: -webkit-linear-gradient(#FFF0F5, #FFFFFF);
        background: linear-gradient(#FFF0F5, #FFFFFF);
    }

    .recruit.pharmacy{
        background: -webkit-gradient(linear, left top, left bottom, from(#D8FFE8), to(#FFFFFF));
        background: -webkit-linear-gradient(#D8FFE8, #FFFFFF);
        background: linear-gradient(#D8FFE8, #FFFFFF);
    }

    .message-area img{
        float: right;
        display: inline;
        width: 44%;
        margin: 0 0 0 30px;
    }

    .li-welfare{
        margin: 0 0 0 -30px;
    }
    
    .li-welfare li{
        float: left;
        display: inline;
        width: 33.3%;
        padding: 0 0 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }


}


@media only screen and (min-width: 1140px) {

    .recruit.nursing .recruit-main{
        width: 1026px;
        max-width: 1026px;
        margin: -20px auto 40px;
        padding: 194px 0 0;
        background-size: 1026px 194px;
    }

    .recruit.doctor .recruit-main{
        width: 1026px;
        max-width: 1026px;
        margin: -20px auto 40px;
        padding: 194px 0 0;
        background-size: 1026px 194px;
    }


}