@media screen and (min-width: 767px) {
#headBreadcrumb {
    margin-top: calc(var(--space24) + var(--headAreaHeight));
}
.page-title {
    padding: calc(80 * var(--scale) * 1px) 0 calc(128 * var(--scale) * 1px);
}
}

@media screen and (max-width: 767px) {
  .page-title {
    background-image: url(/sites/default/files/shared_contents/en/sustainability/assets/images/bg_page_title_sp.png);
    margin-bottom: calc(-40 * var(--scale) * 1px);
    min-height: calc(178 * var(--scale) * 1px);
    padding: calc(95 * var(--scale) * 1px) 0 calc(84 * var(--scale) * 1px);
  }
  }