.s-content .container{
    max-width:67.5rem;
}
.job-post{
    position:relative;
    background-color:var(--white);
    padding:1.5rem .938rem;
    border-top-left-radius:1.25rem;
    border-top-right-radius:1.25rem;
}
.job-post::after{
    content:'';
    position:absolute;
    width:0;
    height:0;
    right:0;
    bottom:-1.875rem;
    left:0;
    margin:0 auto;
    border-left:clamp(.875rem,1.22vi + .59rem,1.563rem) solid transparent;
    border-right:clamp(.875rem,1.22vi + .59rem,1.563rem) solid transparent;
    border-top:clamp(1.875rem,2.21vi + 1.36rem,3.125rem) solid var(--white);
}
.job-unique-id{
    font-size:var(--fs-sm);
}
.job-ttl{
    font-size:clamp(1.125rem,.66vi + .97rem,1.5rem);
    font-weight:var(--font-w-black);
    margin-top:.625rem;
}
.job-content{
    margin-top:1.25rem;
    padding-top:1.25rem;
    border-top:.063rem solid var(--primary-color);
}
.job-city{
    font-size:clamp(1rem,.44vi + .9rem,1.25rem);
    font-weight:var(--font-w-black);
}
.job-content > dl{
    margin-top:.638rem;
}
.job-content > dl > dd{
    margin-top:.638rem;
}
.job-points{
    margin-top:.638rem;
}
.job-points li{
    position:relative;
    padding-left:1.25rem;
}
.job-points li+li{
    margin-top:.313rem;
}
.job-points li::before{
    content:'';
    position:absolute;
    display:inline-block;
    width:.75rem;
    height:.75rem;
    top:.313rem;
    left:0;
    background-color:var(--orange);
}
.job-details{
    margin-top:.625rem;
    padding-top:.625rem;
    border-top:.063rem solid var(--primary-color);
}
.job-details h3{
    font-size:clamp(1rem,.44vi + .9rem,1.25rem);
    margin-bottom:.938rem;
}
.job-details > dl+dl{
    margin-top:.938rem;
}
.job-details > dl dt{
    flex-shrink:0;
    width:100%;
    color:var(--orange);
}
.job-details > dl dd{
    flex-basis:auto;
    width:100%;
    margin-top:.313rem;
}
.job-details > dl dd a{
    display:flex;
    align-items:center;
    gap:.625rem;
    color:var(--blue);
}
.job-details .external-link-icon{
    width:1.125rem;
    line-height:0;
}
.job-details .external-link-icon svg{
    fill:var(--blue);
}
.actions-btn{
    position:relative;
    margin-top:clamp(2.5rem, 6.63vi + 0.95rem, 6.25rem);
}
.actions-btn .btn{
    margin-top:0;
}
.actions-btn .flex{
    justify-content:center;
    gap:.938rem;
}
.actions-btn a{
    font-size:var(--fs-sm);
    width:clamp(8.75rem,4.42vi + 7.71rem,11.25rem);
    height:clamp(2.5rem,2.21vi + 1.98rem,3.75rem);
}
.actions-btn .save-job a{
    background-color:var(--blue);
}
.actions-btn .apply-to-job a{
    width:clamp(11.25rem,11.05vi + 8.66rem,17.5rem);
    background-color:var(--primary-color);
}
.actions-btn .apply-to-job .arrow-next-icon{
    width:1.5rem;
    height:1.5rem;
    line-height:1.5rem;
    border:.063rem solid var(--white);
    border-radius:50%;
}
.actions-btn .apply-to-job svg{
    width:.875rem;
    fill:var(--white);
}
.actions-btn .deco-txt{
    font-size:clamp(1rem,.88vi + .79rem,1.5rem);
    font-family:var(--ab-omusubi);
    position:relative;
    margin-bottom:.938rem;
    text-align:var(--align-center);
}
.actions-btn .deco-txt span{
    position:relative;
}
.actions-btn .deco-txt span::before,
.actions-btn .deco-txt span::after{
    content:'';
    position:absolute;
    display:inline-block;
    top:0;
    left:-.625rem;
    width:.063rem;
    height:1.5rem;
    background-color:var(--primary-color);
    transform:rotate(-25deg);
}
.actions-btn .deco-txt span::after{
    right:-.5rem;
    left:auto;
    transform:rotate(25deg);
}
.other-featured--imgs{
    display:flex;
}
.other-featured--imgs > figure{
    width:50%;
}
.featured-images{
    position:relative;
}
.main--image figure{
    height:clamp(13.75rem,11.05vi + 11.16rem,20rem);
    overflow:hidden;
}
.main--image figure img{
    height:100%;
    object-fit:cover;
    object-position:center;
    transition: transform 0.3s ease;
}
.swiper-slide{
    height:clamp(7.5rem,6.63vi + 5.95rem,11.25rem);
}
.job-images-slider .swiper-slide figure{
    height:100%;
    overflow:hidden;
    cursor:pointer;
    transition:all 0.3s ease;
}
.job-images-slider .swiper-slide img{
    height:100%;
    object-fit:cover;
    transition: opacity 0.3s ease;
}

.job-images-slider .swiper-slide img.active{
    opacity:.7;
    border:2px solid var(--orange);
}
.job-images-slider .swiper-slide img:hover {
    opacity:.8;
}
.job-images-slider .swiper-pagination-bullet {
    background:var(--orange);
}

/*-- media query 80rem --*/
@media screen and (min-width:80rem){
    .job-post{
        padding:1.875rem;
        bottom:-3.125rem;
    }
    .job-content-wrapper > .flex{
        display:flex;
        flex-direction:row;
        gap:3.125rem;
        margin-top:.938rem;
    }
    .job-content-wrapper > .flex .featured-images{
        width:28.125rem;
    }
    .job-content-wrapper > .flex .job-desc{
        width:calc(100% - 500px);
    }
    .job-details{
        margin-top:1.875rem;
        padding-top:1.875rem;
    }
    .job-details > dl{
        display:flex;
    }
    .job-details > dl+dl{
        margin-top:1.875rem;
    }
    .job-details > dl dt{
        width:13.75rem;
    }
    .job-details > dl dd{
        margin-top:0;
    }
    .mouse-img{
        position:absolute;
        display:inline-block;
        top:-1.875rem;
        left:15%;
        width:123px;
        height:175px;
        background:url(../img/mouse05.png) center / contain no-repeat;
    }
    .actions-btn .flex{
        flex-direction:row;
    }
}