.page-subdivision-title {
  .container {
    h3 {
      display: flex;
      align-items: center;
      gap: 24px;
      margin: 0 0 10px;
      @media (max-width: 1440px) {
        gap: 22px;
      }
      @media (max-width: 1280px) {
        gap: 20px;
      }
      @media (max-width: 1024px) {
        gap: 18px;
      }
      @media (max-width: 768px) {
        gap: 16px;
      }
      @media (max-width: 576px) {
        gap: 14px;
      }
      span {
        color: var(--c-primary-200);
        font-size: 90px;
        line-height: 110%;
        @media (max-width: 1440px) {
          font-size: 80px;
        }
        @media (max-width: 1280px) {
          font-size: 70px;
        }
        @media (max-width: 1024px) {
          font-size: 70px;
        }
        @media (max-width: 768px) {
          font-size: 60px;
        }
        @media (max-width: 576px) {
          font-size: 50px;
        }
      }
      strong {
        flex: 1;
        color: var(--c-gray-800);
        line-height: 110%;
      }
    }
  }
  &.narrow {
    .container {
      padding: 0 40px;
      @media (max-width: 1024px) {
        padding: 0 30px;
      }
      @media (max-width: 768px) {
        padding: 0;
      }
    }
  }
}
