.rubble-crew .l-header {
  background: url(../img/rubble-crew/header_bg.png) top center no-repeat;
}

.rubble-crew .l-header:before {
  background: url(../img/rubble-crew/header_bg_l.png) top center;
}
@media screen and (min-width: 1920px) {
  .rubble-crew .l-header:after {
    background: url(../img/rubble-crew/header_bg_r.png) top center;
  }
}

@media screen and (max-width: 1240px) {
  .rubble-crew .l-header {
    height: 117px;
    background: url(../img/rubble-crew/header_bg_sp.png) no-repeat;
    background-size: auto 117px;
    background-position: top left;
  }
}
@media screen and (max-width: 768px) {
  .rubble-crew .l-page-heading {
      height: 176px;
  }
}

.rubble-crew .l-header_nav_list--item a.is_character,
.rubble-crew .l-header_nav_list--item > span.is_character {
  background: #f6ad3c;
}

.rubble-crew .l-header_nav_list--item a.is_contact,
.rubble-crew .l-header_nav_list--item > span.is_contact {
  background: #ed6f1f;
}

.rubble-crew .l-header_nav_list--item a.is_contact .l-header_nav_list--inner,
.rubble-crew .l-header_nav_list--item > span.is_contact .l-header_nav_list--inner {
  background: url(../img/rubble-crew/icon_contact.png) no-repeat;
  background-size: 31px;
  background-position: 20px center;
}

.rubble-crew .l-footer_chara--icon.is_contact {
  background: none;
}

/**
 * For Contact Page
 */
.rubble-crew .p-contact-content {
  background: url(../img/rubble-crew/bg_pattern.png) center bottom;
  background-size: 557px;
}