html {
  scroll-behavior: auto !important;
}
body,*{
  padding: 0;
  margin: 0;
}
body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.html-text-component {
  overflow: inherit;
}

.has-localnav .header-component nav {
  position: absolute;
  transform: none !important;
  border-bottom: 0 !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#localnav {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-height: 50px;
  line-height: 50px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.6s cubic-bezier(0.52, 0.16, 0.24, 1);
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.8);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #localnav {
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: saturate(150%) blur(20px);
    backdrop-filter: saturate(150%) blur(20px);
  }
}
.localnav-show #localnav {
  transform: translateY(0%);
}
#localnav .ln-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 50px;
}
#localnav .ln-content::before, #localnav .ln-content::after {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background-color: #414141;
}
#localnav .ln-content::before {
  top: 50px;
}
#localnav .ln-content::after {
  bottom: 0;
}
#localnav .ln-title {
  flex-grow: 1;
  height: 50px;
  padding-left: 160px;
}
#localnav .ln-title .ln-link {
  display: inline-block;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
}
#localnav .ln-menu-trigger {
  display: none;
  width: 40px;
  padding: 16px 8px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#localnav .ln-menu {
  display: flex;
  margin-left: 12px;
}
#localnav .ln-menu-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#localnav .ln-link {
  position: relative;
  display: block;
  padding: 0 20px;
  font-size: 14px;
  line-height: 50px;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  color: #fff;
}
#localnav .ln-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  margin-left: 20px;
  padding-right: 160px;
}
#localnav .ln-button {
  display: inline-block;
  padding-right: 19px;
  padding-left: 19px;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
}
#localnav .ln-button:hover {
  border-color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.2);
}
.localnav-collapse #localnav {
  max-height: 56px;
  line-height: 56px;
}
.localnav-collapse #localnav .ln-content {
  height: 100%;
}
.localnav-collapse #localnav .ln-content::before {
  top: 56px;
}
.localnav-collapse #localnav .ln-title {
  display: flex;
  flex-grow: 0;
  height: 56px;
  padding-left: 24px;
}
.localnav-collapse #localnav .ln-menu {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  height: auto;
  margin-left: 0;
  padding-right: 16px;
  padding-left: 16px;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.localnav-collapse #localnav .ln-menu::-webkit-scrollbar {
  display: none;
}
.localnav-collapse #localnav .ln-link {
  height: 56px;
  line-height: 56px;
}
.localnav-collapse #localnav .ln-action {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 56px;
  margin-left: 0;
  padding-right: 24px;
}
.localnav-collapse #localnav .ln-button {
  padding-right: 15px;
  padding-left: 15px;
}
.localnav-collapse #localnav .ln-menu-item {
  transition: opacity 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  opacity: 0;
}
.localnav-collapse #localnav .ln-menu-item .ln-link {
  padding: 0 8px;
}
.localnav-collapse #localnav .ln-menu-trigger {
  display: block;
}
#localnav.ln-expanded {
  max-height: 100%;
}
#localnav.ln-expanded .ln-menu-trigger {
  transform: rotate(180deg);
}
#localnav.ln-expanded .ln-menu {
  visibility: visible;
  transition-delay: 0s;
}
#localnav.ln-expanded .ln-menu-item {
  opacity: 1;
}
@media only screen and (min-width: 1200.01px) {
  #localnav .ln-link::after {
    position: absolute;
    right: 20px;
    bottom: 1px;
    left: 20px;
    height: 2px;
    content: "";
    transition: transform 0.55s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scaleX(0);
    transform-origin: center;
    background-color: #fff;
  }
  #localnav .ln-link:hover::after {
    transform: scaleX(1);
  }
  #localnav .ln-title .ln-link::after {
    display: none;
  }
}
@media only screen and (max-width: 1919px) {
  #localnav .ln-title {
    padding-left: 80px;
  }
  #localnav .ln-action {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  #localnav .ln-title {
    padding-left: 32px;
  }
  #localnav .ln-menu {
    margin-left: 20px;
  }
  #localnav .ln-link {
    padding: 0 12px;
  }
  #localnav .ln-link.current::after {
    right: 12px;
    left: 12px;
  }
  #localnav .ln-action {
    margin-left: 12px;
    padding-right: 32px;
  }
  #localnav .ln-menu-trigger {
    left: 0;
  }
}

#modal-player {
  position: fixed;
  z-index: 9999 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.8) !important;
}
#modal-player.modal-player-open {
  display: flex;
  align-items: center;
  justify-content: center;
  animation: modalFadeIn 0.3s forwards;
}
#modal-player video {
  width: auto !important;
  max-width: 90%;
  max-height: 90vh;
  outline: 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

#modal-player-close {
  position: absolute;
  z-index: 1;
  top: 1.25vw;
  right: 1.25vw;
  width: 2.083333vw;
  height: 2.083333vw;
  transition: opacity 0.2s;
  opacity: 0.8;
}
#modal-player-close:hover {
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #modal-player-close {
    top: 24.444444vw;
    right: 6.666667vw;
    width: 8.333333vw;
    height: 8.333333vw;
  }
}
@media (min-aspect-ratio: 4/5) and (max-aspect-ratio: 11/10) {
  #modal-player-close {
    top: 10%;
    right: 5%;
  }
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#r7 {
  line-height: 1.6;
}
#r7 section {
  position: relative;
}
#r7 picture, #r7 img, #r7 svg, #r7 canvas, #r7 video {
  display: block;
  width: 100%;
}
#r7 sup {
  top: auto;
  font-size: 0.6em;
  vertical-align: super;
}
#r7 sup.sm {
  position: relative;
  top: -0.36em;
  font-size: 0.4em;
}
#r7 sup a {
  color: inherit;
}
#r7 button {
  overflow: visible;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: inherit;
  color: inherit;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
#r7 .nowrap {
  display: inline-block;
  white-space: nowrap;
}
#r7 .sticky-content {
  position: sticky;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
#r7 .aspect-ratio {
  position: relative;
}
#r7 .aspect-ratio::before {
  display: block;
  content: "";
}
#r7 .aspect-ratio img, #r7 .aspect-ratio video {
  position: absolute;
  top: 0;
  left: 0;
}
#r7 .covered-picture {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#r7 .covered-picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#r7 .aspect-ratio {
  position: relative;
}
#r7 .aspect-ratio::before {
  display: block;
  content: "";
}
#r7 .aspect-ratio img, #r7 .aspect-ratio video {
  position: absolute;
  top: 0;
  left: 0;
}
#r7 .blur-up {
  transition: filter 400ms;
  filter: blur(10px);
}
#r7 .blur-up.lazyloaded {
  filter: blur(0);
}
#r7 .text-gradient {
  display: inline-block;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
#r7 .relative {
  position: relative;
}
#r7 .absolute {
  position: absolute;
}
#r7 .overflow-hidden {
  overflow: hidden;
}
#r7 .overflow-visible {
  overflow: visible;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .xs\:overflow-hidden {
    overflow: hidden;
  }
  #r7 .xs\:overflow-visible {
    overflow: visible;
  }
}
#r7 .block {
  display: block;
}
#r7 .inline-block {
  display: inline-block;
}
#r7 .inline {
  display: inline;
}
#r7 .flex {
  display: flex;
}
#r7 .inline-flex {
  display: inline-flex;
}
#r7 .hidden {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .md\:block {
    display: block;
  }
  #r7 .md\:inline-block {
    display: inline-block;
  }
  #r7 .md\:inline {
    display: inline;
  }
  #r7 .md\:flex {
    display: flex;
  }
  #r7 .md\:inline-flex {
    display: inline-flex;
  }
  #r7 .md\:hidden {
    display: none;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .xs\:block {
    display: block;
  }
  #r7 .xs\:inline-block {
    display: inline-block;
  }
  #r7 .xs\:inline {
    display: inline;
  }
  #r7 .xs\:flex {
    display: flex;
  }
  #r7 .xs\:inline-flex {
    display: inline-flex;
  }
  #r7 .xs\:hidden {
    display: none;
  }
}
#r7 br.lg {
  display: block;
}
#r7 br.md {
  display: none;
}
#r7 br.xs {
  display: none;
}
@media (max-aspect-ratio: 11/10) {
  #r7 br.lg {
    display: none;
  }
  #r7 br.md {
    display: block;
  }
  #r7 br.xs {
    display: none;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 br.lg {
    display: none;
  }
  #r7 br.md {
    display: none;
  }
  #r7 br.xs {
    display: block;
  }
}
#r7 .text-center {
  text-align: center;
}
#r7 .text-align {
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .text-align {
    text-align: left;
  }
}
#r7 .w-1560 {
  width: 81.25vw;
}
#r7 .w-1520 {
  width: 79.166667vw;
}
#r7 .w-1296 {
    width: 67.5vw;
}
#r7 .w-1164 {
  width: 60.625vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .md\:w-full {
    width: 100%;
  }
  #r7 .md\:w-1056 {
    width: 75.428571vw;
  }
  #r7 .md\:w-896 {
    width: 64vw;
  }
  #r7 .md\:w-832 {
    width: 59.428571vw;
  }
  #r7 .md\:w-768 {
    width: 54.857143vw;
  }
  #r7 .md\:w-782 {
    width: 55.857143vw;
  }
  #r7 .md\:w-894 {
    width: 63.857143vw;
  }
  #r7 .md\:w-948 {
    width: 67.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .xs\:w-full {
    width: 100%;
  }
  #r7 .xs\:w-688 {
    width: 95.555556vw;
  }
  #r7 .xs\:w-600 {
    width: 83.333333vw;
  }
  #r7 .xs\:w-520 {
    width: 72.222222vw;
  }
  #r7 .xs\:w-440 {
    width: 61.111111vw;
  }
}
#r7 .mx-auto {
  margin-right: auto;
  margin-left: auto;
}
#r7 .mt-14, #r7 .lg\:mt-14 {
  margin-top: .729167vw;
}
#r7 .mt-16, #r7 .lg\:mt-16 {
  margin-top: 0.833333vw;
}
#r7 .mt-20, #r7 .lg\:mt-20 {
  margin-top: 1.041667vw;
}
#r7 .mt-24, #r7 .lg\:mt-24 {
  margin-top: 1.25vw;
}
#r7 .mt-26, #r7 .lg\:mt-26 {
  margin-top: 1.354167vw;
}
#r7 .mt-28, #r7 .lg\:mt-28 {
  margin-top: 1.458333vw;
}
#r7 .mt-30, #r7 .lg\:mt-30 {
  margin-top: 1.5625vw;
}
#r7 .mt-40, #r7 .lg\:mt-40 {
  margin-top: 2.083333vw;
}
#r7 .mt-48, #r7 .lg\:mt-48 {
  margin-top: 2.5vw;
}
#r7 .mt-50, #r7 .lg\:mt-50 {
  margin-top: 2.604167vw;
}
#r7 .mt-60, #r7 .lg\:mt-60 {
  margin-top: 3.125vw;
}
#r7 .mt-64, #r7 .lg\:mt-64 {
  margin-top: 3.333333vw;
}
#r7 .mt-80, #r7 .lg\:mt-80 {
  margin-top: 4.166667vw;
}
#r7 .mt-84, #r7 .lg\:mt-84 {
  margin-top: 4.375vw;
}
#r7 .mt-100, #r7 .lg\:mt-100 {
    margin-top: 5.208333vw;
  }
