.section-banner {
  margin-bottom: 200px; }
  .section-banner .icon {
    display: block;
    position: relative;
    top: 0;
    left: 0; }
  .section-banner .icon:before {
    content: "";
    width: 170px;
    height: 170px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -85px;
    margin-left: -85px;
    background: url("../../public/img/top/playback.png") no-repeat; }

@media screen and (max-width: 1024px) {
  .fancybox-overlay.fancybox-overlay-fixed
iframe, .fancybox-wrap.fancybox-desktop.fancybox-type-iframe.fancybox-opened iframe {
    width: 89vw;
    height: 50vw; }
  .section-inner {
    width: 100%; }
  .header-bg {
    background: none;
    position: relative;
    z-index: 10;
    padding-top: 3%;
    padding-bottom: 0;
    z-index: 100; }
  .titleBox {
    position: relative;
    z-index: 10;
    padding-top: 0%; }
    .titleBox .title {
      width: 31%; }
  .section-banner {
    margin-bottom: 10%; }
    .section-banner .section-inner {
      width: 70%; }
      .section-banner .section-inner p {
        float: none;
        margin-right: 0; }
      .section-banner .section-inner p:nth-of-type(2) {
        margin-top: 4%; }
    .section-banner .icon:before {
      content: "";
      width: 30%;
      height: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -14%;
      margin-left: -14%;
      background: url("../../public/img/top/playback.png") no-repeat;
      background-size: 100%;
      padding-top: 29%; } }

/*# sourceMappingURL=../maps/movie.css.map */