@charset "UTF-8";




#body_wrap {
    position: relative;
}

#page_content {
    background: #eeeddf;
}

#main_content .con {
    padding: 40px 8% 80px;
}




/*----------------------------------------

#page_headline

----------------------------------------*/

#page_headline .bg_img {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#page_headline .filter {
    width: 100%;
    padding: 160px 0 80px;
    background: rgba(0, 0, 0, 0.3);
}

#page_headline .page_ttl h1 {
    text-align: center;
    font-size: 6vw;
    font-weight: 700;
    color: #ffffff;
}

#page_headline .page_ttl span,
#page_headline .page_ttl time {
    display: block;
    text-align: center;
    font-size: 4vw;
    font-weight: 700;
    color: #ffffff;
}


@media (min-width: 768px) {

    #page_headline .filter {
        padding: 240px 0 160px;
    }

    #page_headline .page_ttl h1 {
        font-size: 4.5vw;
    }

    #page_headline .page_ttl span,
    #page_headline .page_ttl time {
        font-size: 3vw;
    }

}


@media (min-width: 1024px) {}




/*----------------------------------------

#breadcrumbs

----------------------------------------*/

#breadcrumbs .con {
    padding: 20px 8%;
}

#breadcrumbs a {
    display: inline-block;
    font-size: 0.8em;
    transition: all 0.3s;
}

#breadcrumbs a:hover {
    color: #808080;
}

#breadcrumbs span.layer {
    display: inline-block;
    font-size: 0.8em;
    padding: 0 5px;
}

#breadcrumbs span.current {
    display: inline-block;
    font-size: 0.8em;
}


@media (min-width: 1024px) {


}






/*----------------------------------------

#recruit_fixed

----------------------------------------*/

#recruit_fixed {
    background: #eeeddf;
}

#recruit_fixed .bg_img {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#recruit_fixed .bg_filter {
    background: rgba(0, 0, 0, 0.5);
}

#recruit_fixed .con {
    padding: 16vw 8%;
}

#recruit_fixed .h2_ttl h2 {
    text-align: center;
    font-size: 6vw;
    font-weight: 700;
    color: #ffffff;
}

#recruit_fixed .h2_ttl span {
    display: block;
    text-align: center;
    font-size: 3vw;
    font-weight: 700;
    color: #ffffff;
}

#recruit_fixed .txt {
    padding: 40px 0;
}

#recruit_fixed .txt p {
    text-align: center;
    font-size: 0.9em;
    line-height: 2;
    color: #ffffff;
}

#recruit_fixed .txt p br {
    display: none;
}

#recruit_fixed .page_link a {
    position: relative;
    display: block;
    padding: 25px 30px;
    font-size: 1em;
    font-weight: 900;
    line-height: 1;
    color: #464237;
    background: #ffffff;
    border-radius: 40px;
}

#recruit_fixed .page_link ::after {
    display: block;
    font: var(--fa-font-solid);
    content: "\f138";
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}


@media (min-width: 768px) {

    #recruit_fixed .con {
        padding: 8vw 8%;
    }

    #recruit_fixed .h2_ttl h2 {
        font-size: 3vw;
    }

    #recruit_fixed .h2_ttl span {
        font-size: 1.5vw;
    }

    #recruit_fixed .txt p {
        
    }

    #recruit_fixed .txt p br {
        display: block;
    }

    #recruit_fixed .page_link a {
        width: 320px;
        margin: 0 auto;
    }

}


@media (min-width: 1024px) {
    
}