@media (max-aspect-ratio: 11/10) {
  #r7 .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #r7 .mt-16, #r7 .md\:mt-16 {
    margin-top: 1.142857vw;
  }
  #r7 .mt-20, #r7 .md\:mt-20 {
    margin-top: 1.428571vw;
  }
  #r7 .mt-24, #r7 .md\:mt-24 {
    margin-top: 1.714286vw;
  }
  #r7 .mt-28, #r7 .md\:mt-28 {
    margin-top: 2vw;
  }
  #r7 .mt-30, #r7 .md\:mt-30 {
    margin-top: 2.142857vw;
  }
  #r7 .mt-36, #r7 .md\:mt-36 {
    margin-top: 2.571429vw;
  }
  #r7 .mt-40, #r7 .md\:mt-40 {
    margin-top: 2.857143vw;
  }
  #r7 .mt-48, #r7 .md\:mt-48 {
    margin-top: 3.428571vw;
  }
  #r7 .mt-50, #r7 .md\:mt-50 {
    margin-top: 3.571429vw;
  }
  #r7 .mt-60, #r7 .md\:mt-60 {
    margin-top: 4.285714vw;
  }
  #r7 .mt-72, #r7 .md\:mt-72 {
    margin-top: 5.142857vw;
  }
  #r7 .mt-76, #r7 .md\:mt-76 {
    margin-top: 5.428571vw;
  }
  #r7 .mt-80, #r7 .md\:mt-80 {
    margin-top: 5.714286vw;
  }
  #r7 .mt-64, #r7 .md\:mt-64 {
    margin-top: 4.571429vw;
  }
  #r7 .mt-100, #r7 .md\:mt-100 {
    margin-top: 7.142857vw;
  }
  #r7 .mt-200, #r7 .md\:mt-200 {
    margin-top: 14.285714vw;
  }
  #r7 .md\:mt-0 {
    margin-top: 0;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  #r7 .mt-16, #r7 .xs\:mt-16 {
    margin-top: 2.222222vw;
  }
  #r7 .mt-20, #r7 .xs\:mt-20 {
    margin-top: 2.777778vw;
  }
  #r7 .mt-24, #r7 .xs\:mt-24 {
    margin-top: 3.333333vw;
  }
  #r7 .mt-30, #r7 .xs\:mt-30 {
    margin-top: 4.166667vw;
  }
  #r7 .mt-36, #r7 .xs\:mt-36 {
    margin-top: 5vw;
  }
  #r7 .mt-40, #r7 .xs\:mt-40 {
    margin-top: 5.555556vw;
  }
  #r7 .mt-48, #r7 .xs\:mt-48 {
    margin-top: 6.666667vw;
  }
  #r7 .mt-50, #r7 .xs\:mt-50 {
    margin-top: 6.944444vw;
  }
  #r7 .mt-60, #r7 .xs\:mt-60 {
    margin-top: 8.333333vw;
  }
  #r7 .mt-72, #r7 .xs\:mt-72 {
    margin-top: 10vw;
  }
  #r7 .mt-76, #r7 .xs\:mt-76 {
    margin-top: 10.555556vw;
  }
  #r7 .mt-80, #r7 .xs\:mt-80 {
    margin-top: 11.111111vw;
  }
  #r7 .mt-64, #r7 .xs\:mt-64 {
    margin-top: 8.888889vw;
  }
  #r7 .mt-200, #r7 .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
  #r7 .xs\:mt-0 {
    margin-top: 0;
  }
}
#r7 .pt-200 {
  padding-top: 10.416667vw;
}
#r7 .py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}
#r7 .py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}
#r7 .pt-120 {
  padding-top: 6.25vw;
}
#r7 .py-120 {
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .pt-200, #r7 .md\:pt-200 {
    padding-top: 14.285714vw;
  }
  #r7 .py-200, #r7 .md\:py-200 {
    padding-top: 14.285714vw;
    padding-bottom: 14.285714vw;
  }
  #r7 .py-160, #r7 .md\:py-160 {
    padding-top: 11.428571vw;
    padding-bottom: 11.428571vw;
  }
  #r7 .pt-120 {
    padding-top: 8.571429vw;
  }
  #r7 .py-120 {
    padding-top: 8.571429vw;
    padding-bottom: 8.571429vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .pt-200, #r7 .xs\:pt-200 {
    padding-top: 27.777778vw;
  }
  #r7 .py-200, #r7 .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }
  #r7 .py-160, #r7 .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }
  #r7 .pt-120 {
    padding-top: 16.666667vw;
  }
  #r7 .py-120 {
    padding-top: 16.666667vw;
    padding-bottom: 16.666667vw;
  }
}
#r7 h2, #r7 h3 {
  font-weight: 500;
  line-height: 1.25;
}
#r7 h2 {
  font-size: 4.166667vw;
  margin: 0 auto 3.333333vw;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, rgba(7, 89, 100, 1) 0%, rgba(76, 186, 186, 1) 15%, rgba(40, 237, 229, 1) 20%, rgba(9, 82, 95, 1) 60%, rgba(9, 82, 95, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  width: max-content;
  background-size: 200% 100%;
  background-position-x: 100%;
  transition: all .8s cubic-bezier(0, 0, 0.2, 1);
}
#r7 h2.animated{
  background-position-x: 0%;
}
#r7 h3 {
  font-size: 1.25vw;
  color: #2BA2A8;
  font-weight: 700;
}
#r7 p {
  font-size: 1.041667vw;
  color: #808080;
}
#r7 strong {
  font-weight: 500;
  color: #000;
}
#r7 .text-white {
  color: #fff !important;
}
#r7 .note {
  display: flex;
  justify-content: flex-end;
  font-size: max(.833333vw, 12px);
  color: #868686;
}
#r7 .note.color-g{
  color: #585858;
}
#r7 .theme-dark {
  color: #fff;
  background-color: #000;
  box-shadow: 0 2px #000;
}
#r7 .theme-dark h2, #r7 .theme-dark strong {
  color: #fff;
}
#r7 .theme-dark .intro-headline {
  color: #fff;
}

#r7 h3.eyebrow{
  font-weight: 400;
}
#r7 .intro-headline {
  font-size: 3.333333vw;
  line-height: 1.25;
  margin-top: .625vw;
  color: #000;
}
#r7 .text-32 {
  font-size: 1.666667vw;
}
#r7 .text-24 {
  font-size: 1.25vw;
}
#r7 .text-24-32 {
  font-size: 1.25vw;
}
#r7 .text-28 {
  font-size: 1.458333vw;
}
@media (max-width: 1240px) {
    #r7 .note {
    font-size: .833333vw;
  }
}
@media (max-aspect-ratio: 11/10) {
  #r7 h2 {
    font-size: 5.714286vw;
    margin-bottom: 5.714286vw;
  }
  #r7 h3 {
    font-size: 2.285714vw;
  }
  #r7 p {
    font-size: 2.285714vw;
  }
  #r7 .note {
    font-size: 1.714286vw;
  }
  #r7 h2.eyebrow {
    font-size: 4.444444vw;
  }
  #r7 .intro-headline {
    font-size: 4.571429vw;
    margin-top: 1.571429vw;
  }
  #r7 .text-32 {
    font-size: 4.444444vw;
  }
  #r7 .text-28 {
    font-size: 3.888889vw;
  }
  #r7 .text-24 {
    font-size: 1.714286vw;
  }
  #r7 .text-24-32 {
  font-size: 2.285714vw;
}
}
@media (max-aspect-ratio: 7/10) {
  #r7 h2 {
    font-size: 11.111111vw;
    margin-bottom: 8.888889vw;
  }
  #r7 h3 {
    font-size: 4.444444vw;
  }
  #r7 p {
    font-size: 4.444444vw;
  }
  #r7 .note {
    font-size: 3.333333vw;
  }
  #r7 h2.eyebrow {
    font-size: 4.444444vw;
  }
  #r7 .intro-headline {
    font-size: 8.888889vw;
    margin-top: 1.388889vw;
  }
  #r7 .text-32 {
    font-size: 4.444444vw;
  }
  #r7 .text-28 {
    font-size: 3.888889vw;
  }
  #r7 .text-24 {
    font-size: 3.333333vw;
  }
  #r7 .text-24-32 {
  font-size: 4.444444vw;
}
}
#r7 .button-container {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
#r7 .button-container .button-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.572917vw;
}
#r7 .button-container .button-link:hover .button-background {
  opacity: 0.7;
}
#r7 .button-container .button-background {
  transition: opacity 0.3s;
}
#r7 .button-container .button-copy {
  position: absolute;
  z-index: 1;
  font-size: 0.9375vw;
  font-weight: 700;
  white-space: nowrap;
  color: #ffffff;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .button-container .button-link {
    width: 22.857143vw;
  }
  #r7 .button-container .button-background {
    opacity: 1 !important;
  }
  #r7 .button-container .button-copy {
    font-size: 1.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .button-container .button-link {
    width: 44.583333vw;
  }
  #r7 .button-container .button-background {
    opacity: 1 !important;
  }
  #r7 .button-container .button-copy {
    font-size: 3.611111vw;
  }
}
#r7 .tabnav-swiper .tabnav-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#r7 .tabnav-swiper .tabnav-container {
  position: relative;
}
#r7 .tabnav-swiper .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#r7 .tabnav-swiper .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.041667vw;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: #797c80;
  outline: 0;
}
#r7 .tabnav-swiper .tabnav-item + .tabnav-item {
  margin-left: 4.166667vw;
}
#r7 .tabnav-swiper .tabnav-item.current {
  color: #ffffff;
}
#r7 .tabnav-swiper .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#r7 .tabnav-swiper .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
}
#r7 .tabnav-swiper .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #ffffff;
}
#r7 .tabnav-swiper .stack-list {
  display: flex;
}
#r7 .tabnav-swiper .tabnav-swiper .stack-list {
  text-align: center;
}
#r7 .tabnav-swiper .stack-item {
  position: relative;
  width: 100%;
  font-size: 1.041667vw;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#r7 .tabnav-swiper .stack-item + .stack-item {
  margin-left: -100%;
}
#r7 .tabnav-swiper .stack-item.current {
  z-index: 1;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .tabnav-swiper .headline-wrapper{
    text-align: center;
  }
  #r7 .tabnav-swiper .tabnav-content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #r7 .tabnav-swiper .tabnav-content::before, #r7 .tabnav-swiper .tabnav-content::after {
    position: absolute;
    z-index: 1;
    top: -1.388889vw;
    width: 7.142857vw;
    height: 7.285714vw;
    content: "";
    pointer-events: none;
  }
  #r7 .tabnav-swiper .tabnav-content::before {
    left: 0;
    background-image: linear-gradient(90deg, #000 40%, transparent);
  }
  #r7 .tabnav-swiper .tabnav-content::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #000 60%);
  }
  #r7 .tabnav-swiper .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
  }
  #r7 .tabnav-swiper .tabnav-container.is-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  #r7 .tabnav-swiper .tabnav-container.is-scroll::-webkit-scrollbar {
    display: none;
  }
  #r7 .tabnav-swiper .tabnav-wrapper {
    padding-right: 12.285714vw;
    padding-left: 12.285714vw;
  }
  #r7 .tabnav-swiper .tabnav-list {
    position: relative;
    display: flex;
  }
  #r7 .tabnav-swiper .tabnav-item {
    padding-bottom: 1.714286vw;
    font-size: 2.285714vw;
  }
  #r7 .tabnav-swiper .tabnav-item + .tabnav-item {
    margin-left: 5.714286vw;
  }
  #r7 .tabnav-swiper .tabnav-indicator {
    height: 0.416667vw;
  }
  #r7 .tabnav-swiper .tabnav-swiper .stack-list {
    text-align: left;
  }
  #r7 .tabnav-swiper .stack-item {
    font-size: 2.285714vw;
  }
  #r7 .tabnav-swiper .stack-list{
    text-align: center;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .tabnav-swiper .headline-wrapper{
    text-align: left;
  }
  #r7 .tabnav-swiper .tabnav-content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #r7 .tabnav-swiper .tabnav-content::before, #r7 .tabnav-swiper .tabnav-content::after {
    position: absolute;
    z-index: 1;
    top: -1.388889vw;
    width: 12.222222vw;
    height: 12.222222vw;
    content: "";
    pointer-events: none;
  }
  #r7 .tabnav-swiper .tabnav-content::before {
    left: 0;
    background-image: linear-gradient(90deg, #000 40%, transparent);
  }
  #r7 .tabnav-swiper .tabnav-content::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #000 60%);
  }
  #r7 .tabnav-swiper .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
  }
  #r7 .tabnav-swiper .tabnav-container.is-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  #r7 .tabnav-swiper .tabnav-container.is-scroll::-webkit-scrollbar {
    display: none;
  }
  #r7 .tabnav-swiper .tabnav-wrapper {
    padding-right: 13.888889vw;
    padding-left: 13.888889vw;
  }
  #r7 .tabnav-swiper .tabnav-list {
    position: relative;
    display: flex;
  }
  #r7 .tabnav-swiper .tabnav-item {
    padding-bottom: 3.333333vw;
    font-size: 4.444444vw;
  }
  #r7 .tabnav-swiper .tabnav-item + .tabnav-item {
    margin-left: 7.777778vw;
  }
  #r7 .tabnav-swiper .tabnav-indicator {
    height: 0.416667vw;
  }
  #r7 .tabnav-swiper .tabnav-swiper .stack-list {
    text-align: left;
  }
  #r7 .tabnav-swiper .stack-item {
    font-size: 4.444444vw;
  }
  #r7 .tabnav-swiper .stack-list{
    text-align: left;
  }
}
#r7 .section-hero .hero-content {
  position: absolute;
  z-index: 1;
  top: 6.770833vw;
  right: 0;
  left: 0;
  text-align: center;
}
#r7 .section-hero .logo {
  width: 18.125vw;
  margin-right: auto;
  margin-left: auto;
}
#r7 .section-hero .slogan {
  margin-top: 1.041667vw;
  font-size: 2.5vw;
  line-height: 1.25;
  letter-spacing: 0.2em;
  color: #fff;
}
#r7 .section-hero .ksp {
  margin-top: 1.25vw;
  font-size: 1.145833vw;
  color: #fff;
}
#r7 .section-hero .hero-picture::before {
  padding-bottom: 56.25%;
}
@media (max-width: 1400px) and (min-aspect-ratio: 11/ 10){
  #r7 .section-hero .hero-content{
    top: 8.333333vw;
  }
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-hero .hero-content{
    top: 14.285714vw;
  }
  #r7 .section-hero .logo {
    width: 27.428571vw;
  }
  #r7 .section-hero .slogan{
    font-size: 3.428571vw;
    margin-top: 2.428571vw;
  }
  #r7 .section-hero .ksp{
    font-size: 2.285714vw;
    margin-top: 2.428571vw;
  }
  #r7 .section-hero .hero-picture::before{
    padding-bottom: 96.55%;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-hero .hero-content {
    top: 26.388889vw;
  }
  #r7 .section-hero .logo {
    width: 48.333333vw;
  }
  #r7 .section-hero .slogan {
    margin-top: 2.5vw;
    font-size: 6.666667vw;
  }
  #r7 .section-hero .ksp {
    margin-top: 3.888889vw;
    font-size: 2.777778vw;
  }
  #r7 .section-hero .hero-picture::before {
    padding-bottom: 177.777778%;
  }
}

