@charset "utf-8";




#works .morebtn .morebtn_inn{
    flex:1;
}
#works .morebtn .morebtn_inn a .set{
    flex:1;
}






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

 

    #works{
        position: relative;
        margin-top: calc(180px / 2);
    }
     
    #works .inner{
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    
    }
    
    #works .slides{
       height: 550px;
       width: calc( (100% - 1024px) / 2 + 1024px - 280px  );
        position: relative;
        margin-left: auto;
    }
    
    #works .title{
        position: absolute;
        right: 0;
        top:  calc(-180px / 2 + 2px);
        background-image: url(../img/works_title.png);
        background-size: 100% 100%;
        width: calc(1232px / 2);
        height: calc(180px / 2);
        text-indent: -9999px;
       overflow: hidden;
    }
    
    
    #works .texts{
        margin-left: auto;
        margin-right: auto;
       width: 1024px;
       height: 100%;
       display: flex;
       align-items: center;;
    }
    
    #works .lead{
        margin-bottom: 82px;
    }
    
    #works .morebtn{
       margin-bottom: 24px;
    }
    #works .morebtn{
        width: 250px;
    }
    


}



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

 



    #works{
        
    }
    
    #works .inner{
        margin-right: 32px;
        margin-left: 48px;
        position: relative;
    }
   

    #works .lead{
        margin-bottom: 48px;
    } 
    #works .morebtn{
        margin-top: 32px;
    }
    #works .morebtn{
        width: 160px;
    }
    
    #works .lead{
        margin-right: 32px;
    }


    #works .title{
        margin-top: 12px;
        margin-left: auto;
          background-image: url(../img/works_title.png);
          background-size: 100% 100%;
          width: calc(32px / 180 * 1232);
          height: calc(32px );
          text-indent: -9999px;
         overflow: hidden;
      }
  
      #works .slides{
          height: calc(100vw / 1000 * 667);
          width: 100vw;
           position: relative;
           margin-left: auto;
       }
  
      


}