@media (max-width: 767px) {

        

  

}

                     

        

  

  

.si2-recruit { position: relative; overflow: hidden; }
.si2-recruit::before {                          
  content: "";
  position: absolute; top: 0; right: 0;
  width: 42%; height: 100%;
  background: var(--c-brand-900);               
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
  z-index: 0;
  pointer-events: none;
}

  

@media (max-width: 767px) {

     

  

  

  

                    

                  
  .si2-recruit::before { display: none; }

  

  

            
  
}