@media (min-aspect-ratio: 7/10) and (min-width: 600px) and (max-width: 960px) {
  #r7 .section-hero .hero-content {
    top: 11.428571vw;
  }
}
@media (min-aspect-ratio: 7/10) and (min-width: 600px) and (max-width: 713px) {
  #r7 .section-hero .hero-content {
    top: 20vw;
  }
}
#r7 .section-introduction {
  overflow: hidden;
}
#r7 .section-introduction .introduction-content {
  position: relative;
}
#r7 .section-introduction .introduction-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 30%);
  white-space: nowrap;
  opacity: 0;
  transition: transform .8s ease-in-out, opacity .8s ease-in-out;
}
#r7 .section-introduction.active .introduction-text{
  transform: translate(-50%, -50%);
  opacity: 1;
}
#r7 .section-introduction .introduction-text p{
  font-size: 5vw;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(120deg, rgba(7, 89, 100, 1) 0%, rgba(76, 186, 186, 1) 25%, rgba(40, 237, 229, 1) 50%, rgba(37, 191, 185, 1) 70%, rgba(9, 82, 95, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  transition: transform .8s,opacity .8s,filter .8s;
}

@media (max-aspect-ratio: 11/10) {
  #r7 .section-introduction .introduction-text p{
    font-size: 6.857143vw;
  }
} 
@media (max-aspect-ratio: 7/10) {
  #r7 .section-introduction .introduction-text p{
    font-size: 8.888889vw;
  }
} 
#r7 .stat-list {
  display: flex;
}
#r7 .stat-list .stat-value {
  font-size: 3.333333vw;
  font-weight: 500;
  color: #fff;
  line-height: 1.25;
}
#r7 .stat-list .stat-unit {
  font-size: 1.041667vw;
  font-weight: 400;
}
#r7 .stat-list .stat-caption {
  font-size: 1.041667vw;
  font-weight: 400;
  line-height: 1.25;
  color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .stat-list {
    display: grid;
    grid-template-columns: auto auto;
  }
  #r7 .stat-list .stat-value {
    font-size: 4.571429vw;
  }
  #r7 .stat-list .stat-unit {
    font-size: 2vw;
  }
  #r7 .stat-list .stat-caption {
    font-size: 2vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .stat-list {
    display: grid;
    grid-template-columns: auto auto;
  }
  #r7 .stat-list .stat-value {
    font-size: 8.888889vw;
  }
  #r7 .stat-list .stat-unit {
    font-size: 3.888889vw;
    font-weight: 400;
  }
  #r7 .stat-list .stat-caption {
    font-size: 3.888889vw;
  }
}
#r7 .subsection-exterior-1 .stat-list {
  width: 55.104167vw;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
  opacity: 0;
}
#r7 .subsection-exterior-1.animated .stat-list{
  opacity: 1;
  transition: opacity 0.8s 0.2s ease-in;
}
#r7 .subsection-exterior-1 .stat-item {
  width: 21.302083vw;
  display: flex;
  align-items: baseline;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding-bottom: .833333vw;
}
#r7 .subsection-exterior-1 .stat-item:nth-child(1),
#r7 .subsection-exterior-1 .stat-item:nth-child(2){
  margin-bottom: 2.083333vw;
}
#r7 .subsection-exterior-1 .note{
  justify-content: flex-start;
  width: 55.104167vw;
  margin: 3.333333vw auto 0;
  opacity: 0;
}
#r7 .subsection-exterior-1.animated .note{
  opacity: 1;
  transition: opacity 0.8s 0.2s ease-in;
}
#r7 .subsection-exterior-1 .stat-value {
  position: relative;
  display: flex;
  overflow: hidden;
  height: 1em;
  font-size: var(--stat-number-font-size, 3.333333vw);
}
#r7 .subsection-exterior-1 .stat-number {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
}
#r7 .subsection-exterior-1 .stat-number span {
  height: 1em;
  line-height: 1.25;
}
#r7 .subsection-exterior-1 .stat-item .stat-unit{
  margin-left: 1.25vw;
  line-height: 1.25;
}
#r7 .subsection-exterior-1 .stat-item .stat-caption{
  margin-left: auto;
  line-height: 1.25;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-1{
    padding-top: 5.714286vw;
  }
  #r7 .subsection-exterior-1 .stat-list {
    position: static;
    width: 100%;
    display: flex;
  }
  #r7 .subsection-exterior-1 .stat-item {
    width: 29.214286vw;
    padding-bottom: 1.142857vw;
  }
  #r7 .subsection-exterior-1 .stat-value {
    font-size: var(--stat-number-font-size, 4.571429vw);
  }
  #r7 .subsection-exterior-1 .stat-item .stat-unit{
    margin-left: 1.714286vw;
  }
  #r7 .subsection-exterior-1 .stat-item:nth-child(1), 
  #r7 .subsection-exterior-1 .stat-item:nth-child(2){
    margin-bottom: 2.857143vw;
  }
  #r7 .subsection-exterior-1 .note{
    width: 75.428571vw;
    margin: 4.571429vw auto 0;
    font-size: 1.714286vw;
  }
  #r7 .subsection-exterior-1.animated .stat-list{
    margin-top: 2.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-exterior-1{
    padding-top: 27.777778vw;
  }
  #r7 .subsection-exterior-1 .stat-list {
    position: static;
    width: 72.222222vw;
    display: flex;
  }
  #r7 .subsection-exterior-1 .stat-item {
    width: 100%;
  }
  #r7 .subsection-exterior-1 .stat-value {
    font-size: var(--stat-number-font-size, 8.888889vw);
  }
  #r7 .subsection-exterior-1 .stat-item .stat-unit{
    margin-left: 5.555556vw;
  }
  #r7 .subsection-exterior-1 .stat-item:nth-child(1), #r7 .subsection-exterior-1 .stat-item:nth-child(2){
    margin-bottom: 0;
  }
  #r7 .subsection-exterior-1 .note{
    width: 72.222222vw;
    margin: 8.333333vw auto 0;
    font-size: 3.333333vw;
  }
  #r7 .subsection-exterior-1.animated .stat-list{
    margin-top: 0;
  }
}
#r7 .section-design-swiper .pagination-item,
#r7 .carousel .pagination-item {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: auto;
  font-size: var(--pagination-font-size, 1.041667vw);
  font-weight: 800;
  line-height: 1;
  color: #808080;
}
#r7 .section-design-swiper .pagination-item.swiper-pagination-lock,
#r7 .carousel .pagination-item.swiper-pagination-lock {
  display: none;
}
#r7 .section-design-swiper .pagination-current,
#r7 .carousel .pagination-current {
  display: flex;
  flex-direction: column;
  height: 1em;
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: translate3d(0, var(--pagination-y, 0), 0);
  text-align: right;
}
#r7 .carousel .pagination-item{
  display: none;
}
#r7 .section-design-swiper .pagination-line,
#r7 .carousel .pagination-line {
  position: relative;
  overflow: hidden;
  width: 6.25vw;
  height: 2px;
  margin-right: 0.833333vw;
  margin-left: 0.833333vw;
  background-color: #808080;
}
#r7 .section-design-swiper .pagination-line::before,
#r7 .carousel .pagination-line::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: transform 0.6s linear;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #ffffff;
}
#r7 .section-design-swiper .autoplay-animating .pagination-line::before,
#r7 .carousel.autoplay-animating .pagination-line::before {
  transition-duration: 3.8s;
  transform: scaleX(1);
}
#r7 .section-design-swiper .autoplay-animating .autoplay-3s .pagination-line::before,
#r7 .carousel.autoplay-animating .autoplay-3s .pagination-line::before {
  transition-duration: 2.8s;
  transform: scaleX(1);
}
#r7 .section-design-swiper .pagination-total,
#r7 .carousel .pagination-total {
  opacity: 0.5;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-design-swiper .pagination-item,
  #r7 .carousel .pagination-item {
    font-size: var(--pagination-font-size, 3.888889vw);
  }
  #r7 .section-design-swiper .pagination-line,
  #r7 .carousel .pagination-line {
    width: 10.5vw;
    height: .214286vw;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  #r7 .carousel .pagination-item{
    display: none;
  }
  #r7 .carousel .pagination-content{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-design-swiper .pagination-item,
  #r7 .carousel .pagination-item {
    font-size: var(--pagination-font-size, 3.888889vw);
  }
  #r7 .section-design-swiper .pagination-line,
  #r7 .carousel .pagination-line {
    width: 20.555556vw;
    height: 0.416667vw;
    margin-right: 3.333333vw;
    margin-left: 3.333333vw;
  }
  #r7 .carousel .pagination-item{
  display: flex;
  }
  #r7 .carousel .pagination-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
