/* タブレット向けレイアウト */
@media screen and (max-width: 1024px) {
    .img-area-right {
        left: 40%;
    }
    
    .img-area-left {
        left: 5%;
    }
    
    .text-area {
        width: 45%;
    }
    
    .text-area-left {
        left: 8%;
    }
    
    .text-area-right {
        right: 8%;
    }


    .recruit-info-content {
        background-image: url(../img/recruit03_ipad.png);
    }
}

@media screen and (max-width: 810px) {
    .recruit-wrapper {
        font-size: 11px;
        letter-spacing: 0.1em;
    }

    .recruit-intro-content {
        height: 800px;
    }

    .img-area img {
        width: 80%;
        height: auto;
    }

    .img-area-right {
        left: 12%;
    }

    .img-area-left {
        left: 0;
        right: 12%;
    }

    .text-area-left {
        left: 0;
    }

    .text-area-right {
        right: 0;
    }

    .text-area {
        top: 450px;
        padding: 24px;
    }

    .text-area-title {
        font-size: 22px;
        margin-bottom: 4px;
    }

    .text-area-subtitle {
        margin-bottom: 18px;
    }
    .recruit-info-content {
        background-image: url(../img/recruit03_iphone.png);
        margin-bottom: 0px;
    }

    .recruit-info {
        margin-bottom: 0px;
        width: 90%;
        padding: 32px 0;
    }
}


/* モバイル向けレイアウト */
@media screen and (max-width: 560px) {
    .img-area img {
        width: 100%;
        height: auto;
    }

    .recruit-intro-content {
        height: 700px;
    }

    .text-area {
        top: 350px;
    }
}