.breadcrumb__area--general {
  min-height: 430px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb__area--general::after {
  z-index: 0;
 
}

.breadcrumb__area--general > .container {
  position: relative;
  z-index: 6;
}

.breadcrumb__area--general .breadcrumb__content-2 {
  width: min(760px, 62%);
  padding-top: 163px;
  padding-bottom: 136px;
}

.breadcrumb__trail,
.breadcrumb__trail a {
  color: #ffffff;
  font-size: 18px;
}

.breadcrumb__trail .dvdr {
  margin: 0 6px;
}

.breadcrumb__area--general .breadcrumb__title-2 {
  margin: 0;
  color: var(--tp-common-white);
  font-size: clamp(48px, 5vw, 80px);
  line-height: 0.98;
  letter-spacing: -0.035em;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.34);
}

.breadcrumb__area--general .breadcrumb__mascot {
  position: absolute;
  z-index: 5;
  right: clamp(10px, 3vw, 60px);
  bottom: -310px;
  width: auto;
  height: clamp(620px, 42vw, 760px);
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
  user-select: none;
  filter: drop-shadow(-14px 10px 22px rgba(0, 0, 0, 0.34));
}

.breadcrumb__area--general .breadcrumb__list-bottom {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.breadcrumb__area--general .breadcrumb__list-2 span a:hover {
  color: var(--tp-theme-2);
}

@media (max-width: 991px) {
  .breadcrumb__area--general {
    min-height: 380px;
  }

  .breadcrumb__area--general .breadcrumb__content-2 {
    width: 62%;
    padding-top: 105px;
    padding-bottom: 120px;
  }

  .breadcrumb__area--general .breadcrumb__mascot {
    right: -25px;
    bottom: -150px;
    width: auto;
    height: clamp(520px, 68vw, 620px);
  }
}

@media (max-width: 575px) {
  .breadcrumb__area--general {
    min-height: 310px;
    border-top-width: 5px;
    border-bottom-width: 5px;
  }

  .breadcrumb__area--general::after {
    background: linear-gradient(
      90deg,
      rgba(1, 9, 23, 0.9) 0%,
      rgba(1, 9, 23, 0.72) 62%,
      rgba(1, 9, 23, 0.28) 100%
    );
  }

  .breadcrumb__area--general .breadcrumb__content-2 {
    width: 64%;
    padding-top: 82px;
    padding-bottom: 100px;
  }

  .breadcrumb__area--general .breadcrumb__title-2 {
    font-size: clamp(30px, 10vw, 44px);
    line-height: 1.04;
  }

  .breadcrumb__area--general .breadcrumb__mascot {
    right: -35px;
    bottom: -86px;
    width: auto;
    height: 390px;
    max-height: none;
    filter: drop-shadow(-8px 6px 14px rgba(0, 0, 0, 0.3));
  }

  .breadcrumb__area--general .breadcrumb__list-2 {
    text-align: left !important;
  }
}