@media screen and (max-width:767px) {
/*　画面サイズが767px以下の場合読み込む　*/   
#recruit header{
    background: var(--adpia-color-blue) url(../img/pc_recruit_ribbon-01.png) no-repeat bottom / 100%;
} 
}
@media screen and (min-width:768px){
/*　画面サイズが768px以上の場合読み込む　*/
#recruit header{
    background: var(--adpia-color-blue) url(../img/pc_recruit_ribbon-01.png) no-repeat bottom / 100%;
}
}

/*
募集職種
#job
------------*/
#recruit #job .job__warp .card{
    border: none;
}
#recruit #job .job__warp .card .card-header{
    border: none;
    background-color:initial;
}
#recruit #job .job__warp .card .card-header h5 a,#recruit table{
    color: var(--adpia-color-blue);
}
#recruit #job .job__warp .card .card-header h5{
    width: 12rem;
    margin: auto;
    border-bottom: 2px solid var(--adpia-color-blue);
}
#recruit #job .job__warp div.card + div.card {
    margin-top: 60px;
}
@media screen and (max-width:767px) {
/*　画面サイズが767px以下の場合読み込む　*/
    #recruit #main section:first-of-type {
        margin-top: 0;
        padding-top: 130px;
    }
    #recruit #job {
        background: url(../img/pc_recruit_ribbon-02.png) no-repeat top / 100%;
    }
    #recruit #job .job__warp .card .card-body table,#recruit #job .job__warp .card .card-body tbody,#recruit #job .job__warp .card .card-body tr,#recruit #job .job__warp .card .card-body td{
        display: block;
        width: 100%;
    }
    #recruit #condition .condition__app {
        margin-top: 50px;
    }
    #recruit #condition .condition__app p:last-child {
        margin-top: 30px;
    }
}
@media screen and (min-width:768px){
/*　画面サイズが768px以上の場合読み込む　*/
    #recruit #job{
        background: url(../img/pc_recruit_ribbon-02.png) no-repeat top / 100%;
    }
    div.card-header h5{
        font-size: 1.5rem;
    }
    td.text-nowrap{
        font-size: 1.3rem;
    }
    #recruit #job .job__warp .card .card-header h5{
        width: 12rem;
        margin: auto;
        border-bottom: 2px solid var(--adpia-color-blue);
    }
    #recruit #job .job__warp .card .collapse table tbody tr td:first-child{
        width: 12rem;
        vertical-align: top;
    }
    #recruit #job .job__warp .card .collapse table tbody tr:nth-of-type(2) td{
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

/*
募集職種
#condition
------------*/
section#condition{
    padding-top:100px !important;
}
#recruit #condition .condition__app p:last-child a{
    font-size: 1.2rem;
    color: #fff;
    background-color: var(--adpia-color-blue);
    padding: 0 1rem;
    display: inline-block;
    position: relative;
}
/*#recruit #condition .condition__app p:last-child a::after {
    content: "";
    position: absolute;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 12px solid var(--adpia-color-blue);
    right: -12px;
    top: 0px;
}*/
#recruit #condition .text-dot {
    padding-left: 38px;
}
@media screen and (max-width:767px) {
    /*　画面サイズが767px以下の場合読み込む　*/   
    #recruit #condition .condition__wrap tbody, #recruit #condition .condition__wrap tr,#recruit #condition .condition__wrap td{
        display: block;
        width: 100%;
    }
    #recruit #condition .condition__wrap td:first-child{
        margin-top: 10px;
    }
    #recruit #condition .condition__wrap td:last-child{
        margin-bottom: 20px;
    }
    #recruit #condition .condition__app p:last-child a {
        font-size: initial;
    }
    #recruit #condition .condition__wrap table tbody tr td dl dd{
        margin-left: 1rem;
    }
}
@media screen and (min-width:768px){
    #recruit #condition .condition__wrap table tbody tr td:first-child {
        width: 17%;
        vertical-align: top;
    }
    #recruit #condition .condition__wrap table tbody tr:not(:first-child) td{
        padding-top: 50px;
    }
    #recruit #condition .condition__wrap table tbody tr td dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    #recruit #condition .condition__wrap table tbody tr td dl dt{
        width: 8rem;
    }
    #recruit #condition .condition__wrap table tbody tr td dl dd{
        width: 43rem;
    }
    #recruit #condition .condition__app{
        margin-top: 40px;
    }
    #recruit #condition .condition__app p:last-child{
        margin-top: 45px;
    }    

}