@charset "UTF-8";

.-cross-talk .sec{
    padding: 87px 0 151px;
    background: #F6F6F6;
}

.cross-talk-box:not(:last-of-type){
    margin-bottom: 71px;
}

.cross-talk-box a{
    display: flex;
}

.cross-talk-box:nth-last-child(odd) a{
    flex-flow: row-reverse;
}

.cross-talk-box .img{
    width: 50%;
    overflow: hidden;
}

.cross-talk-box .img img{
    height: 100%;
    object-fit: cover;
    transition: .5s ease-in-out;
}

.cross-talk-box:hover .img img{
    transform: scale(1.1);
}

.cross-talk-box .txt-box{
    width: 50%;
    padding: 28px 37px;
    background: #EA6876 url(/recruit/img/cmn/img-arrow-more-white-long.svg) bottom 33px right 25px / 63.54px auto no-repeat;
    transition: .3s ease-in-out;
}

.cross-talk-box:hover .txt-box{
    opacity: 0.7;
    background-position: bottom 33px right 15px;
}

.cross-talk-box .ttl{
    color: #fff;
}

.cross-talk-box .ttl .-en{
    display: block;
    font-size: 40px;
    color: #fff;
    line-height: 1.2;
}

.cross-talk-box .ttl .-serif{
    margin-left: 12px;
    font-size: 20px;
}

@media screen and (max-width:949px) {

    .-cross-talk .sec{
        padding: 64px 0 94px;
    }
    
    .cross-talk-box:not(:last-of-type){
        margin-bottom: 54px;
    }
    
    .cross-talk-box a{
        display: block;
    }
    
    .cross-talk-box .img{
        width: 100%;
    }
    
    .cross-talk-box:hover .img img{
        transform: scale(1);
    }
    
    .cross-talk-box .txt-box{
        width: 100%;
        padding: 23px 22px;
        background-size: 37.55px auto;
        background-position: bottom 24px right 22px;
    }
    
    .cross-talk-box:hover .txt-box{
        opacity: 1;
        background-position: bottom 24px right 22px;
    }
    
    .cross-talk-box .ttl .-en{
        font-size: 30px;
    }
    
    .cross-talk-box .ttl .-serif{
        margin-left: 10px;
        font-size: 18px;
    }
}