body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header .c-header-logo-svg {
  position: relative;
  display: block;
}

body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header .c-header-logo-svg__image--white {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0 !important;
}

body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header .c-header-logo-svg__image--blue {
  opacity: 1 !important;
}

@media (min-width: 1024px) {
  #site-shell-header .c-header-logo-svg {
    position: relative;
    display: block;
    max-height: inherit;
  }

  #site-shell-header .c-header-logo-svg__image {
    display: block;
    width: auto;
    height: var(--tcd-logo-image-size-pc, 40px);
    object-fit: contain;
    transition: opacity 0.24s ease;
  }

  #site-shell-header .c-header-logo-svg__image--white {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
  }

  #site-shell-header .c-header-logo-svg__image--blue {
    opacity: 0;
  }

  #site-shell-header {
    --shell-header-height: 118px;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transform: translateY(0);
    transition:
      transform 0.36s cubic-bezier(0.16, 1, 0.3, 1),
      background-color 0.24s ease,
      border-color 0.24s ease,
      box-shadow 0.24s ease;
  }

  #site-shell-header .shell-header-inner {
    height: var(--shell-header-height) !important;
    transition: height 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  }

  #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) nav a,
  #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) [data-shell-drawer-open] {
    color: #fff !important;
  }

  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(12px) !important;
  }

  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) nav a,
  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) [data-shell-drawer-open] {
    color: #1d1d1f !important;
  }

  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) nav a:hover,
  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) nav a.text-\[\#0066cc\] {
    color: #0066cc !important;
  }

  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) .c-header-logo-svg__image--white {
    opacity: 0;
  }

  body:is(.post-type-archive-news, .tax-news_category, .single-news) #site-shell-header:not(:hover):not(.is-menu-open):not(.is-compact) .c-header-logo-svg__image--blue {
    opacity: 1;
  }

  #site-shell-header:hover nav a,
  #site-shell-header.is-menu-open nav a,
  #site-shell-header.is-compact nav a,
  #site-shell-header:hover [data-shell-drawer-open],
  #site-shell-header.is-menu-open [data-shell-drawer-open],
  #site-shell-header.is-compact [data-shell-drawer-open] {
    color: #1d1d1f !important;
  }

  #site-shell-header:hover nav a:hover,
  #site-shell-header.is-menu-open nav a:hover,
  #site-shell-header.is-compact nav a:hover,
  #site-shell-header:hover nav a.text-\[\#0066cc\],
  #site-shell-header.is-menu-open nav a.text-\[\#0066cc\],
  #site-shell-header.is-compact nav a.text-\[\#0066cc\] {
    color: #0066cc !important;
  }

  #site-shell-header:hover,
  #site-shell-header.is-menu-open,
  #site-shell-header.is-compact {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 1px 18px rgba(0, 0, 0, 0.06) !important;
    backdrop-filter: blur(12px) !important;
  }

  #site-shell-header:hover .c-header-logo-svg__image--white,
  #site-shell-header.is-menu-open .c-header-logo-svg__image--white,
  #site-shell-header.is-compact .c-header-logo-svg__image--white {
    opacity: 0;
  }

  #site-shell-header:hover .c-header-logo-svg__image--blue,
  #site-shell-header.is-menu-open .c-header-logo-svg__image--blue,
  #site-shell-header.is-compact .c-header-logo-svg__image--blue {
    opacity: 1;
  }

  #site-shell-header.is-hidden {
    transform: translateY(-100%);
  }

  #site-shell-header.is-compact {
    --shell-header-height: 78px;
    transform: translateY(0);
  }

  .shell-menu-panel {
    top: var(--shell-header-height, 118px) !important;
  }

  [data-shell-menu-overlay] {
    opacity: 0;
    transition: opacity 0.32s ease;
  }

  [data-shell-menu-overlay].hidden {
    display: none;
  }

  [data-shell-menu-overlay].is-open {
    opacity: 1;
  }

  .shell-menu-panel {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-14px);
    transform-origin: top center;
    transition:
      opacity 0.34s cubic-bezier(0.16, 1, 0.3, 1),
      transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
      visibility 0s linear 0.34s;
    will-change: opacity, transform;
  }

  .shell-menu-panel.hidden {
    display: none;
  }

  .shell-menu-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .shell-menu-panel > div {
    opacity: 0;
    transform: translateY(-6px);
    transition:
      opacity 0.34s ease 0.06s,
      transform 0.44s cubic-bezier(0.16, 1, 0.3, 1) 0.06s;
  }

  .shell-menu-panel.is-open > div {
    opacity: 1;
    transform: translateY(0);
  }

  .shell-menu-panel li {
    opacity: 0;
    transform: translateY(8px);
    transition:
      opacity 0.28s ease,
      transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .shell-menu-panel.is-open li {
    opacity: 1;
    transform: translateY(0);
  }

  .shell-menu-panel.is-open li:nth-child(1) { transition-delay: 0.08s; }
  .shell-menu-panel.is-open li:nth-child(2) { transition-delay: 0.1s; }
  .shell-menu-panel.is-open li:nth-child(3) { transition-delay: 0.12s; }
  .shell-menu-panel.is-open li:nth-child(4) { transition-delay: 0.14s; }
  .shell-menu-panel.is-open li:nth-child(n+5) { transition-delay: 0.16s; }

  #site-shell-header.is-compact ~ [data-shell-menu-panel],
  #site-shell-header.is-compact ~ [data-shell-menu-overlay] ~ [data-shell-menu-panel] {
    top: 78px !important;
  }

  @media (prefers-reduced-motion: reduce) {
    [data-shell-menu-overlay],
    .shell-menu-panel,
    .shell-menu-panel > div,
    .shell-menu-panel li {
      transition: none;
      transform: none;
    }
  }
}

