.wrapInner {
 background: #fff !important;
}

.lead,
.taiken,
.present-box.present1,
.present-box,
#oc-program .prog-card .event-card,
.circle-blk,
.slick-lead {
 background-color:#e7f6fe;
}

#oc-program .prog-card .event-card h3,
.circle-blk h3,
.tokubetu-wrap h3,
h3.taiken-ttl {
/* background: linear-gradient(126deg, rgb(253, 186, 42) 0%, rgb(254, 239, 124) 48%); */
 color: #333;
 background:  #fff52d;
 border-radius: 3px solid #fff52d;
}
.inner-nav a {
 background: #4bb6e1;
}
@media screen and (min-width: 960px) {
 .kv-box {
  background-image: url(/img/page/examinee/opencampus2026/oc/summer/kv_bg_pc.png);
  background-repeat: no-repeat;
  background-size: 1826px auto;
  background-position: center bottom;
 }
 .ocContent h1 img {
  height: 60px;
  width: 100%;
 }
 .side-deco::before ,.side-deco::after {
  background-image: url(/img/page/examinee/opencampus2026/oc/summer/bg_side.svg) !important;
 }
 .inner-nav {
  background: #fff52d;
 }
}
.h1-box .jizen {
 background: linear-gradient(136deg, rgb(125, 223, 245) 0%, #ffa4ff 100%);
}
.period .peri-ttl {
 background: rgb(125, 223, 245);
 border: 3px solid #fff;
}
@media screen and (min-width: 960px) {
  .kv-pcimg {
    width: 100%;
    display: inline-block;
  }
  .kv-pcimg img {
   margin-bottom: -1rem;
 }
}

/* @media screen and (min-width: 768px) {
  .ocContent .present-heading .title img[src*="/summer/tex_present.svg"] {
    width: 187px;
  }
} */
@media screen and (min-width: 1330px) {
   .kv-pcimg {
    width: 100%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 959px) {
  .inner-nav {
    padding: 15px 0 90px;
  }
  .inner-nav ul:after {
    background-image: url(/img/page/examinee/opencampus2026/oc/summer/bg_nav.png);
    border-bottom: 20px solid #e7f6fe;
  }
}
@media screen and (max-width: 959.9px) {
  .kv-box {
    background: url(/img/page/examinee/opencampus2026/oc/summer/kv_bg_sp.png);
    background-size: 100% auto;
    background-position: center top;
  }
  .period .peri-ttl {
    width: calc(6em + 2em);
  }
  /* .kv-pcimg {
    display: block;
    width: 70%;
    text-align: center;
  } */
}


.present-comment .comment {
  font-weight: 400;
}
.present-comment .comment span {
  display: inline-block;
}

.title img {
  width: 133px !important;
  height: auto;
}
@media screen and (max-width: 960px) {
  .title img {
    width: 96px !important;
    margin-bottom: 1em;
  }
}