.is_sp {
  display: none;
}
.is_pc {
  display: block;
}
@media (max-width: 768px) {
  .is_sp {
    display: block;
  }
  .is_pc {
    display: none;
  }
}

#opencampus-event{
  background: #E4688C;
}
#opencampus-event__container{
  /* width: 1400px; */
  margin: 0 auto;
  position: relative;
}
.opencampus-event-mv {
  width: 100%;
}
#opencampus-event a{
  width: 46.7%;
  height: 1.5%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  border-radius: 10px;
}
#opencampus-event a:hover {
  background-color: rgba(228, 104, 140, 0.3);
}
#opencampus-event a#opencampus20250213-top{
  top: 12.25%;
}
#opencampus-event a#opencampus20250213-bottom{
  top: 86.28%;
}
#opencampus-event a#opencampus20250213-bnr01,
#opencampus-event a#opencampus20250213-bnr02,
#opencampus-event a#opencampus20250213-bnr03{
  top: 93.48%;
  border-radius: 0;
  width: 26.8%;
  height: 4.08%;
}
#opencampus-event a#opencampus20250213-bnr01:hover ,
#opencampus-event a#opencampus20250213-bnr02:hover ,
#opencampus-event a#opencampus20250213-bnr03:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#opencampus-event a#opencampus20250213-bnr01{
  transform: translateX(-160%);
}
#opencampus-event a#opencampus20250213-bnr03{
  transform: translateX(60%);
}

@media (max-width: 768px) {
  #opencampus-event{
    margin-bottom: 30px;
  }
  #opencampus-event__container{
    max-width: 100%;
  }
  #opencampus-event a {
    width: 88%;
    height: 0.86%;
  }
  #opencampus-event a#opencampus20250213-top{
    top: 5.58%;
  }
  #opencampus-event a#opencampus20250213-bottom{
    top: 83.25%;
  }
  #opencampus-event a#opencampus20250213-bnr01,
  #opencampus-event a#opencampus20250213-bnr02,
  #opencampus-event a#opencampus20250213-bnr03{
    width: 88%;
    height: 3.15%;
    transform: translateX(-50%);
  }
  #opencampus-event a#opencampus20250213-bnr01{
    top: 87.68%;
  }
  #opencampus-event a#opencampus20250213-bnr02{
    top: 91.78%;
  }
  #opencampus-event a#opencampus20250213-bnr03{
    top: 95.87%;
  }
}