@charset "UTF-8";
.c-page-sub [class*="c-page-sub__"] .page-header .page-header__img::before {
    top: 125%;
}

.c-page-sub [class*="c-page-sub__"] .page-header::after {
    top: 33%;
}



.c-page-sub__recruit-contents01 {
    margin: 80px auto;
    overflow: hidden;
}

.c-page-sub__recruit-contents01::before {
    content: "";
    width: 200%;
    height: 93%;
    background: #F7F7F7;
    left: 23%;
    transform: skew(-15deg);
    position: absolute;
}
.c-page-sub__recruit-contents01 .container {
    padding: 130px 0 100px;
}

.c-page-sub__recruit-contents01 h3 {
    font-size: 4.5rem;
    margin-bottom: 50px;
    color: #19B3A5;
}

.c-page-sub__recruit-contents01 h3 span {
    font-size: 2.6rem;
    color: #000000;display: block;
}

.c-page-sub__recruit-contents01 .btn-entry a {
    display: block;
    width: 468px;
    background: #068CD7;
    color: #fff;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 800;
    padding: 25px 0;
    transform: skewX(-15deg);
    letter-spacing: .01em;
    box-shadow: -11px 9px 0 #E8AEC7;
    margin: 50px auto 0;
    transition: 0.3s;
}
.c-page-sub__recruit-contents01 .btn-entry a span {
    transform: skewX(15deg);
    display: inline-block;
}
.c-page-sub__recruit-contents01 .btn-entry a:hover {
    opacity: .7;
}



@media only screen and (max-width: 767px) {
    .c-page-sub__recruit-contents01 {
        margin: 50px auto 0;
    }
    
    .c-page-sub__recruit-contents01 .container {
        padding: 0 4.68% 100px;
        
    }
    
    .c-page-sub__recruit-contents01 h3 {
        font-size: calc(30 / 375 * 100vw);
        margin-bottom: 30px;
    }

    .c-page-sub__recruit-contents01 h3 span {
        font-size: calc(20 / 375 * 100vw);
    }
    
    .c-page-sub__recruit-contents01 .btn-entry a {
        width: 90%;
        font-size: calc(18 / 375 * 100vw);
        padding: 20px 0;
    }
    
}