@media (max-width: 767px) {

  

  

  
  
}

.school-info { background: var(--bg-school-info); }              

.si-info-card:focus-visible { outline: 3px solid var(--c-blue-500); outline-offset: 2px; }

.si2-banner__stripes {
  display: block; width: 100%; height: 100%;
  background: url("../images/si2-banner-stripes.webp") top center / cover no-repeat;
}

                     

        

  

  

.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; }

  

}