@charset "UTF-8";
.site-body__bg::before {
  width: 330px;
  right: -770px;
  transform: skew(35deg);
}
@media not all and (min-width: 769px) {
  .site-body__bg::before {
    right: -900px;
  }
}
.site-body__bg::after {
  width: 1000px;
  right: -420px;
  transform: skew(-35deg);
}
@media not all and (min-width: 769px) {
  .site-body__bg::after {
    right: -370px;
  }
}
.archive_img {
  max-width: 800px;
}

.yt-player {
  height: 505px;
}
@media not all and (min-width: 769px) {
  .yt-player {
    height: calc(177 / 375 * 100vw);
  }
}