.movieArea {
  width: 640px;
  margin: 40px auto 0 auto;

  position: relative;
  z-index: 10; }
  .movieArea .icon {
    display: block;

    position: relative;
    top: 0;
    left: 0; }
  .movieArea .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; }
  .movieArea .movieText {

    text-align: center; }

.section-banner {
  margin-bottom: 300px; }
  .section-banner .new {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block; }
  .section-banner .new:before {
    content: "";
    position: absolute;
    bottom: 60px;
    left: 20px;
    width: 62px;
    height: 23px;
    background: url("../../public/img/common/icon-new.png") no-repeat; }















@media screen and (max-width: 1024px) {
  .titleBox {
    position: relative;
    z-index: 10;
    padding-top: 0%; }
    .titleBox .title {
      width: 31%; }
  .movieArea {
    width: 80%;
    margin: 4vw auto 0 auto;
    position: relative;
    z-index: 10; }
    .movieArea .icon {
      display: block;
      position: relative;
      top: 0;
      left: 0; }
    .movieArea .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%; }
    .movieArea .movieText {
      width: 60%;
      margin: 1vw auto 0 auto; }
    .movieArea img {
      width: 100%; }
  .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 a {
          width: 100%; }
      .section-banner .section-inner p:nth-of-type(2) {
        margin-top: 4%; }
    .section-banner .new:before {
      content: "";
      position: absolute;
      bottom: 20%;
      left: 5%;
      width: 15%;
      height: 0;
      background: url("../../public/img/common/icon-new.png") no-repeat;
      background-size: 100%;
      padding-top: 5.3%; } }

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