.module-page-title {
    position: relative;
    --slant-height: calc(650 * var(--base-unit));
    padding-top: calc(var(--header-height) + var(--slant-height));
  }
  
  .module-page-title[data-slant-type="color"] {
    --slant-height: calc(135 * var(--base-unit));
  }
  
  .module-page-title .headline {
    color: var(--base-color-blue);
  }
  
  .module-page-title .intro-copy {
    margin-top: max(32px, calc(50 * var(--base-unit)));
  }
  
  .module-page-title .intro-copy .cpy-20 {
    font-family: var(--base-font-1-bold);
  }
  
  .module-page-title .content-wrap {
    max-width: var(--grid-7);
  }
  
  .module-page-title .slant {
    position: absolute;
    top: var(--header-height);
    left: 0;
    width: 100%;
    height: var(--slant-height);
    background-repeat: no-repeat;
    background-position: center top var(--header-height);
    background-attachment: fixed;
    background-size: 100% auto;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - var(--slant-angle)));
  }
  
  html.touchevents .module-page-title .slant {
    background-attachment: scroll;
    background-position: center top;
    background-size: cover;
  }
  
  
  
  
  
  @media (max-width: 1200px) {
    
    .module-page-title .content-wrap {
      max-width: 630px;
    }
    
  }






  @media (max-width: 500px) {
    
    .module-page-title[data-slant-type="color"] {
      --slant-height: calc(195 * var(--base-unit));
    }
    
  }