#r7 .section-design-swiper .arrownav-list {
  display: flex;
}
#r7 .section-design-swiper .arrownav-list .arrownav-item {
  width: 2.604167vw;
  cursor: pointer;
  outline: 0;
}
#r7 .section-design-swiper .arrownav-list .arrownav-item:not(.arrownav-disabled):hover .path-outline-anim {
  stroke-dasharray: 155, 0;
}
#r7 .section-design-swiper .arrownav-list .icon-path {
  fill: none;
  stroke: #18191a;
  stroke-width: 2px;
}
#r7 .section-design-swiper .arrownav-list .path-outline {
  opacity: 0.2;
}
#r7 .section-design-swiper .arrownav-list .path-arrow {
  transition: opacity 0.8s;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#r7 .section-design-swiper .arrownav-list .path-outline-anim {
  transition: stroke-dasharray 0.8s;
  stroke-dasharray: 0, 155;
  stroke-dashoffset: 50;
}
#r7 .section-design-swiper .arrownav-list .arrownav-disabled {
  cursor: default;
}
#r7 .section-design-swiper .arrownav-list .arrownav-disabled .path-arrow {
  opacity: 0.2;
}
#r7 .section-design-swiper .arrownav-list .arrownav-next {
  margin-left: 0.833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-design-swiper .arrownav-list .arrownav-item {
    width: 5.357143vw;
  }
  #r7 .section-design-swiper .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #r7 .section-design-swiper .arrownav-list .icon-path {
    stroke-width: 3px;
  }
  #r7 .section-design-swiper .arrownav-list .path-outline-anim {
    display: none;
  }
  #r7 .section-design-swiper .arrownav-list .arrownav-next {
    margin-left: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-design-swiper .arrownav-list .arrownav-item {
    width: 10.694444vw;
  }
  #r7 .section-design-swiper .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
  #r7 .section-design-swiper .arrownav-list .icon-path {
    stroke-width: 3px;
  }
  #r7 .section-design-swiper .arrownav-list .path-outline-anim {
    display: none;
  }
  #r7 .section-design-swiper .arrownav-list .arrownav-next {
    margin-left: 3.333333vw;
  }
}
#r7 .section-design-swiper .tabnav-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#r7 .section-design-swiper .tabnav-container {
  position: relative;
}
#r7 .section-design-swiper .tabnav-list {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#r7 .section-design-swiper .tabnav-item {
  padding-bottom: 0.833333vw;
  font-size: 1.041667vw;
  cursor: pointer;
  transition: color 0.5s;
  white-space: nowrap;
  color: #797c80;
  outline: 0;
}
#r7 .section-design-swiper .tabnav-item + .tabnav-item {
  margin-left: 4.166667vw;
}
#r7 .section-design-swiper .tabnav-item.current {
  color: #18191a;
}
#r7 .section-design-swiper .tabnav-indicator {
  position: relative;
  width: 100%;
  height: 2px;
}
#r7 .section-design-swiper .tabnav-indicator::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(24, 25, 26, 0.2);
}
#r7 .section-design-swiper .tabnav-indicator::after {
  display: block;
  width: var(--indicator-width, 0);
  height: 100%;
  content: "";
  transition: width 0.5s, transform 0.5s;
  transform: translateX(var(--indicator-offset, 0));
  background-color: #18191a;
}
#r7 .section-design-swiper .stack-list {
  display: flex;
}
#r7 .section-design-swiper .tabnav-swiper .stack-list {
  text-align: center;
}
#r7 .section-design-swiper .stack-item {
  position: relative;
  width: 100%;
  font-size: 1.041667vw;
  transition: opacity 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 0;
}
#r7 .section-design-swiper .stack-item h3{
  color: #fff;
  font-size: 1.354167vw;
}
#r7 .section-design-swiper .stack-item + .stack-item {
  margin-left: -100%;
}
#r7 .section-design-swiper .stack-item.current {
  z-index: 1;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-design-swiper .tabnav-content {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
  }
  #r7 .section-design-swiper .tabnav-swiper .tabnav-content::before, #r7 .section-design-swiper .tabnav-swiper .tabnav-content::after {
    position: absolute;
    z-index: 1;
    top: -1.388889vw;
    width: 12.222222vw;
    height: 12.222222vw;
    content: "";
    pointer-events: none;
  }
  #r7 .section-design-swiper .tabnav-swiper .tabnav-content::before {
    left: 0;
    background-image: linear-gradient(90deg, #fff 40%, transparent);
  }
  #r7 .section-design-swiper .tabnav-swiper .tabnav-content::after {
    right: 0;
    background-image: linear-gradient(90deg, transparent, #fff 60%);
  }
  #r7 .section-design-swiper .tabnav-container {
    position: relative;
    display: flex;
    justify-content: center;
    line-height: 0;
    white-space: nowrap;
  }
  #r7 .section-design-swiper .tabnav-container.is-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }
  #r7 .section-design-swiper .tabnav-container.is-scroll::-webkit-scrollbar {
    display: none;
  }
  #r7 .section-design-swiper .tabnav-wrapper {
    padding-right: 13.888889vw;
    padding-left: 13.888889vw;
  }
  #r7 .section-design-swiper .tabnav-list {
    position: relative;
    display: flex;
  }
  #r7 .section-design-swiper .tabnav-item {
    padding-bottom: 3.333333vw;
    font-size: 4.444444vw;
  }
  #r7 .section-design-swiper .tabnav-item + .tabnav-item {
    margin-left: 7.777778vw;
  }
  #r7 .section-design-swiper .tabnav-indicator {
    height: 0.416667vw;
  }
  #r7 .section-design-swiper .tabnav-swiper .stack-list {
    text-align: left;
  }
  #r7 .section-design-swiper .stack-item {
    font-size: 4.444444vw;
  }
}
#r7 .section-design-swiper .gallery-container {
  position: relative;
}
#r7 .section-design-swiper .gallery-container .gallery {
  position: relative;
}
#r7 .section-design-swiper .gallery-container .gallery-wrapper {
  display: flex;
}
#r7 .section-design-swiper .gallery-container .gallery-slide {
  position: relative;
  width: 100%;
  overflow: hidden;
}
#r7 .section-design-swiper .gallery-container .note{
  position: initial;
  color: rgba(255, 255, 255, 0.2);
}
#r7 .section-design-swiper .swiper-style-1 .gallery-container .note{
  bottom: 1.354167vw;
  right: 1.354167vw;
  margin-top: 1.041667vw;
  justify-content: flex-start;
}
#r7 .section-design-swiper .gallery-container .current .note{
  z-index: 2;
}
#r7 .section-design-swiper .gallery-container .note.hidden{
  display: none;
}
#r7 .section-design-swiper .gallery-container .gallery-slide + .gallery-slide {
  margin-left: -100%;
}
#r7 .section-design-swiper .gallery-container .clip-item {
  position: relative;
  transition: -webkit-clip-path 0s 0.8s;
  transition: clip-path 0s 0.8s;
  transition: clip-path 0s 0.8s, -webkit-clip-path 0s 0.8s;
}
#r7 .section-design-swiper .swiper-style .gallery-container .clip-item{
  transition: -webkit-clip-path 0s 0.8s, transform 0s .8s;
  transition: clip-path 0s 0.8s, transform 0s .8s;
  transition: clip-path 0s 0.8s, -webkit-clip-path 0s 0.8s, transform 0s .8s;
  transform: scale(1.3);
}
#r7 .section-design-swiper .gallery-container .current .clip-item {
  z-index: 1;
  transition: -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s;
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s;
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s;
}
#r7 .section-design-swiper .swiper-style .gallery-container .current .clip-item{
  transform: scale(1);
}
#r7 .section-design-swiper .gallery-container .swiper {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#r7 .section-design-swiper .swiper-style-1 .gallery-container {
  display: flex;
  overflow: hidden;
}
#r7 .section-design-swiper .swiper-style-1 .gallery {
  z-index: 3;
  flex-shrink: 0;
  width: 62.5vw;
}

#r7 .section-design-swiper .swiper-style-1 .gallery-slide.current .clip-item {
  -webkit-clip-path: polygon(0% 0%, 162% 0%, 100.2% 100.2%, -62% 100.2%);
          clip-path: polygon(0% 0%, 162% 0%, 100.2% 100.2%, -62% 100.2%);
}
#r7 .section-design-swiper .swiper-style-1 .gallery-slide.left .clip-item {
  -webkit-clip-path: polygon(162% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
          clip-path: polygon(162% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
}
#r7 .section-design-swiper .swiper-style-1 .gallery-slide.right .clip-item {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, -62% 100.2%, 0% 100.2%);
          clip-path: polygon(0% 0%, 0% 0%, -62% 100.2%, 0% 100.2%);
}

