.message-wrapper {
  width: 100%;
  height: 1033px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .message-wrapper {
    position: relative;
    padding: 120% 0 130%;
    height: auto;
    background: url(../images/bg_sp.png) no-repeat left top;
    background-size: cover;
  }
}

@media print, screen and (min-width: 751px) {
  .message-content {
    position: relative;
    margin: 0 auto;
    padding-top: 250px;
    max-width: 1200px;
  }
  .message-content::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    margin-left: -1000px;
    width: 2000px;
    height: 1033px;
    background: url(../images/bg_pc.png) no-repeat left top;
    z-index: 5;
  }
}

.message {
  display: none;
  position: relative;
  text-align: center;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .message {
    position: absolute;
    width: 96.09375%;
    top: 5%;
    left: 2%;
  }
}

.message.active {
  display: block;
}
/*# sourceMappingURL=../../../_development/maps/brandmessage/css/style.css.map */