/* recruit */
.lowerHeader--recruit {
    padding-top: 50px;
}

.recruit-img-header {
	margin-top:50px;
}
.open-page-job-details dl dd, .open-page-job-details dl dt {
    border-top: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0 16px 20px;
}

.open-page-job-details dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5
}

.open-page-job-details dl dt {
    color: #999;
    width: 20%
}

.open-page-job-details dl dd {
    width: 80%
}

.open-page-job-details dl dt {
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    line-height:2;    
}

.open-page-job-details dl dd,.open-page-job-details dl dt {
    border-top: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 0 16px 20px
}

.open-page-job-details dl dd.details-top,.open-page-job-details dl dt:first-child {
    border-top: 0px;
}

.open-page-job-details dl dd:last-of-type,.open-page-job-details dl dt:last-of-type {
    border-bottom: 1px solid #f0f0f0
}

.open-page-job-details dl dd>:first-child {
    margin-top: 0!important
}

.open-page-job-details__job-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 48px
}

.open-page-job-details__divider {
    display: none
}

.open-page-job-details-heading {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 24px
}

.open-page-job-details-heading:not(:first-child) {
    margin-top: 54px
}

.open-page-job-details-heading__top {
    background-color: #3da9d5;
    border-radius: 4px;
    height: 32px;
    margin-right: 16px;
    width: 4px
}

.open-page-other-details {
    -ms-flex-item-align: baseline;
    align-self: baseline;
    position: relative;
    top: 24px;
    width: calc(30% - 24px)
}

.open-page-other-details__divider {
    display: none
}

.open-page-job-details__markdown iframe {
	max-width:500px;
	height:300px;
}
.contents--recruit {
    padding-top:0;
}

@media screen and (max-width: 1024px) {
    .open-page-job-details dl dt,.open-page-other-details dl dt {
        color: #333;
        padding: 16px 8px 16px 16px;
        width: 35%
    }

    .open-page-other-details dl dd {
        padding: 16px 16px 16px 8px
    }

    .open-page-job-details dl dd {
        padding: 16px 16px 16px 8px;
        width: 65%
    }

    .open-page-other-details__markdown {
        padding: 4px 16px 16px!important
    }
}

@media screen and (max-width: 480px) {
    .open-page-job-details dl dt,.open-page-other-details dl dt {
        color: #333;
        padding: 16px 0 8px;
        width: 35%
    }
}