#r7 .section-design-swiper .swiper-style-1 .zoom-in-transition {
  transition: transform 0.8s;
  transform-origin: left;
}
#r7 .section-design-swiper .swiper-style-1 .zoom-in-slide {
  transform: scale(1.3);
}
#r7 .section-design-swiper .swiper-style-1 .content-container {
  padding: 3.333333vw 2.5vw;
  background-color: rgba(57, 57, 57, 0.5);
}
#r7 .section-design-swiper .swiper-style-1 .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#r7 .section-design-swiper .swiper-style-1 .stack-list {
  order: 2;
}
#r7 .section-design-swiper .swiper-style-1 .pagination-item {
  order: 1;
}
#r7 .section-design-swiper .swiper-style-1 .arrownav-list {
  order: 3;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-design-swiper .swiper-style-1 .gallery-container {
    display: block;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery {
    width: 100%;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-container .note{
    bottom: 1.714286vw;
    right: 1.714286vw;
    margin-top: 1.428571vw;
  }
  #r7 .section-design-swiper .gallery-container .note.hidden{
    display: none;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%);
            clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.left .clip-item {
    -webkit-clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
            clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%);
            clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .zoom-in-slide {
    transition: none;
    transform: none;
  }
  #r7 .section-design-swiper .swiper-style-1 .content-container {
    padding: 5.142857vw 0 5.714286vw;
    background-color: #1C1C1C;
  }
  #r7 .section-design-swiper .swiper-style-1 .content-wrapper {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
  }
  #r7 .section-design-swiper .swiper-style-1 .stack-list {
    order: 1;
    margin-bottom: 4.571429vw;
  }
  #r7 .section-design-swiper .swiper-style-1 .pagination-item {
    order: 2;
    display: flex;
  }
  #r7 .section-design-swiper .swiper-style-1 .arrownav-list{
    margin-right: .714286vw;
  }
  #r7 .section-design-swiper .swiper-style-1 h3 {
    font-size: 2.857143vw;
    color: #fff;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-design-swiper .swiper-style-1 .gallery-container {
    display: block;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery {
    width: 100%;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-container .note{
    bottom: 3.333333vw;
    right: 3.333333vw;
    position: absolute;
    margin-top: 0;
    justify-content: flex-end;
    display: flex;
    color: rgba(255, 255, 255, 0.6);
    opacity: 0;
    transition: opacity 0s .8s;
  }
  #r7 .section-design-swiper .gallery-container .current .note.hidden{
    transition: opacity 0.6s .2s;
    opacity: 1;
  }
    #r7 .section-design-swiper .gallery-container .note.xs-hidden{
    display: none;
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%);
            clip-path: polygon(0% 0%, 216% 0%, 100.2% 100.2%, -116% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.left .clip-item {
    -webkit-clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
            clip-path: polygon(216% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%);
            clip-path: polygon(0% 0%, 0% 0%, -116% 100.2%, 0% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-1 .zoom-in-slide {
    transition: none;
    transform: none;
  }
  #r7 .section-design-swiper .swiper-style-1 .content-container {
    padding: 10vw 0 16.666667vw;
    background-color: #1C1C1C;
  }
  #r7 .section-design-swiper .swiper-style-1 .content-wrapper {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
  }
  #r7 .section-design-swiper .swiper-style-1 .stack-list {
    order: 1;
    margin-bottom: 11.111111vw;
  }
  #r7 .section-design-swiper .swiper-style-1 .pagination-item {
    order: 2;
    display: flex;
    margin-left: 0;
  }
  #r7 .section-design-swiper .swiper-style-1 .arrownav-list{
    margin-right: 0;
  }
  #r7 .section-design-swiper .swiper-style-1 h3 {
    font-size: 5.555556vw;
    color: #fff;
  }
}
#r7 .section-design-swiper .swiper-style-2 .text-content {
  width: 51.666667vw;
  padding-left: 13.020833vw;
}
#r7 .section-design-swiper .swiper-style-2 .xs-gallery {
  display: none;
}
#r7 .section-design-swiper .swiper-style-2 .lg-gallery-slide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide{
  overflow: visible;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note{
  right: .520833vw;
  bottom: 0;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note.notesp{
  position: initial;
  justify-content: flex-start;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide .clip-box{
  overflow: hidden;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide .clip-box2{
  margin-top: -9.114583vw;
}
#r7 .section-design-swiper .swiper-style-2 .clip-item-1 {
  width: 51.666667vw;
}
#r7 .section-design-swiper .swiper-style-2 .clip-item-2 {
  width: 27.5vw;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .clip-item-1 {
  -webkit-clip-path: polygon(0% 0%, 171% 0%, 100.2% 100.2%, -71% 100.2%);
          clip-path: polygon(0% 0%, 171% 0%, 100.2% 100.2%, -71% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .clip-item-2 {
  -webkit-clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
          clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.left .clip-item-1 {
  -webkit-clip-path: polygon(171% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
          clip-path: polygon(171% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.left .clip-item-2 {
  -webkit-clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
          clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.right .clip-item-1 {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, -71% 100.2%, 0% 100.2%);
          clip-path: polygon(0% 0%, 0% 0%, -71% 100.2%, 0% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .gallery-slide.right .clip-item-2 {
  -webkit-clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
          clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
}
#r7 .section-design-swiper .swiper-style-2 .caption-container {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 1.666667vw 0 1.666667vw 1.666667vw;
  font-size: 1.041667vw;
}
#r7 .section-design-swiper .swiper-style-2 .caption-title {
  font-size: inherit;
  color: #fff;
}
#r7 .section-design-swiper .swiper-style-2 .caption-copy {
  font-size: inherit;
  color: rgba(255, 255, 255, 0.6);
}
#r7 .section-design-swiper .swiper-style-2 .swiper {
  height: 55%;
}
#r7 .section-design-swiper .swiper-style-2 .content-container {
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
}
#r7 .section-design-swiper .swiper-style-2 .content-wrapper {
  display: flex;
  align-items: center;
}
#r7 .section-design-swiper .swiper-style-2 .arrownav-list {
  margin-left: 2.083333vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-design-swiper .swiper-style-2 .text-content {
    width: 72.222222vw;
    padding-left: 0;
  }
  #r7 .section-design-swiper .swiper-style-2 .lg-gallery {
    display: none;
  }
  #r7 .section-design-swiper .swiper-style-2 .xs-gallery {
    display: block;
  }
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note{
  position: initial;
  opacity: 1;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note.notesp{
  justify-content: flex-end;
}
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
            clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.left .clip-item {
    -webkit-clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
            clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
            clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .caption-container {
    position: initial;
    margin: 4.285714vw 0 4.571429vw 1.142857vw;
    font-size: 3.888889vw;
    text-align: left;
    opacity: 0;
    transition: opacity .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  }
    #r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .caption-container{
      opacity: 1;
    }
  #r7 .section-design-swiper .swiper-style-2 .caption-title {
    font-size: 2.857143vw;
  }
  #r7 .section-design-swiper .swiper-style-2 .swiper {
    height: 70%;
  }
  #r7 .section-design-swiper .swiper-style-2 .content-container {
    position: static;
    justify-content: center;
  }
  #r7 .section-design-swiper .swiper-style-2 .content-wrapper {
    justify-content: space-between;
    width: 72.222222vw;
  }
  #r7 .section-design-swiper .swiper-style-2 .arrownav-list {
    margin-left: 0;
  }
  #r7 .section-design-swiper .swiper-style-2 .caption-copy{
    font-size: 2.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-design-swiper .swiper-style-2 .text-content {
    width: 72.222222vw;
    padding-left: 0;
  }
  #r7 .section-design-swiper .swiper-style-2 .lg-gallery {
    display: none;
  }
  #r7 .section-design-swiper .swiper-style-2 .xs-gallery {
    display: block;
  }
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note{
  position: initial;
  justify-content: flex-start;
}
#r7 .section-design-swiper .swiper-style-2 .gallery-container .note.notesp{
  justify-content: flex-start;
}
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
            clip-path: polygon(0% 0%, 233% 0%, 100.2% 100.2%, -133% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.left .clip-item {
    -webkit-clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
            clip-path: polygon(233% 0%, 100.2% 0%, 100.2% 100.2%, 100.2% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
            clip-path: polygon(0% 0%, 0% 0%, -133% 100.2%, 0% 100.2%);
  }
  #r7 .section-design-swiper .swiper-style-2 .caption-container {
    position: initial;
    margin: 10vw 11.666667vw;
    font-size: 3.888889vw;
    text-align: left;
    opacity: 0;
    transition: opacity .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  }
    #r7 .section-design-swiper .swiper-style-2 .gallery-slide.current .caption-container{
      opacity: 1;
    }
  #r7 .section-design-swiper .swiper-style-2 .caption-title {
    font-size: 4.722222vw;
  }
  #r7 .section-design-swiper .swiper-style-2 .swiper {
    height: 70%;
  }
  #r7 .section-design-swiper .swiper-style-2 .content-container {
    position: static;
    justify-content: center;
  }
  #r7 .section-design-swiper .swiper-style-2 .content-wrapper {
    justify-content: space-between;
    width: 72.222222vw;
  }
  #r7 .section-design-swiper .swiper-style-2 .arrownav-list {
    margin-left: 0;
  }
  #r7 .section-design-swiper .swiper-style-2 .caption-copy{
    font-size: inherit;
  }
}
#r7 .subsection-exterior-2 .intro-wrapper, #r7 .subsection-exterior-3 .intro-wrapper {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-2 .intro-wrapper, #r7 .subsection-exterior-3 .intro-wrapper {
    position: static;
    height: auto;
  }
}
#r7 .subsection-exterior-2 .intro-wrapper {
  justify-content: flex-end;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-2 .intro-wrapper {
    justify-content: flex-start;
  }
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-3 .intro-wrapper {
    justify-content: flex-end;
    text-align: right;
  }
}
#r7 .content-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .content-flex {
    display: block;
  }
}
#r7 .subsection-exterior-4 .stat-list {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 3.125vw;
  left: 0;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-4 .stat-list {
    position: static;
    display: block;
    text-align: left;
  }
}
#r7 .colournav-container {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#r7 .colournav-container .label-list {
  position: relative;
  display: flex;
  text-align: center;
}
#r7 .colournav-container .label-item {
  font-size: 1.041667vw;
  font-weight: 700;
  opacity: 0;
  color: #ffffff;
  width: max-content;
}
#r7 .colournav-container .label-item + .label-item {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
#r7 .colournav-container .label-item.current {
  z-index: 1;
  opacity: 1;
}
#r7 .colournav-container .colournav-list {
  display: flex;
}
#r7 .colournav-container .colournav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875vw;
  cursor: pointer;
}
#r7 .colournav-container .colournav-item + .colournav-item {
  margin-left: 0.208333vw;
}
#r7 .colournav-container .colournav-item.current {
  cursor: default;
}
#r7 .colournav-container .colournav-item.current .colour-swatch-indicator {
  opacity: 1;
}
#r7 .colournav-container .colour-swatch-indicator {
  position: absolute;
  transition: opacity 0.8s;
  pointer-events: none;
  opacity: 0;
}
#r7 .colournav-container .colour-swatch {
  width: 100%;
  pointer-events: none;
}
#r7 .colour-swiper .swiper-slide .clip-item{
    position: relative;
    transition: -webkit-clip-path 0s 0.8s;
    transition: clip-path 0s 0.8s;
    transition: clip-path 0s 0.8s, -webkit-clip-path 0s 0.8s;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .colournav-container .label-item {
    font-size: 2.285714vw;
  }
  #r7 .colournav-container .label-item span{
    display: block;
    font-size: 2.285714vw;
    margin-top: 2vw;
    text-align: center;
    color: #808080;
  }
  #r7 .colournav-container .colournav-item {
    width: 5.142857vw;
  }
  #r7 .colournav-container .colournav-item + .colournav-item {
    margin-left: 1vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .colournav-container .label-item {
    font-size: 4.444444vw;
  }
    #r7 .colournav-container .label-item span{
    font-size: 3.888889vw;
    margin-top: 2.777778vw;
  }
  #r7 .colournav-container .colournav-item {
    width: 7.5vw;
  }
  #r7 .colournav-container .colournav-item + .colournav-item {
    margin-left: .833333vw;
  }
  #r7 .colournav-container .label-list{
    text-align: center;
  }
}
#r7 .subsection-exterior-5{
  margin: 0 auto;
}
#r7 .subsection-exterior-5 .copy{
  margin: 0 11.979167vw 0 11.979167vw;
}
#r7 .subsection-exterior-5 h3{
  color: #2BA2A8;
  font-size: 1.25vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-exterior-5 .copy{
  margin: 0 auto;
  text-align: center;
}
#r7 .subsection-exterior-5 h3{
  font-size: 2.285714vw;
}
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-exterior-5 .copy{
  margin: 0 auto;
  text-align: left;
}
#r7 .subsection-exterior-5 h3{
  font-size: 4.444444vw;
}
}
#r7 .subsection-interior-1 .stat-list {
  justify-content: center;
}
#r7 .subsection-interior-1 .stat-item{
  width: 21.354167vw;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding-bottom: .833333vw;
}
#r7 .subsection-interior-1 .stat-item + .stat-item {
  margin-left: 12.5vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-interior-1{
    padding-top: 5.714286vw;
  }
  #r7 .subsection-interior-1 .stat-list {
    display: flex;
    margin-top: 2.857143vw;
  }
  #r7 .subsection-interior-1 .stat-item{
    width: 29.214286vw;
  }
  #r7 .subsection-interior-1 .stat-item + .stat-item {
    margin-left: 15.285714vw;
    width: 30.928571vw;
  }
  #r7 .subsection-interior-1 .stat-value {
    font-size: 4.571429vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-interior-1{
    padding-top: 27.777778vw;
  }
  #r7 .subsection-interior-1 .stat-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  #r7 .subsection-interior-1 .stat-item{
    width: 72.222222vw;
  }
  #r7 .subsection-interior-1 .stat-item + .stat-item {
    margin-left: 0;
    width: 72.222222vw;
    margin-top: 5.555556vw;
  }
  #r7 .subsection-interior-1 .stat-value {
    font-size: 6.666667vw;
  }
}
#r7 .subsection-interior-2 .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}
#r7 .subsection-interior-2 .slide-2, #r7 .subsection-interior-2 .slide-3, #r7 .subsection-interior-2 .slide-4 {
  width: 38.020833vw;
}
#r7 .subsection-interior-2 .intro-2 {
  position: absolute;
}
#r7 .subsection-interior-2 .video-3 {
  margin-top: 9.635417vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-interior-2 .swiper-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  #r7 .subsection-interior-2 .swiper, #r7 .subsection-interior-2 .swiper-slide {
    width: 83.333333vw;
  }
  #r7 .subsection-interior-2 .intro-2 {
    position: static;
  }
  #r7 .subsection-interior-2 .video-3 {
    margin-top: 0;
  }
  #r7 .subsection-interior-2 .text-center{
    text-align: left;
  }
}
#r7 .subsection-interior-3 .headline-wrapper{
  text-align: center;
}
#r7 .subsection-interior-3 .swiper-slide .text-content{
  margin-left: .833333vw;
}
#r7 .subsection-interior-3 .swiper-slide .text-content h3{
  color: #fff;
  font-size: 1.354167vw;
}
#r7 .subsection-interior-3 .swiper-slide .text-content .note{
  justify-content: flex-start;
}
#r7 .subsection-interior-3 .arrownav-list{
  justify-content: flex-end;
}
#r7 .subsection-interior-4 .section-swiper {
  position: relative;
}
#r7 .subsection-interior-4 .colournav-item:nth-of-type(1) {
  background-color: #d2cdc7;
}
#r7 .subsection-interior-4 .colournav-item:nth-of-type(2) {
  background-color: #7e6b65;
}
#r7 .subsection-interior-4 .colournav-item:nth-of-type(3) {
  background-color: #a04c4d;
}
#r7 .subsection-interior-4 .colournav-item:nth-of-type(4) {
  background-color: #b89d87;
}
#r7 .subsection-interior-4 .colournav-item .colournav-label {
  color: #000;
}
#r7 .subsection-drive-1 .copy{
  margin: 0 11.979167vw 0 11.979167vw;
  justify-content: space-between;
}
#r7 .subsection-drive-1 .note{
  position: absolute;
  color: #fff;
  opacity: .6;
  bottom: 1.666667vw;
  right: 2.083333vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-drive-1 .intro {
    width: 100%;
  }
  #r7 .subsection-interior-3 .headline-wrapper{
    margin-left: auto;
    text-align: left;
  }
  #r7 .subsection-drive-1 .copy{
    margin: 0 3.857143vw;
    text-align: center;
  }
  #r7 .subsection-drive-1 .note{
  bottom: 2.285714vw;
  right: 2.857143vw;
}
  #r7 .subsection-interior-3 .swiper-slide .text-content{
    margin-left: 1.142857vw;
  }
  #r7 .subsection-interior-3 .swiper-slide .text-content h3{
    font-size: 2.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-drive-1 .intro {
    width: 100%;
  }
  #r7 .subsection-interior-3 .headline-wrapper{
    margin-left: auto;
    text-align: left;
  }
  #r7 .subsection-drive-1 .copy{
    margin: 0 10vw 0 11.666667vw;
    text-align: left;
  }
    #r7 .subsection-drive-1 .note{
  bottom: 4.444444vw;
  right: 5.555556vw;
}
  #r7 .subsection-interior-3 .swiper-slide .text-content{
    width: 72.222222vw;
    margin-left: auto;
    margin-right: auto;
  }
  #r7 .subsection-interior-3 .swiper-slide .text-content h3{
    font-size: 5.555556vw;
  }
  #r7 .subsection-interior-3 .swiper-slide .text-content .note{
    justify-content: flex-start;
  }
}
#r7 .arrownav-list {
  display: flex;
}
#r7 .arrownav-list .arrownav-item {
  width: 2.604167vw;
  cursor: pointer;
  transition: opacity 0.4s;
  outline: 0;
}
#r7 .arrownav-list .arrownav-next {
  margin-left: .833333vw;
}
#r7 .arrownav-list .arrownav-item:hover{
  opacity: .6;
}
#r7 .arrownav-list .arrownav-item.arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .arrownav-list .arrownav-item{
    width: 5.428571vw;
  }
  #r7 .arrownav-list .arrownav-next{
    margin-left: 1.714286vw;
  }
  #r7 .arrownav-list {
    display: flex;
  }
  #r7 .arrownav-list .arrownav-item:hover{
    opacity: 1;
  }
  #r7 .arrownav-list .arrownav-item.arrownav-disabled {
    opacity: 0.3;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .arrownav-list .arrownav-item{
    width: 10.555556vw;
  }
  #r7 .arrownav-list .arrownav-next{
    margin-left: 3.333333vw;
  }
  #r7 .arrownav-list {
    display: flex;
  }
  #r7 .arrownav-list .arrownav-item:hover{
    opacity: 1;
  }
  #r7 .arrownav-list .arrownav-item.arrownav-disabled {
    opacity: 0.3;
  }
}
#r7 .subsection-drive-2 .swiper-slide,
#r7 .subsection-interior-3 .swiper-slide{
  width: 40vw;
}
#r7 .subsection-drive-2 .swiper-slide .text-content{
  margin-left: .833333vw;
}
#r7 .subsection-drive-2 .swiper-slide h3{
  color: #fff;
  font-size: 1.354167vw;
}
#r7 .subsection-drive-2 .arrownav-list{
  justify-content: flex-end;
}
#r7 .subsection-drive-2 p.note{
  justify-content: flex-start;
  margin-left: .833333vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-drive-2 .swiper-slide {
    width: 36.857143vw;
  }
  #r7 .subsection-interior-3 .swiper-slide{
    width: 100%;
  }
  #r7 .subsection-drive-2 .swiper-slide h3{
    font-size: 2.857143vw;
  }
  #r7 .subsection-drive-2 .swiper-slide .text-content{
    width: 35.714286vw;
    margin-left: 1.142857vw;
  }
  #r7 .subsection-drive-2 p.note{
    margin-left: 1.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-drive-2 .swiper-slide,
