@charset "utf-8";
/* ---------------------------------
        job details
------------------------------------*/
.jobDetailsTitle {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: 0.01em;
    color: #144B82;
}
.jobDetailsDetalisList {
    margin-top: 13px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jobDetailsDate {
    margin-right: 15px;
}
.jobDetailsDate:last-child {
    margin-right: 0;
}
.detalisListText {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #BABABA;
}
.jobDetailsTable {
    width: 100%;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.jobDetailsTableHeader {
    padding: 40px 40px 0;
}
.jobDetailsTableTitle {
    border-bottom: 2px solid #2695D1;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: 0.01em;
    color: #1860AC;
}
.jobDetailsList {
    padding: 0 40px 30px;
}
.jobDetailsListLine {
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    padding: 24px 0;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jobDetailsListTitle {
    width: 200px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
}
.jobDetailsListText {
    width: calc(100% - 200px);
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.01em;
    color: #0A0A0A;
}
.jobDetailsTableFooter {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
    background-color: #F2FCFF;
}

.jobDetailsFooterEntryWrap {
    display: none;
}

/* job detials recommend */
.jobRecommendContents {
    margin-top: 0;
    padding-top: 100px;
}
.jobRecommendList {
    width: 100%;
    margin-top: 30px;
}

.jobDetailsFooterBtn {
    margin-top: 100px;
}

.jobSearchFooterViewWrap {
    display: none;
}

/*----------------------------------------
  画面の横幅が560pxまで
----------------------------------------*/
@media (max-width: 560px) {
    /* ---------------------------------
            job search
    ------------------------------------*/
    .search .globalFooter .topBtn {
        bottom: 20% !important;
    }

    /* ---------------------------------
            job details
    ------------------------------------*/
    .jobDetailsTitle {
        font-size: 5vw;
        line-height: 1.42;
        letter-spacing: 0.03em;
    }
    .jobDetailsDetalisList {
        margin-top: 2.67vw;
    }
    .jobDetailsDate {
        margin-right: 5.35vw;
    }
    .jobDetailsDate:last-child {
        margin-right: 0;
    }
    .detalisListText {
        font-size: 3.03vw;
    }

    .pageBodyContentsTwoColumnRight__details {
        padding-top: 0;
    }

    .jobDetailsTable {
        border-radius: 0;
        box-shadow: none;
    }
    .jobDetailsTableHeader {
        padding: 0;
    }
    .jobDetailsTableTitle {
        border-bottom: 0.35vw solid #144B82;
        padding-bottom: 2.67vw;
        font-size: 5.17vw;
    }
    .jobDetailsList {
        padding: 0 0 3.57vw;
    }
    .jobDetailsListLine {
        border-bottom: 0.17vw solid #EFEFEF;
        padding: 3.57vw 0;
    }
    .jobDetailsListTitle {
        width: 100%;
        padding-right: 0;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .jobDetailsListText {
        margin-top: 0.89vw;
        width: 100%;
        font-size: 3.92vw;
        line-height: 1.36;
    }
    .jobDetailsTableFooter {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 5.35vw;
        background-color: #FFF;
    }

    .jobDetailsFooterEntryWrap {
        display: block;
    }
    .jobDetailsFooterEntry {
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 3.57vw 0;
        background-color: rgba(222, 238, 255, 0.8);
        z-index: 5;
    }
    .jobDetailsFooterEntryBtnWrap {

    }
    .jobDetailsFooterEntryBtn {

    }

    /* job detials recommend */
    .jobRecommendContents {
        margin-top: 0;
        padding-top: 17.85vw;
    }
    .jobRecommendList {
        margin-top: 7.14vw;
    }

    .jobSearchFooterViewWrap {
        display: block;
        width: 100%;
        min-height: 23.21vw;
    }
    .jobSearchFooterView {
        display: block;
        width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
        padding: 5.35vw 0;
        background-color: rgba(222, 238, 255, 0.8);
        z-index: 5;
    }
    .jobSearchFooterView.is-fixed {
        position: fixed;
        left: 0;
        bottom: 0;
    }


    .jobDetailsFooterBtn {
        margin-top: 17.85vw;
    }

}