.c-breadcrumb {
  border-bottom: 1px solid rgba(221, 221, 221, 0.87);
  min-height: 70px;
  display: flex;
  align-items: center;
  background: #fff;
}

.tw-company-hero__overlay {
  background:
    linear-gradient(rgba(8, 14, 22, 0.12) 0%, rgba(8, 14, 22, 0.44) 32%, rgba(8, 14, 22, 0.68) 62%, rgba(8, 14, 22, 0.94) 100%),
    linear-gradient(90deg, rgba(8, 14, 22, 0.54) 0%, rgba(8, 14, 22, 0.16) 58%) !important;
}

.stn-hero > .pointer-events-none[style*="linear-gradient"] {
  background: linear-gradient(to top, rgba(8, 14, 22, 0.92) 0%, rgba(8, 14, 22, 0.6) 42%, rgba(8, 14, 22, 0.28) 72%, rgba(8, 14, 22, 0.08) 100%) !important;
}

.soda-recruit-wrap .hero-overlay {
  background: rgba(0, 42, 92, 0.62) !important;
}

.c-breadcrumb__list {
  width: min(calc(100% - 40px), 1280px);
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  column-gap: 12px;
  overflow-x: auto;
  list-style: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  color: #1d1d1f;
}

.tw-company-page,
.tw-strength-page,
.tw-products-page,
.tw-technology-page,
.soda-recruit-wrap {
  position: relative;
}

.tw-company-page > .c-breadcrumb,
.tw-strength-page > .c-breadcrumb,
.tw-products-page > .c-breadcrumb,
.tw-technology-page > .c-breadcrumb,
.soda-recruit-wrap > .c-breadcrumb {
  position: absolute;
  inset-inline: 0;
  top: 118px;
  z-index: 20;
  min-height: 70px;
  color: #fff;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.24);
  border-bottom-color: rgba(255, 255, 255, 0.24);
}

.tw-company-page > .c-breadcrumb .c-breadcrumb__list,
.tw-strength-page > .c-breadcrumb .c-breadcrumb__list,
.tw-products-page > .c-breadcrumb .c-breadcrumb__list,
.tw-technology-page > .c-breadcrumb .c-breadcrumb__list,
.soda-recruit-wrap > .c-breadcrumb .c-breadcrumb__list {
  width: min(90%, 1280px);
  color: inherit;
}

.tw-company-page > .c-breadcrumb .c-breadcrumb__item:last-of-type,
.tw-strength-page > .c-breadcrumb .c-breadcrumb__item:last-of-type,
.tw-products-page > .c-breadcrumb .c-breadcrumb__item:last-of-type,
.tw-technology-page > .c-breadcrumb .c-breadcrumb__item:last-of-type,
.soda-recruit-wrap > .c-breadcrumb .c-breadcrumb__item:last-of-type {
  color: rgba(255, 255, 255, 0.68);
}

.tw-company-page > .c-breadcrumb .c-breadcrumb__item-arrow,
.tw-strength-page > .c-breadcrumb .c-breadcrumb__item-arrow,
.tw-products-page > .c-breadcrumb .c-breadcrumb__item-arrow,
.tw-technology-page > .c-breadcrumb .c-breadcrumb__item-arrow,
.soda-recruit-wrap > .c-breadcrumb .c-breadcrumb__item-arrow {
  color: rgba(255, 255, 255, 0.72);
}

.c-breadcrumb__item {
  display: flex;
  align-items: center;
  column-gap: 10px;
  margin: 0;
  padding: 0;
}

.c-breadcrumb__item:last-of-type {
  color: #999;
}

.c-breadcrumb__item-link {
  color: inherit;
  text-decoration: none;
}

.c-breadcrumb__item-home,
.c-breadcrumb__item-arrow {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  font-size: 1.5em;
}

.c-breadcrumb__item-home {
  margin: -0.1em -0.2em -0.2em;
}

.c-breadcrumb__item-arrow {
  color: currentColor;
  margin: -0.2em;
}

@media (any-hover: hover) {
  .c-breadcrumb__item-link:hover {
    color: #0066cc;
  }
}

@media (max-width: 1023px) {
  .c-breadcrumb {
    min-height: 52px;
  }

  .tw-company-page > .c-breadcrumb,
  .tw-strength-page > .c-breadcrumb,
  .tw-products-page > .c-breadcrumb,
  .tw-technology-page > .c-breadcrumb,
  .soda-recruit-wrap > .c-breadcrumb {
    top: 72px;
    min-height: 52px;
  }

  .c-breadcrumb__list {
    width: calc(100% - 24px);
    font-size: 12px;
  }

  .tw-company-page > .c-breadcrumb .c-breadcrumb__list,
  .tw-strength-page > .c-breadcrumb .c-breadcrumb__list,
  .tw-products-page > .c-breadcrumb .c-breadcrumb__list,
  .tw-technology-page > .c-breadcrumb .c-breadcrumb__list,
  .soda-recruit-wrap > .c-breadcrumb .c-breadcrumb__list {
    width: calc(100% - 24px);
  }
}