@media (max-width: 767px) {

        

  

}

@media (max-width: 1023px) {
  
  .si-oheading { font-size: 26px; }
  .si-osubhead { font-size: 28px; }
  .si-merit__title { font-size: 24px; }
  
}

@media (max-width: 767px) {

  
  .si-obanner { flex-direction: column; min-height: 0; align-items: stretch; }
  .si-obanner::before { width: 100%; max-width: none; height: 100%; }
  .si-obanner__photo { position: static; width: 100%; height: 220px; order: 2; }
  .si-obanner__card { width: auto; max-width: none; margin: 24px 16px; padding: 32px 20px; order: 1; }
  .si-obanner__title { font-size: 34px; line-height: 1.4; }
  .si-obanner__eyebrow { font-size: 16px; }
  .si-obanner__desc { font-size: 16px; }

  .si-oheading { font-size: 22px; }
  .si-oreview__row { flex-direction: column; align-items: stretch; }
  .si-oreview__text { font-size: 16px; line-height: 1.9; }
  .si-oreview__photo { width: 100%; max-width: none; height: 220px; }
  .si-merit { padding: var(--space-24); }
  .si-merit__title { font-size: var(--fs-h3-sp); }
  .si-check-grid { grid-template-columns: 1fr; }
  .si-check-card { padding: var(--space-20); }
  .si-check-card__text { font-size: 16px; }

  .si-osubhead { font-size: var(--fs-h2-sp); }
  .si-ocareer__row { flex-direction: column; align-items: stretch; }
  .si-ocareer__photo { width: 100%; max-width: none; height: 220px; }
  .si-ocareer__title { font-size: var(--fs-h3-sp); }
  .si-ocareer__text { font-size: 16px; line-height: 1.9; }
  .si-ocareer__list li { font-size: 16px; }

  .si-elements__grid { grid-template-columns: 1fr; }
  .si-element__figure { width: 130px; }
  .si-element__body { padding-block: var(--space-20); }

  

}

                     

        

  

  

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

  

  

  

  

            
  
}