.PageDetail {
  padding-top: 0;
}

.PageDetail .SubpageHeader-title {
  color: #fff;
  margin: 0;
  font-weight: 600;
  max-width: 750px;
  font-size: 3.1rem;
  line-height: 1.3;
}

.PageDetail-content {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: start;
  padding: 7rem 0 4rem;
}

@media (max-width: 48rem) {
  .PageDetail-content {
    min-height: 34rem;
  }
}

.PageDetail .SubpageHeader {
  background: transparent;
}

.PageDetail-img {
  color: var(--colorBrand);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip: rect(0, auto, auto, 0);
  overflow: hidden;
  background: #000;
}

.PageDetail-img img, .PageDetail-img:after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.PageDetail-img img {
  object-fit: cover;
  opacity: .65;
}

.PageDetail-img svg:last-of-type {
  position: fixed;
}

.PageDetail-img:after {
  content: ' ';
  background: linear-gradient(9deg, transparent 50%, #00000096 100%);
}

.PageDetail .SubpageHeader {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  min-height: 100%;
  padding-left: 8%;
}

@media (max-width: 48rem) {
  .PageDetail .SubpageHeader {
    padding-left: 0;
  }
}

.PageDetail .SubpageHeader .Breadcrumbs-item a {
  color: #fff;
}

.PageDetail .SubpageHeader .Breadcrumbs-item:not(:first-child):before {
  filter: invert(98%) sepia(6%) saturate(142%) hue-rotate(235deg) brightness(115%) contrast(100%);
}

/*# sourceMappingURL=service-detail.min.css.map */