#r7 .subsection-interior-3 .swiper-slide {
    width: 100%;
  }
  #r7 .subsection-drive-2 .swiper-slide h3{
    font-size: 5.555556vw;
  }
  #r7 .subsection-drive-2 .swiper-slide .text-content{
    width: 71.111111vw;
    margin-left: 11.666667vw;
  }
  #r7 .subsection-drive-2 p.note{
    margin-left: 11.666667vw;
  }
}
#r7 .subsection-drive-3 .stat-list {
  justify-content: center;
}
#r7 .subsection-drive-3 .stat-item{
  display: flex;
  align-items: center;
  width: 12.083333vw;
  justify-content: space-between;
}
#r7 .subsection-drive-3 .stat-item + .stat-item {
  margin-left: 11.458333vw;
}

#r7 .subsection-drive-3 .item-1 .stat-icon{
  width: 3.640104vw;
}
#r7 .subsection-drive-3 .item-2 .stat-icon{
  width: 3.922917vw;
}
#r7 .subsection-drive-3 .item-3 .stat-icon{
  width: 1.739063vw;
}
#r7 .subsection-drive-3 .stat-value {
  color: #ffffff;
  font-size: 2.5vw;
  line-height: 1.25;
  white-space: nowrap;
}
#r7 .subsection-drive-3 .stat-list .stat-caption{
  padding-top: .520833vw;
  border-top: solid 1px #808080;
  color: #808080;
}
#r7 .subsection-drive-3 .note{
  justify-content: center;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-drive-3 .stat-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #r7 .subsection-drive-3 .stat-item{
    width: 12vw;
    margin-left: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  #r7 .subsection-drive-3 .stat-item:last-child{
    width: 14.785714vw;
  }
  #r7 .subsection-drive-3 .stat-item + .stat-item{
    margin-left: 14.285714vw;
  }
  #r7 .subsection-drive-3 .stat-item div{
    width: auto;
    margin-top: .5vw;
  } 
  #r7 .subsection-drive-3 .item-1 .stat-icon{
    width: 6.642857vw;
  }
  #r7 .subsection-drive-3 .item-2 .stat-icon{
    width: 7vw;
  }
  #r7 .subsection-drive-3 .item-3 .stat-icon{
    width: 3.571429vw;
  }
  #r7 .subsection-drive-3 .stat-item picture{
    width: auto;
  }
  #r7 .subsection-drive-3 .stat-value{
    font-size: 4.571429vw;
    padding-bottom: 1.142857vw;
  }
  #r7 .subsection-drive-3 .stat-list .stat-caption{
    color: #808080;
    padding-top: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-drive-3 .stat-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #r7 .subsection-drive-3 .stat-item{
    width: 100%;
    margin-left: 0;
    flex-direction: row;
    align-items: center;
  }
  #r7 .subsection-drive-3 .stat-item:last-child{
    width: 100%;
  }
  #r7 .subsection-drive-3 .stat-item + .stat-item{
    margin-left: 0;
    margin-top: 5.833333vw;
  }
  #r7 .subsection-drive-3 .stat-item div{
    width: 44.444444vw;
    text-align: center;
    margin-top: 0;
  } 
  #r7 .subsection-drive-3 .item-1 .stat-icon,
  #r7 .subsection-drive-3 .item-2 .stat-icon,
  #r7 .subsection-drive-3 .item-3 .stat-icon{
    width: 12.222222vw;
  }
  #r7 .subsection-drive-3 .stat-item picture{
    width: auto;
  }
  #r7 .subsection-drive-3 .stat-value{
    font-size: 8.888889vw;
    padding-bottom: 0;
  }
  #r7 .subsection-drive-3 .stat-list .stat-caption{
    color: #808080;
    padding-top: 1.388889vw;
  }
}
#r7 .subsection-drive-4 .title h3{
  font-size: 1.25vw;
}
#r7 .subsection-drive-4 .title h3.headline{
  font-size: 3.333333vw;
  color: #fff;
  margin: .625vw auto 1.458333vw;
}
#r7 .subsection-drive-4 .text-content {
  align-items: center;
  justify-content: center;
}
#r7 .subsection-drive-4 .stat-item{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 21.354167vw;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
  padding-bottom: .833333vw;
}
#r7 .subsection-drive-4 .stat-item + .stat-item {
  margin-left: 12.5vw;
}
#r7 .subsection-drive-4 .stat-list .stat-caption{
  color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-drive-4 .text-content {
    position: static;
    display: block;
    padding: 0;
  }
  #r7 .subsection-drive-4 .text-content .txt-20-22{
    font-size: 3.055vw;
    text-align: center;
  }
  #r7 .subsection-drive-4 .text-content .headline{
    margin-bottom: 4.166vw;
    color: #000;
    text-align: center;
  }
  #r7 .subsection-drive-4 .stat-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #r7 .subsection-drive-4 .stat-item{
    width: 29.214286vw;
    padding-bottom: 1.388889vw;
  }
  #r7 .subsection-drive-4 .stat-item{
    width: 30.928571vw;
  }
  #r7 .subsection-drive-4 .stat-item + .stat-item {
    margin-left: 0;
    margin-top: 0;
  }
  #r7 .subsection-drive-4 .intro {
    color: #808080 !important;
  }
  #r7 .subsection-drive-4 .title{
    text-align: center;
  }
  #r7 .subsection-drive-4 .title h3{
    font-size: 2.285714vw;
  }
  #r7 .subsection-drive-4 .title h3.headline{
    font-size: 4.571429vw;
    margin: 1.571429vw auto 2.142857vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-drive-4 .text-content {
    position: static;
    display: block;
    padding: 0;
  }
  #r7 .subsection-drive-4 .text-content .txt-20-22{
    font-size: 3.055vw;
    text-align: center;
  }
  #r7 .subsection-drive-4 .text-content .headline{
    margin-bottom: 4.166vw;
    color: #000;
    text-align: center;
  }
  #r7 .subsection-drive-4 .stat-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #r7 .subsection-drive-4 .stat-item{
    width: 72.222222vw;
    padding-bottom: 1.388889vw;
  }
  #r7 .subsection-drive-4 .stat-item + .stat-item {
    margin-left: 0;
    margin-top: 5.555556vw;
  }
  #r7 .subsection-drive-4 .intro {
    color: #808080 !important;
  }
  #r7 .subsection-drive-4 .title{
    text-align: left;
  }
  #r7 .subsection-drive-4 .title h3{
    font-size: 4.444444vw;
  }
  #r7 .subsection-drive-4 .title h3.headline{
    font-size: 8.888889vw;
    margin: 1.388889vw auto 3.75vw;
  }
}
#r7 .tab-swiper {
  position: relative;
}
#r7 .tab-swiper .swiper-content {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#r7 .tab-swiper .tablist-wrapper {
  position: relative;
}
#r7 .tab-swiper .tablist {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#r7 .tab-swiper .tabnav {
  padding-right: 3.125vw;
  padding-bottom: 1.041667vw;
  padding-left: 3.125vw;
  font-size: 1.666667vw;
  font-weight: 400;
  cursor: pointer;
  transition: opacity 0.4s;
  white-space: nowrap;
  opacity: 0.5;
  color: #fff;
  outline: 0;
}
#r7 .tab-swiper .tabnav.current {
  opacity: 1;
}
#r7 .tab-swiper .tabnav-indicator {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.5);
}
#r7 .tab-swiper .indicator {
  width: 0;
  height: 100%;
  background-color: #be55e5;
}
#r7 .tab-swiper .caption-list {
  display: flex;
  margin-top: 1.5625vw;
  text-align: center;
}
#r7 .tab-swiper .caption {
  position: relative;
  width: 100%;
  font-size: 1.25vw;
  transition: opacity 0.4s;
  opacity: 0;
  color: #fff;
}
#r7 .tab-swiper .caption + .caption {
  margin-left: -100%;
}
#r7 .tab-swiper .caption.current {
  z-index: 1;
  opacity: 1;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .tab-swiper .swiper-content {
    display: block;
    width: 100%;
  }
  #r7 .tab-swiper .tablist-wrapper {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 0;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  #r7 .tab-swiper .tablist-wrapper::-webkit-scrollbar {
    display: none;
  }
  #r7 .tab-swiper .tablist {
    position: relative;
    display: inline-block;
    margin: 0 8.333333vw;
  }
  #r7 .tab-swiper .tablist::after {
    position: absolute;
    right: 0;
    bottom: -3px;
    left: 0;
    height: 3px;
    content: "";
    background-color: rgba(128, 128, 128, 0.5);
  }
  #r7 .tab-swiper .tabnav {
    display: inline-block;
    padding-right: 0;
    padding-bottom: 2.777778vw;
    padding-left: 0;
    font-size: 4.444444vw;
    transition: color 0.4s;
    opacity: 1;
    color: #808080;
  }
  #r7 .tab-swiper .tabnav.current {
    color: #000;
  }
  #r7 .tab-swiper .tabnav + .tabnav {
    margin-left: 11.111111vw;
  }
  #r7 .tab-swiper .tabnav-indicator {
    width: 0;
    height: 3px;
    margin: 0 8.333333vw;
  }
  #r7 .tab-swiper .caption-list {
    width: 83.333333vw;
    margin: 4.166667vw auto 0;
    text-align: left;
  }
  #r7 .tab-swiper .caption {
    font-size: 3.888889vw;
    color: #808080;
  }
}
#r7 .subsection-smart-1 .copy{
  margin: 0 11.979167vw 0 11.979167vw;
}

