:root {
  --s-textcolor: #000;
  --s-sitecolor: #F1D300;
  --s-linkcolor: #000;
  --s-linkcolor-hov: #D7BC03;
  --s-btn-border: #000;
  --s-btn-circle: #F1D300;
  --s-btn-bg: #fff;
  --s-btn-txt: #000;
  --s-btnarrow-txt: #000;
  --s-btn-border-hov: #000;
  --s-btn-bg-hov: #000;
  --s-btn-txt-hov: #fff;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.button {
  cursor: pointer;
  color: var(--s-btn-txt);
  padding: 11px 27px 10px;
  -webkit-appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  position: relative;
  isolation: isolate;
}
.button:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 19px;
  border: 1px solid var(--s-btn-border);
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: -1;
}
.button:after {
  content: '';
  right: -4px;
  top: -8px;
  z-index: -2;
  position: absolute;
  width: 27px;
  height: 27px;
  border-radius: 100%;
  background-color: var(--s-btn-circle);
  transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
@media (hover: hover) and (pointer: fine) {
  .button:active:after,
  .button:hover:after,
  .button:focus:after {
    right: -8px;
    top: -12px;
    position: absolute;
    width: 35px;
    height: 35px;
  }
}
body.cb-onepage .wrapper {
  overflow: unset;
}
.container--introStart {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
  isolation: isolate;
  padding-bottom: calc(var(--spaceTotal) * 2);
  box-sizing: border-box;
}
.container--introStart .content {
  width: 32.44873341%;
}
.container--introStart .images {
  width: 66.34499397%;
  z-index: -1;
}
@media (max-width: 1680px) {
  .container--introStart .images {
    width: 54.28226779%;
  }
}
.section--intro .columns {
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 10.12731481%;
  padding-right: 2.02546296%;
  box-sizing: border-box;
}
.section--intro .columns .columns__column--left {
  width: 34.914361%;
}
#view.cb-onepage .section--intro .columns .columns__column--left {
  position: sticky;
  top: 177px;
  align-self: flex-start;
}
.section--intro .columns .columns__column--right {
  width: 54.01844532%;
}
.footarea {
  width: 101.45137881%;
  margin-left: -0.71530758%;
}
.footpart {
  margin-left: 0.71530758%;
  margin-right: 0.71530758%;
}
.footpart.footpart--slim {
  width: 16.45207439%;
}
.footpart.footpart--middle {
  width: 27.03862661%;
}
.wrapper {
  font-size: 20px;
  line-height: 1.4;
}
.area--one {
  width: 104.62962963%;
  margin-left: -2.31481481%;
  justify-content: center;
}
.area--one .unit {
  width: 95.57522124%;
  margin-left: 2.21238938%;
  margin-right: 2.21238938%;
}
.area--one .unitOne--1-1 {
  padding-left: 9.67920354%;
  padding-right: 9.67920354%;
}
.area--one .unitOne--1-1 .unit__body {
  width: 105.48696845%;
  margin-left: -2.60078023%;
}
.area--one .unitOne--1-1 .part {
  width: 94.79843953%;
  margin-left: 2.60078023%;
  margin-right: 2.60078023%;
}
.area--one .unitOne--1-1 .part.part--slim {
  width: 14.75942783%;
}
.area--one .unitOne--1-2 {
  width: 45.57522124%;
  padding-left: 9.67920354%;
  padding-right: 9.67920354%;
  box-sizing: border-box;
}
.area--one .unitOne--1-3,
.area--one .unitTwo {
  width: 22.12389381%;
}
@media (hover: hover) and (pointer: fine) {
  .area--one .unitTwo.unit--isAnchor:hover .part.link .open,
  .area--one .unitTwo.unit--isAnchor:focus .part.link .open {
    padding-left: 30px;
  }
  .area--one .unitTwo.unit--isAnchor:hover .part.link .open:after,
  .area--one .unitTwo.unit--isAnchor:focus .part.link .open:after {
    opacity: 1;
  }
}
.area--one .unitThree {
  padding-left: 9.62389381%;
  padding-right: 56.63716814%;
  box-sizing: border-box;
  min-height: var(--js-elementHeight);
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(1) {
  margin: 0;
  right: 2.02546296%;
  width: 31.25%;
  aspect-ratio: 0.8;
  position: absolute;
  z-index: 2;
  top: 0;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--one .unitThree.unitThree--variantOne .part.pict:nth-child(1):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--one .unitThree.unitThree--variantOne .part.pict:nth-child(1):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(1) * {
  height: 100%;
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(1) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(2) {
  margin: 0;
  position: absolute;
  top: 175px;
  right: 34.43287037%;
  width: 15.0462963%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--one .unitThree.unitThree--variantOne .part.pict:nth-child(2):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--one .unitThree.unitThree--variantOne .part.pict:nth-child(2):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(2) * {
  height: 100%;
}
.area--one .unitThree.unitThree--variantOne .part.pict:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--one .unitThree.unitThree--variantTwo {
  min-height: calc(var(--js-elementHeight) + 144px);
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(1) {
  margin: 0;
  position: absolute;
  right: 26.33101852%;
  width: 23.14814815%;
  aspect-ratio: 0.8;
  bottom: 144px;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(1):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(1):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(1) * {
  height: 100%;
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(1) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(2) {
  margin: 0;
  right: 2.02546296%;
  width: 23.14814815%;
  aspect-ratio: 0.8;
  position: absolute;
  z-index: 2;
  top: 144px;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(2):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(2):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(2) * {
  height: 100%;
}
.area--one .unitThree.unitThree--variantTwo .part.pict:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--one .unitFour {
  padding-left: 15.625%;
  padding-right: 26.33101852%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.area--one .unitFour .unit__background {
  width: 37.8%;
}
.area--one .unitFour .unit__content {
  width: 53.9%;
}
.area--introStart .unit {
  margin: 0;
}
.area--introStart .unit .part {
  margin: 0;
}
.area--introStart .unit .unit__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.area--introStart .unit .part:nth-child(1) {
  width: 36.36363636%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--introStart .unit .part:nth-child(1):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--introStart .unit .part:nth-child(1):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--introStart .unit .part:nth-child(1) * {
  height: 100%;
}
.area--introStart .unit .part:nth-child(1) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
#view .area--introStart .unit .part:nth-child(1) {
  perspective: 1000px;
  transform-style: preserve-3d;
  transform: translate3d(250px, -180px, -100px);
  transition: all 1.1s cubic-bezier(0.65, 0, 0.35, 1);
}
#view.show-content .area--introStart .unit .part:nth-child(1) {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
.area--introStart .unit .part:nth-child(2) {
  width: 61.81818182%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--introStart .unit .part:nth-child(2):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--introStart .unit .part:nth-child(2):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--introStart .unit .part:nth-child(2) * {
  height: 100%;
}
.area--introStart .unit .part:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
#view .area--introStart .unit .part:nth-child(2) {
  perspective: 1178px;
  transform-style: preserve-3d;
  transform: translate3d(-80px, 0px, -400px);
  transition: all 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
#view.show-content .area--introStart .unit .part:nth-child(2) {
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
}
.area--columnRight .unitOne .unit__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(1) {
  width: 31.70731707%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--columnRight .unitOne--variantOne .part.pict:nth-child(1):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--columnRight .unitOne--variantOne .part.pict:nth-child(1):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(1) * {
  height: 100%;
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(1) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(2) {
  width: 65.85365854%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--columnRight .unitOne--variantOne .part.pict:nth-child(2):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--columnRight .unitOne--variantOne .part.pict:nth-child(2):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(2) * {
  height: 100%;
}
.area--columnRight .unitOne--variantOne .part.pict:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--columnRight .unitOne--variantTwo .unit__body {
  align-items: flex-start;
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(1) {
  width: 48.7804878%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--columnRight .unitOne--variantTwo .part.pict:nth-child(1):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--columnRight .unitOne--variantTwo .part.pict:nth-child(1):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(1) * {
  height: 100%;
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(1) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(2) {
  margin-top: 144px;
  width: 48.7804878%;
  aspect-ratio: 0.8;
}
@supports not (aspect-ratio: 4 /  5) {
  .area--columnRight .unitOne--variantTwo .part.pict:nth-child(2):before {
    float: left;
    padding-top: 125%;
    content: '';
  }
  .area--columnRight .unitOne--variantTwo .part.pict:nth-child(2):after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(2) * {
  height: 100%;
}
.area--columnRight .unitOne--variantTwo .part.pict:nth-child(2) img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.area--columnRight .unitOne--variantThree .part.pict {
  aspect-ratio: 1.25;
}
@supports not (aspect-ratio: 5 /  4) {
  .area--columnRight .unitOne--variantThree .part.pict:before {
    float: left;
    padding-top: 80%;
    content: '';
  }
  .area--columnRight .unitOne--variantThree .part.pict:after {
    display: block;
    content: '';
    clear: both;
  }
}
.area--columnRight .unitOne--variantThree .part.pict * {
  height: 100%;
}
.area--columnRight .unitOne--variantThree .part.pict img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}
/*# sourceMappingURL=./screen-large.css.map */