/*=====================================================
  reset
=====================================================*/
.tdHeadTitleLv3 {
  margin-bottom: 0;
}

.pbMainArea {
  padding-top: 0;
}

/*=====================================================
  breadcrumb-td
=====================================================*/
.breadcrumb-td {
  margin: 0 auto;
  position: relative;
  color: var(--white);
  background-color: var(--brandPrimaryDarken);
}
.breadcrumb-td a {
  color: var(--borderOnColorAccent);
  background-image: var(--chevronRightBoldWhite);
}

/*=====================================================
  dxPhilosophy
=====================================================*/
.dxPhilosophy {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 80px 20px;
  color: var(--white);
  background-color: var(--brandPrimaryDarken);
  background-image: url(/library/td2026/images/company/idea/philosophy_bg_sp.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
@media print, screen and (min-width: 769px) {
  .dxPhilosophy {
    width: 1440px;
    padding-bottom: 160px;
    position: relative;
    left: -190px;
    background-image: url(/library/td2026/images/company/idea/philosophy_bg.png);
  }
}
@media print, screen and (min-width: 1280px) {
  .dxPhilosophy {
    width: 100vw;
    left: initial;
  }
}
.dxPhilosophy .dxPhilosophy__inner {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .dxPhilosophy .dxPhilosophy__inner {
    width: 1140px;
    margin: 0 auto;
  }
}

/*=====================================================
  dxMovieCaption
=====================================================*/
.dxMovieCaption {
  margin-top: 16px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .dxMovieCaption {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.75;
  }
}