@charset "UTF-8";

#recruit_page1 {
    min-height: 700px;
}
#recruit_top_msg {
    width: 40%;
    min-width: 450px;
    top: 10%;
}
.whitebg h3 {
    color: black;
    top: 17%;
    letter-spacing: .2em;
}
#recruit_img1 {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 285px;
}
#recruit_img2 {
    position: absolute;
    top: 13%;
    right: 5%;
    width: 40%;
    min-width: 450px;
}
#recruit_item3 {
    position: absolute;
    left: 14%;
    bottom: 0%;
    max-width: 400px;
    width: 30%;
    min-width: 350px;
}
#recruit_img3 {
    width: 100%;
}
#recruit_msg3 {
    position: absolute;
    top: 3%;
    right: 3%;
    height: 85%;
}
#recruit_msg2 {
    position: absolute;
    /*top: 50%;
    transform: translateY(-56%);*/
    top: 0;
    /* bottom: 18px; */
    bottom: 37px;
    margin: auto;
    left: 10%;
    /* width: 80%; */
    width: 65%;
    max-width: 1070px;
}
#recruit_contents {
    position: absolute;
    width: 40vw;
    max-width: 510px;
    top: 75%;
    left: 50%;
}
#recruit_article {
    color: black;
    margin: 0;
    /* margin-top: 0; */
    /* margin-bottom: 35px; */
    text-align: justify;
}
#recruit_btn {
    position: absolute;
    top: 62%;
    left: 50%;
    margin: 0;
    /* margin: 0 auto; */
    text-align: center;
    /* margin-bottom: 35px; */
    animation-delay: .8s;
}
#recruit_btn a {
    font-size: 20px;
    padding: 12px 43px;
    position: relative;
}
#recruit_btn a::before {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 3px black;
    border-right: solid 3px black;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -5px;
}
#recruit_btn a:hover::before {
    right: 3%;
}

@media screen and (max-width: 1024px) {
    .whitebg h3 {
        top: 15%;
    }
    #recruit_img1, #recruit_msg2, #recruit_item3 {
        left: 5%;
    }
    #recruit_msg2 {
        /* width: 90%; */
        width: 70%;
    }
    #recruit_btn a {
        /* font-size: 14px; */
        font-size: 2vw;
    }
}
@media screen and (max-width: 900px) {
    #recruit_page1 {
        min-height: 800px;
    }
    #recruit_img1 {
        top: 18%;
    }
    #recruit_item3 {
        bottom: 3%;
        min-width: 330px;
    }
    #recruit_msg2 {
        top: 10%;
    }
    #recruit_img2 {
        top: 23%;
    }
}
@media screen and (max-width: 780px) {
    #recruit_contents {
        top: 73%;
        left: 53%;
    }
    #recruit_msg2 {
        top: 14%;
    }
    #recruit_msg2 {
        width: 70%;
    }
    #recruit_item3 {
        bottom: 6%;
    }
    #recruit_btn {
        top: 63%;
        left: 53%;
    }
}
@media screen and (max-width: 700px) {
    #recruit_top_msg {
        width: 60%;
        min-width: 330px;
    }
    #recruit_img1 {
        width: 35%;
        min-width: 200px;
    }
    #recruit_img2 {
        width: 50%;
        min-width: 300px;
    }
    #recruit_msg2 {
        top: 8%;
        width: 85%;
    }
    #recruit_item3 {
        width: 45%;
        min-width: 250px;
    }
    #recruit_btn {
        top: 61%;
    }
    #recruit_btn a {
        /* font-size: 13px; */
        font-size: 15px;
        letter-spacing: 0.1em;
        padding: 10px 25px;
        white-space: nowrap;
    }
    #recruit_contents {
        top: 73%;
    }
}
@media screen and (max-width: 580px) {
    #recruit_page1 {
        height: 1000px;
    }
    #recruit_top_msg {
        top: 11%;
        width: 70%;
        min-width: 250px;
    }
    #recruit_img1 {
        top: 20%;
        min-width: 180px;
    }
    #recruit_img2 {
        top: 24%;
        width: 60%;
        min-width: 250px;
    }
    #recruit_msg2 {
        top: 0;
    }
    #recruit_item3 {
        width: 57%;
        /* top: 55%; */
        top: 62%;
        bottom: initial;
    }
    #recruit_contents {
        /* top: 78%;
        left: 50%; */
        top: 85%;
        left: 50%;
        transform: translateX(-50%);
        width: 60vw;
    }
    /* #recruit_article {
        margin-bottom: 25px;
    } */
    #recruit_btn {
        top: 54%;
        left: 40%;
    }
    #recruit_btn a {
        margin-left: -5%;
    }
}
@media screen and (max-width: 480px) {
    #recruit_msg2 {
        top: 0;
        bottom: 10%;
    }
    #recruit_item3 {
        top: 60%;
        left: 15%;
    }
    #recruit_btn {
        top: 51%;
    }
    #recruit_btn a {
        font-size: 13px;
    }
    #recruit_contents {
        top: 81%;
        width: 68vw;
    }
}

@media screen and (max-width: 400px) {
    #recruit_page1 {
        height: 850px;
    }
    #recruit_msg2 {
        top: 2%;
    }
    #recruit_item3 {
        top: 60%;
        min-width: 240px;
    }
    #recruit_btn {
        left: 32%;
    }
    #recruit_contents {
        top: 81%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 350px) {
    #recruit_page1 {
        height: 900px;
    }
    #recruit_img1 {
        top: 19%;
        min-width: 165px;
    }
    #recruit_img2 {
        top: 28%;
    }
    #recruit_msg2 {
        top: 4%;
    }
    #recruit_btn {
        top: 52%;
        left: 20%;
    }
}