/* --------------------------- arrow links --------------------------- */
/* --------------------------- opencampus --------------------------- */
/* -------------- entry -------------- */
div.youtube {
  width: 100%;
  aspect-ratio: 16/9;
  margin-top: 60px;
}

div.youtube iframe {
  width: 100%;
  height: 100%;
}

/* -------------------------------------------------------------------------------- */
/* opencampus responsive */
/* -------------------------------------------------------------------------------- */
/* -------------------- sp1 -------------------- */
@media screen and (max-width: 1200px) {
  div.youtube {
    margin-top: 55px;
  }
}
/* -------------------- sp2 -------------------- */
@media screen and (max-width: 700px) {
  div.youtube {
    margin-top: 45px;
  }
}

/*# sourceMappingURL=opencampus.css.map */