@charset "UTF-8";
    
    
    
    
    
    
    
    
    

/* ---------------------------------------------------------
バックグラウンドイメージ
----------------------------------------------------------*/

/*
.top-hero-title-box {
    background: url(https://www.biprogy.com/images/hero_2026_750x640_jp.jpg); 
    background-position: center;
    background-size: cover;
}
*/
.top-story-block {
    background: #000;
}
.top-story-block-inner {
    position: relative;
    overflow: hidden;
    background-size: cover;
    @media screen and (min-width: 768px) {
        background: none;
        background-color: #000;
    }
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://www.biprogy.com/images/750x834_brand-story.jpg);
        background-position: center 70%;
        width: 100%;
        height: 100%;
        @media screen and (min-width: 768px) {
            transition: all .3s ease-out;
            background: url(https://www.biprogy.com/images/1920x361_brand-story.jpg);
            background-position: center bottom;
        }
    }
    &:hover {
        &::after {
            transform: scale(1.1);
        }
    }
    .top-story-title,
    .top-story-txt__head,
    .top-story-btn {
        position: relative;
        z-index: 10;
    }
}



@media print, screen and (min-width: 768px){

/*
    .top-hero-title-box {
        background: url(https://www.biprogy.com/images/hero_2026_1920x675_jp.jpg); 
        background-position: center;
        background-size: cover;
        height: 35vw;
        height: 620px;
    }
*/

    /* .top-story-block-inner::after {
        background: url(https://www.biprogy.com/images/1920x361_brand-story.jpg);
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
        background-position: center;
    } */

        
    
    
    
    
    
    .top-recruit-bg::before {
        background: url(/images/top/pc/img-bg-top-left.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
      }
}