#r7 .subsection-smart-1 .item-list {
  display: flex;
  justify-content: space-between;
}
#r7 .subsection-smart-1 .item-list .item{
  width: 24.010417vw;
}
#r7 .subsection-smart-1 .item-list .item h3{
  font-size: 1.041667vw;
  color: #fff;
  padding-bottom: 1.25vw;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
#r7 .subsection-smart-1 .item-list .item p{
  font-size: 1.041667vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-smart-1 .copy{
      margin: 0 auto;
      text-align: center;
}
  #r7 .subsection-smart-1 .intro{
    width: auto;
  }
  #r7 .subsection-smart-1 .item-list {
    display: block;
  }
  #r7 .subsection-smart-1 .item-list .item{
    width: 100%;
  }
  #r7 .subsection-smart-1 .item-list .item h3{
    font-size: 2.857143vw;
    padding-bottom: 2.142857vw;
  }
  #r7 .subsection-smart-1 .item-list .item p{
    font-size: 2.285714vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-smart-1 .copy{
      margin: 0 auto;
      text-align: left;
}
  #r7 .subsection-smart-1 .intro{
    width: auto;
  }
  #r7 .subsection-smart-1 .item-list {
    display: block;
  }
  #r7 .subsection-smart-1 .item-list .item{
    width: 100%;
  }
  #r7 .subsection-smart-1 .item-list .item h3{
    font-size: 4.444444vw;
    padding-bottom: 4.166667vw;
  }
  #r7 .subsection-smart-1 .item-list .item p{
    font-size: 3.888889vw;
  }
}
#r7 .subsection-smart-3 .stack-item .headline{
  color: #fff;
  font-size: 1.354167vw;
}
#r7 .subsection-smart-3 .stack-item .intro{
  font-size: 1.041667vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-smart-3 .stack-list{
    margin-bottom: 5.714286vw;
    margin-left: 0;
    margin-right: 0;
  }
  #r7 .subsection-smart-3 .stack-item .intro{
  font-size: 2.285714vw;
}
#r7 .subsection-smart-3 .stack-item .headline{
  font-size: 2.857143vw;
}
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-smart-3 .stack-list{
    margin-bottom: 5.555556vw;
    margin-left: 0;
    margin-right: 0;
  }
  #r7 .subsection-smart-3 .stack-item .intro{
  font-size: 4.444444vw;
}
#r7 .subsection-smart-3 .stack-item .headline{
  font-size: 5.555556vw;
}
}
#r7 .subsection-smart-4 .copy{
  margin: 0 11.979167vw 0 11.979167vw;
}

#r7 .subsection-smart-4 .stat-list {
  justify-content: space-between;
  flex-wrap: wrap;
  width: 55.208333vw;
}
#r7 .subsection-smart-4 .stat-item{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 21.354167vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: .833333vw;
}
#r7 .subsection-smart-4 .stat-item:nth-child(1),
#r7 .subsection-smart-4 .stat-item:nth-child(2) {
  margin-bottom: 2.083333vw;
}
#r7 .subsection-smart-4 .stat-list .stat-caption{
  color: #fff;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-smart-4 {
    display: flex;
    flex-direction: column;
  }
  #r7 .subsection-smart-4 .copy{
    width: 67.714286vw;
    margin: 0 auto;
    text-align: center;
  }
  #r7 .subsection-smart-4 .intro {
    width: 100%;
  }
  #r7 .subsection-smart-4 .stat-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  #r7 .subsection-smart-4 .stat-item{
    width: 29.214286vw;
    padding-bottom: 1.142857vw;
  }
  #r7 .subsection-smart-4 .stat-item + .stat-item {
    margin-left: 0;
  }
  #r7 .subsection-smart-4 .stat-item:nth-child(2n){
    width: 30.928571vw;
  }
  #r7 .subsection-smart-4 .stat-item:nth-child(1), #r7 .subsection-smart-4 .stat-item:nth-child(2){
    margin-bottom: 2.857143vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-smart-4 {
    display: flex;
    flex-direction: column;
  }
  #r7 .subsection-smart-4 .copy{
    width: 72.222222vw;
    margin: 0 auto;
    text-align: left;
  }
  #r7 .subsection-smart-4 .intro {
    width: 100%;
  }
  #r7 .subsection-smart-4 .stat-list {
    display: flex;
    justify-content: flex-start;
    width: 72.222222vw;
  }
  #r7 .subsection-smart-4 .stat-item{
    width: 100%;
    padding-bottom: 2.777778vw;
  }
  #r7 .subsection-smart-4 .stat-item + .stat-item {
    margin-left: 0;
  }
  #r7 .subsection-smart-4 .stat-item:nth-child(2n){
    width: 100%;
  }
  #r7 .subsection-smart-4 .stat-item:nth-child(1), #r7 .subsection-smart-4 .stat-item:nth-child(2){
    margin-bottom: 0;
  }
}
#r7 .subsection-safety-1 .section-content {
  position: relative;
}

#r7 .subsection-safety-1 .section-content .desc-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#r7 .subsection-safety-1 .section-content .desc-content .desc-item{ 
  width: 34.375vw;
}
#r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(1),
#r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(2){
  margin-bottom: 3.125vw;
}
#r7 .subsection-safety-1 .section-content .desc-content .desc-item h3{
  color: #fff;
  font-size: 1.041667vw;
  padding-bottom: 1.25vw;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-safety-1 .headline-wrapper{
    text-align: center;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item{ 
    width: 100%;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(1), #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(2){
    margin-bottom: 0;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item h3{
    padding-bottom: 2.142857vw;
    font-size: 2.857143vw;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:first-child{
    order: 1;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(2){
    order: 3;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(3){
    order: 2;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(4){
    order: 4;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .subsection-safety-1 .headline-wrapper{
    text-align: left;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item{ 
    width: 100%;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(1), #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(2){
    margin-bottom: 0;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item h3{
    padding-bottom: 4.166667vw;
    font-size: 4.444444vw;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item p{
    font-size: 3.888889vw;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:first-child{
    order: 1;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(2){
    order: 3;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(3){
    order: 2;
  }
  #r7 .subsection-safety-1 .section-content .desc-content .desc-item:nth-child(4){
    order: 4;
  }
}
#r7 .subsection-safety-2 .card-item {
  background-color: #f8f8f8;
}
#r7 .subsection-safety-2 .item-1 {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
#r7 .subsection-safety-2 .item-2 {
  display: flex;
  align-items: center;
}
#r7 .subsection-safety-2 .card-picture {
  width: 38.802083vw;
}
#r7 .subsection-safety-2 .content-1 {
  width: 31.25vw;
  margin-left: 5.208333vw;
}
#r7 .subsection-safety-2 .content-2 {
  width: 27.083333vw;
  margin-left: 5.208333vw;
}
#r7 .subsection-safety-2 .group-item {
  width: 38.802083vw;
}
#r7 .subsection-safety-2 .card-group {
  display: flex;
  justify-content: space-between;
  margin-top: 6.25vw;
}
#r7 .subsection-safety-2 .group-content {
  padding: 1.5625vw 2.083333vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .subsection-safety-2 .card-item, #r7 .subsection-safety-2 .card-group {
    display: block;
    width: 100%;
  }
  #r7 .subsection-safety-2 .card-group {
    margin-top: 19.444444vw;
  }
  #r7 .subsection-safety-2 .card-picture {
    width: 100%;
  }
  #r7 .subsection-safety-2 .text-content {
    width: 100%;
    margin-left: 0;
    padding: 4.166667vw;
  }
}
#r7 .section-configuration {
  position: relative;
  background-color: #000;
}
#r7 .section-configuration .section-content {
  width: 77.0833vw;
  margin: 0 auto;
  margin-top: -22.1875vw;
  padding-bottom: 3.333333vw;
  color: #fff;
}
#r7 .section-configuration .note{
  bottom: 3.333333vw;
  right: 10.416667vw;
  position: absolute;
}
#r7 .section-configuration h2, #r7 .section-configuration h3, #r7 .section-configuration p {
  font-weight: 400;
  color: #fff;
}
#r7 .section-configuration .txt-40-48{
  font-size: 2.083vw;
  line-height: 1.25;
  color: #FFFFFF;
  text-align: center;
}
#r7 .section-configuration .txt-24-24{
  font-size: 1.25vw;
  color: #FFFFFF;
  margin-top: .625vw;
  margin-bottom: 2.0833vw;
  text-align: center;
}
#r7 .section-configuration .headline {
  font-size: 3.333333vw;
  text-align: center;
}
#r7 .section-configuration .stats {
  width: 100%;
  line-height: 1.25;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#r7 .section-configuration .stat-line{
  height: 5.104167vw;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
}

