@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .box {
    border: 2px solid #FF0000;
    margin: 1.5em;
    padding: .5em;
  }
  .content2 {
    border: 1px solid #494CA0;
    margin: 0 20vw;
    padding: 1px 2vw;
  }
  .half {
    width: 49.9%;
  }
  .half-p {
    padding: 1px 2vw
  }
  .left-border {
    border-left: 1px solid #494CA0;
  }
  .mar {
    margin: 1px 4vw;
  }
  .video-intro {
    border: 1px solid #000000;
    height: 180px;
    width: 320px;
  }
  #bg1 {
    background: url("../images/bg04.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 60vw;
  }
  #bg01 {
    background: url("../images/bg01.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 27vw;
  }
  #bg02 {
    background: url("../images/bg02.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 27vw;
  }
  #career {
    margin-top: 30px;
  }
  #intro {
    min-height: 250px;
  }
  #intro-mobile {
    display: none;
  }
  #intro-right {
    float: right;
    margin: 30px 0 10px 2vw;
    width: 320px;
  }
  #registration {
    height: auto;
    max-width: 1080px;
    width: 50%;
  }
  #us {
    padding: 1px 8px 1px 2%;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .content2 {
    margin: 0 10vw;
  }
  .half {
    width: 100%;
  }
  #bg01, #bg02 {
    height: 56vw;
  }
  #dates {
    margin-left: calc(50% - 160px);
    width: 320px;
  }
  #intro {
    display: none;
  }
  #intro-mobile {
    display: block;
  }
  #intro-bottom {
    margin: 0 auto 20px auto;
    width: 320px;
  }
  #registration {
    width: 90%;
  }
}