@charset "utf-8";

.main-contents {
        margin: 6.5rem auto 0;
}

.contents-inner {
        max-width: 1240px;
        padding: 0 20px;
        margin: 0 auto;
}

.recruit-bgc {
        margin: 6rem auto;
        padding: 6rem 0;
        background-color: #f0f0f8;
        position: relative;
        z-index: -1;
}

.mix-blend-bg02 {
        z-index: -1;
        left: 5%;
}

.recruit-message {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8;
}

.recruit-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 5rem auto;
}

.recruit-circle-area {
        margin-bottom: 5rem;
}

.recruit-career {
        display: flex;
        justify-content: center;
        margin-bottom: 3rem;
}

.recruit-career-title {
        margin-right: 2rem;
        font-size: 2rem;
}

@media screen and (max-width:1024px) {
        .recruit-circle-area {
                width: 40%;
        }

        .recruit-circle {
                width: 40vw;
                height: 40vw;
        }

        .recruit-img {
                width: 20vw;
        }
}


@media screen and (max-width:599px) {
        .main-contents {
                margin: 2rem auto;
        }

        .contents-inner {
                display: block;
                margin: 0 auto;
        }

        .recruit-bgc {
                margin: 3rem 0;
                padding: 2rem 0;
        }

        .recruit-message {
                font-size: 1.3rem;
        }

        .recruit-info {
                margin: 0 auto;
        }

        .recruit-circle-area {
                order: 0;
                width: 100%;
        }

        .recruit-circle {
                width: 70vw;
                height: 70vw;
        }

        .recruit-img {
                width: 42vw;
        }

}