#r7 .section-configuration .stat-header {
  display: inline-block;
  padding: 0.416667vw 0.520833vw;
  font-size: 1.041667vw;
  font-weight: 400;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
}
#r7 .section-configuration .stat-content {
  display: flex;
  justify-content: space-between;
  margin-top: 1.354167vw;
}
#r7 .section-configuration .stat-caption {
  font-size: 1.145833vw;
}
#r7 .section-configuration .stat-value {
  margin-top: 0.15625vw;
  font-size: 2.083333vw;
  line-height: 1.25;
}
#r7 .section-configuration .stat-unit {
  font-size: 1.041667vw;
}
#r7 .section-configuration .button-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.583333vw;
  margin: 0 auto;
  margin-top: 3.333333vw;
  padding: 0;
  font-size: 1.145833vw;
  font-weight: 400;
}
#r7 .section-configuration .button-cta span{
  position: absolute;
}
#r7 .section-configuration .button-cta picture{
  transition: opacity 0.3s;
}
#r7 .section-configuration .button-cta:hover picture{
  opacity: .7;
}
#r7 .section-configuration .note {
  margin-top: 3.645833vw;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-configuration .button-cta picture{
    opacity: 1 !important;
  }
  #r7 .section-configuration .section-content {
    position: static;
    width: 75.428571vw;
    margin: 0 auto;
    padding-top: 5.142857vw;
    padding-left: 0;
    text-align: center;
    background-color: #000;
  }
  
#r7 .section-configuration .txt-40-48{
  font-size: 4.571429vw;
  text-align: center;
}
#r7 .section-configuration .txt-24-24{
  font-size: 2.285714vw;
  margin-top: 2vw;
  margin-bottom: 0;
  text-align: center;
  color: #808080;
}
#r7 .section-configuration .pic-content{
  position: relative;
}
#r7 .section-configuration .note{
  bottom: 3.333333vw;
  right: 0;
  margin: 0 3.333333vw 0 13.888889vw;
  width: auto;
}
#r7 .section-configuration .stat-line{
  height: 12.857143vw;
  margin-top: 5.714286vw;
}
  #r7 .section-configuration .headline {
    font-size: 8.888889vw;
    color: #fff;
  }
  #r7 .section-configuration .stats {
    width: 72.222222vw;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  #r7 .section-configuration .stat-item {
    margin-top: 5.714286vw;
    text-align: left;
  }
  #r7 .section-configuration .stat-item + .stat-item {
    margin-top: 8.333333vw;
  }
  #r7 .section-configuration .stat {
    margin-top: 3.333333vw;
  }
  #r7 .section-configuration .stat + .stat {
    margin-top: 3.472222vw;
  }
  #r7 .section-configuration .stat-header {
    padding: .5vw .714286vw;
    font-size: 2.285714vw;
    background-color: rgba(255, 255, 255, 0.6);
  }
  #r7 .section-configuration .stat-content {
    display: block;
    margin-top: 0;
    text-align: left;
  }
  #r7 .section-configuration .stat-caption {
    font-size: 3.888889vw;
    color: #808080;
  }
  #r7 .section-configuration .stat-value {
    margin-top: 0;
    font-size: 4.571429vw;
  }
  #r7 .section-configuration .stat-unit {
    font-size: 2vw;
    white-space: nowrap;
  }
  #r7 .section-configuration .button-cta {
    width: 19.071429vw;
    margin-top: 8.571429vw;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.857143vw;
  }

}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-configuration .button-cta picture{
    opacity: 1 !important;
  }
  #r7 .section-configuration .section-content {
    position: static;
    width: 83.33vw;
    margin: 0 auto;
    padding-top: 27.777778vw;
    padding-left: 0;
    text-align: center;
    background-color: #000;
  }
  
#r7 .section-configuration .txt-40-48{
  font-size: 6.66vw;
  text-align: center;
}
#r7 .section-configuration .txt-24-24{
  font-size: 3.33vw;
  margin-top: 3.888889vw;
  margin-bottom: 0;
  text-align: center;
  color: #808080;
}
#r7 .section-configuration .pic-content{
  position: relative;
}
#r7 .section-configuration .note{
  bottom: 3.333333vw;
  right: 0;
  margin: 0 3.333333vw 0 13.888889vw;
  width: auto;
}
#r7 .section-configuration .stat-line{
  height: 30.55vw;
  margin-top: 14vw;
  display: none;
}
  #r7 .section-configuration .headline {
    font-size: 8.888889vw;
    color: #fff;
  }
  #r7 .section-configuration .stats {
    width: 77.777778vw;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  #r7 .section-configuration .stat-item {
    margin-top: 10.555556vw;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    flex-direction: column;
    align-content: flex-start;
    border-bottom: solid 1px #808080;
    padding-bottom: 2.777778vw;
    text-align: center;
  }
  #r7 .section-configuration .stat-item + .stat-item {
    margin-top: 8.333333vw;
  }
  #r7 .section-configuration .stat {
    margin-top: 3.333333vw;
  }
  #r7 .section-configuration .stat + .stat {
    margin-top: 3.472222vw;
  }
  #r7 .section-configuration .stat-header {
    padding: 1.111111vw 1.388889vw;
    font-size: 3.888889vw;
    background-color: rgba(255, 255, 255, 0.6);
  }
  #r7 .section-configuration .stat-content {
    display: block;
    margin-top: 0;
    text-align: left;
  }
  #r7 .section-configuration .stat-caption {
    font-size: 3.888889vw;
    color: #808080;
  }
  #r7 .section-configuration .stat-value {
    margin-top: 0;
    font-size: 8.888889vw;
  }
  #r7 .section-configuration .stat-unit {
    font-size: 3.888889vw;
    white-space: nowrap;
  }
  #r7 .section-configuration .button-cta {
    width: 37.083333vw;
    margin-top: 19.722222vw;
    margin-right: auto;
    margin-left: auto;
    font-size: 3.611111vw;
  }
}
#r7 .section-footnote {
  background-color: #000;
}
#r7 .section-footnote .footnote-list {
  font-size: 0.625vw;
}
@media (max-width: 1920px) and (min-aspect-ratio: 11/10) {
  #r7 .section-footnote .footnote-list {
    font-size: 12px;
  }
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-footnote .footnote-list {
    font-size: 1.714286vw;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .section-footnote .footnote-list {
    font-size: 3.333333vw;
  }
}
#r7 .section-footnote ol {
  padding-left: 1.5em;
}
#r7 .section-footnote ul {
  margin-top: 1.041667vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .section-footnote ul {
    margin-top: 13.888889vw;
  }
}
#r7 .section-footnote li {
  font-size: inherit;
  list-style-type: decimal;
  color: #808080;
}
#r7 .section-footnote li + li {
  margin-top: 0.5em;
}
#r7 .section-footnote li.current {
  color: #fff;
}
#r7 .section-footnote .disclaimer {
  list-style-type: none;
}
#r7 .section-footnote a {
  color: #37f;
}


#r7 .swiper-color .gallery-container .clip-item {
  position: relative;
  transition: -webkit-clip-path 0s 0.8s, transform .8s;
  transition: clip-path 0s 0.8s, opacity 0s 0.8s, transform .8s;
  transition: clip-path 0s 0.8s, -webkit-clip-path 0s 0.8s, transform .8s;
  
}
#r7 .swiper-color .gallery-container p{
  opacity: 0;
  transition: opacity .8s cubic-bezier(0.65, 0.05, 0.36, 1);
}
#r7 .swiper-color .gallery-container .current p{
  opacity: 1;
}
#r7 .swiper-color .gallery-container .gallery-slide .clip-item{
  opacity: 0;
}
#r7 .swiper-color .gallery-container .current .clip-item {
  transition: -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1),transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1),transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.8s cubic-bezier(0.65, 0.05, 0.36, 1),transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  opacity: 1;
}

#r7 .swiper-color .gallery-slide.current .clip-item {
  -webkit-clip-path: polygon(50% -60%, 110% -10%, 110% 110%, 50% 160%, -10% 110%, -10% -10%);
          clip-path: polygon(50% -60%, 110% -10%, 110% 110%, 50% 160%, -10% 110%, -10% -10%);
          transform: scale(1);
}
#r7 .swiper-color .gallery-slide.right .clip-item {
  z-index: 1;
  -webkit-clip-path: polygon(50% 20%, 64% 30%, 64% 70%, 50% 80%, 36% 70%, 36% 30%);
          clip-path: polygon(50% 20%, 64% 30%, 64% 70%, 50% 80%, 36% 70%, 36% 30%);
  transition: -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity .8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transition: clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), -webkit-clip-path 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity .8s cubic-bezier(0.65, 0.05, 0.36, 1), transform .8s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform: scale(.8);
}
#r7 .swiper-color .gallery-slide.left .clip-item {
  transition: opacity 1s;
}
#r7 .swiper-color .gallery-container .gallery-slide p{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.083333vw;
  color: #fff;
  z-index: 1;
}
#r7 .section-rear-seats .section-rear-seat-content{
  position: relative;
}
#r7 .section-rear-seats .section-rear-seat-content .copy{
  position: absolute;
  left: 1.666667vw;
  bottom: 1.666667vw;
  z-index: 1;
}
#r7 .section-rear-seats .section-rear-seat-content .copy h3{
  color: #fff;
  font-size: 1.041667vw;
}
@media (max-aspect-ratio: 11/10) {
  #r7 .swiper-color .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(50% -80%, 130% -30%, 130% 130%, 50% 180%, -30% 130%, -30% -30%);
            clip-path: polygon(50% -80%, 130% -30%, 130% 130%, 50% 180%, -30% 130%, -30% -30%);
  }
  #r7 .swiper-color .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(50% 30%, 68% 40%, 68% 60%, 50% 70%, 32% 60%, 32% 40%);
            clip-path: polygon(50% 30%, 68% 40%, 68% 60%, 50% 70%, 32% 60%, 32% 40%);
    
  }
  #r7 .section-rear-seats .section-rear-seat-content{
    display: flex;
    flex-direction: column-reverse;
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy{
    position: initial;
    margin-top: 4.285714vw;
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy h3{
    font-size: 2.857143vw;
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy p{
    color: #fff;
    opacity: .6;
  }
  #r7 .swiper-color .gallery-container .gallery-slide p{
    width: 62.222222vw;
    bottom: 4.444444vw;
    text-align: center;
  }
}
@media (max-aspect-ratio: 7/10) {
  #r7 .swiper-color .gallery-slide.current .clip-item {
    -webkit-clip-path: polygon(50% -80%, 130% -30%, 130% 130%, 50% 180%, -30% 130%, -30% -30%);
            clip-path: polygon(50% -80%, 130% -30%, 130% 130%, 50% 180%, -30% 130%, -30% -30%);
  }
  #r7 .swiper-color .gallery-slide.right .clip-item {
    -webkit-clip-path: polygon(50% 30%, 68% 40%, 68% 60%, 50% 70%, 32% 60%, 32% 40%);
            clip-path: polygon(50% 30%, 68% 40%, 68% 60%, 50% 70%, 32% 60%, 32% 40%);
    
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy{
    position: absolute;
    bottom: 4.166667vw;
    text-align: center;
    width: 71.111111vw;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy h3{
    font-size: 4.444444vw;
  }
  #r7 .section-rear-seats .section-rear-seat-content .copy p{
    color: #fff;
    opacity: .6;
  }
  #r7 .swiper-color .gallery-container .gallery-slide p{
    width: 62.222222vw;
    bottom: 4.444444vw;
    text-align: center;
  }
}

#r7 .text-animate .text-move{
  opacity: 0;
  transform: translateY(40%);
  transition: transform .5s ease-in-out, opacity .5s ease-in-out;
}
#r7 .text-animate .text-move.animated{
  opacity: 1;
  transform: translateY(0);
}

@media screen and (max-width: 1240px) {
  #r7 .section-configuration .button-cta picture{
    opacity: 1 !important;
  }
  #r7 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover{
    opacity: 1;
  }
  #r7 .button-container .button-background{
    opacity: 1 !important;
  }
}

@media screen and (max-width: 800px) and (min-width: 780px){
  #r7 .section-configuration .note{
    width: 31.11vw;
  }
  #r7 .section-configuration .note br.lg{
    display: none;
  }
}