/*** screencast ***/
.announce__screencast {
  position: relative;
  width: 1264px;
  max-width: calc(100% - 44px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.announce__screencast .announce__screencast-page {
  z-index: -1;
  position: absolute;
  top: 75px;
  left: 2.54%;
  width: 1200px;
  max-width: 94.94% !important;
  padding-top: 800px;
}

@media(max-width: 1308px) {
  .announce__screencast .announce__screencast-page {
    top: calc((100vw - 44px) * 0.059);
    padding-top: 63.3%;
  }
}

/*.announce__screencast-page {
  background: url(gpnu-mainpage.png) 50% 0 / 100% auto no-repeat;

  -webkit-animation-name: mainpage;
  -webkit-animation-duration: 10s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: paused;

  animation-name: mainpage;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-play-state: paused;
}

.announce__screencast-page_running {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes mainpage {
  0% { background-position: 50% 0 }
  10% { background-position: 50% 0 }
  80% { background-position: 50% 100% }
  85% { background-position: 50% 100% }
  100% { background-position: 50% 0 }
}

@keyframes mainpage {
  0% { background-position: 50% 0 }
  10% { background-position: 50% 0 }
  80% { background-position: 50% 100% }
  85% { background-position: 50% 100% }
  100% { background-position: 50% 0 }
}*/
/*** screencast end***/

/*** announce_blue ***/
.announce_blue {
  background: #1a9ed9;
  color: #fff;
  padding: 1px 0;
}

.announce_blue__content {
  margin: 2em auto;
}

@media(min-width: 801px) {
  .announce_blue__content {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    max-width: 1286px;
  }

  .announce_blue__page {
    width: 66%;
  }

  .announce_blue__text {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 34%;
  }

  .announce_blue__text::after {
    content: '';
    display: block;
  }
}
/*** announce_blue end ***/

/*** announce_gray ***/
.announce_gray {
  overflow: hidden;
  background: #e8ecf5;
}

.announce_gray__content {
  margin: 2em auto;
}

.announce_gray__left {
  margin-bottom: 2em;
}

@media(min-width: 801px) {
  .announce_gray__content {
    display: flex;
    max-width: 1200px;
  }

  .announce_gray__content .announce__picture-note {
    padding: 0;
    margin: 0 22px 0 auto;
    width: 50%;
  }

  .announce_gray__left {
    width: 29%;
  }

  .announce_gray__right-container {
    width: 71%;
  }

  .announce_gray__right {
    width: 125%;
    max-width: 1080px;
  }

}

/*** announce_gray end ***/