@import 'https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&family=Zen+Kaku+Gothic+Antique:wght@400;700&display=swap';
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
p,
a,
img,
sub,
ul,
li,
label,
article,
details,
embed,
footer,
header,
nav,
section,
summary,
time {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
article,
details,
footer,
header,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
button {
  margin: 0;
  font-size: 100%;
  line-height: 1.15;
  font-family: inherit;
}
button,
[type='button'] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
img,
picture {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: middle;
}
a {
  color: inherit;
  text-decoration: none;
}
:root {
  --font-family-ja: 'Zen Kaku Gothic Antique', sans-serif;
  --font-family-en: 'Poppins', sans-serif;
  --font-size-28: 28px;
  --font-size-24: 24px;
  --font-size-22: 22px;
  --font-size-20: 20px;
  --font-size-15: 15px;
  --font-size-14: 14px;
  --font-size-13: 13px;
  --font-size-12: 12px;
  --line-height-250: 250%;
  --line-height-200: 200%;
  --line-height-150: 150%;
  --line-height-180: 180%;
  --line-height-100: 100%;
  --line-height-auto: auto;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --color-white: #fff;
  --color-black: #222;
  --color-surface: #f5f5f5;
  --color-line: #dddddd;
  --color-gray: #999999;
  --color-snaidero: #eb6209;
  --transition-duration: 0.3s;
  --transition-ease: ease;
  --width-container-sm: 980px;
  --width-container-md: 1320px;
  --width-container-lg: 1920px;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  text-rendering: optimizeLegibility;
}
body {
  position: relative;
  width: 100%;
  min-width: var(--width-container-sm);
  /* max-width: 1920px; */
  margin: 0;
  margin-inline: auto;
  padding: 0;
  background-color: var(--color-white);
  color: var(--color-black);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-15);
  /* line-height: var(--line-height-250); */
  font-family: var(--font-family-ja);
  overflow-wrap: anywhere;
}
#app {
 max-width: 1920px;
 line-height: var(--line-height-250);
 margin: auto;
}
@media (max-width: 800px) {
  body {
    min-width: 100%;
    max-width: 100%;
    font-size: var(--font-size-14);
  }
}
body.is-menu-open {
  overflow: hidden;
}
a {
  transition: all var(--transition-duration) var(--transition-ease);
}
a:hover {
  opacity: 0.7;
}
.animation {
  transition: all var(--transition-duration) var(--transition-ease);
}
[id] {
  scroll-margin-top: 100px;
}
@keyframes slideLeft {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
@keyframes slideRight {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
.xs-show {
  display: none;
}
@media (max-width: 800px) {
  .xs-show {
    display: block;
  }
}
.xs-hide {
  display: block;
}
@media (max-width: 800px) {
  .xs-hide {
    display: none;
  }
}
.align-center {
  text-align: center;
}
.bold {
  font-weight: 700;
}
.header {
  width: 100%;
  /* min-width: var(--width-container-sm); */
  max-width: var(--width-container-lg);
  height: 110px;
  margin-inline: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-white);
  transition: all 0.3s ease-in-out;
}
@media (max-width: 800px) {
  .header {
    min-width: 100%;
    max-width: 100%;
    height: 60px;
  }
}
.header.is-scroll {
  height: 70px;
}
@media (max-width: 800px) {
  .header.is-scroll {
    height: 50px;
  }
}
.header.is-scroll .c-linkButton {
  padding-block: 13px;
}
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-inline: 50px;
}
@media (max-width: 800px) {
  .header__inner {
    padding-inline: 20px;
  }
}
.header__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 217px;
  height: 34px;
}
@media (max-width: 800px) {
  .header__logo a {
    width: 128px;
    height: 20px;
  }
}
.header__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.5px;
  height: 20.5px;
}
.header__trigger .icon {
  width: 25.5px;
  height: 20.5px;
}
.header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 35px;
}
@media (max-width: 800px) {
  .header__right {
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: var(--color-black);
    opacity: 0;
    transition: all var(--transition-duration) var(--transition-ease);
  }
  .header__right.is-open {
    visibility: visible;
    overflow: auto;
    opacity: 1;
    -webkit-padding-after: 40px;
    height: 100dvh;
    padding-block-end: 40px;
  }
}
.header .mobile-nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  height: 60px;
  padding-inline: 20px;
}
.header .mobile-nav-header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 20px;
}
.header .mobile-nav-header__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.5px;
  height: 20.5px;
}
.header .mobile-nav-header__trigger .icon {
  width: 25.5px;
  height: 20.5px;
}
.header__nav {
  height: 100%;
}
@media (max-width: 800px) {
  .header__nav {
    height: auto;
    padding-inline: 30px;
  }
}
.header__nav-list {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0;
  gap: 35px;
  list-style: none;
}
@media (max-width: 800px) {
  .header__nav-list {
    flex-direction: column;
    justify-content: flex-start;
    gap: 25px;
    -webkit-padding-before: 30px;
    padding-block-start: 30px;
  }
}
.header__nav-item {
  position: relative;
  height: 100%;
}
@media (max-width: 800px) {
  .header__nav-item {
    width: 100%;
    height: auto;
  }
}
.header__nav-item a {
  display: flex;
  position: relative;
  align-items: center;
  height: 100%;
  gap: 10px;
  color: var(--color-black);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-14);
  line-height: var(--line-height-100);
  font-family: var(--font-family-ja);
  letter-spacing: 0.1em;
  text-decoration: none;
}
@media (max-width: 800px) {
  .header__nav-item a {
    color: var(--white, #fff);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 2.1px;
  }
}
.header__nav-item a .icon {
  width: 10px;
  height: 10px;
}
@media (max-width: 800px) {
  .header__nav-item a .icon {
    display: none;
  }
}
.header__nav-item:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  transform: translate(-50%);
  border-radius: 10px;
  background: var(--color-black);
  content: '';
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 800px) {
  .header__nav-item:after {
    content: none;
  }
}
.header__nav-item:hover:after {
  width: 100%;
  opacity: 1;
}
.header__nav-item.has-dropdown {
  height: 100%;
}
@media (max-width: 800px) {
  .header__nav-item.has-dropdown {
    height: auto;
  }
}
.header__nav-item.has-dropdown:hover .header__dropdown {
  visibility: visible;
  transform: translate(-50%);
  opacity: 1;
  z-index: 30;
}
@media (max-width: 800px) {
  .header__nav-item.has-dropdown:hover .header__dropdown {
    transform: translate(0);
  }
}
.header__dropdown {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transform: translate(-50%);
  opacity: 0;
  -webkit-padding-before: 30px;
  padding-block-start: 30px;
}
@media (max-width: 800px) {
  .header__dropdown {
    -webkit-padding-before: 20px;
    visibility: visible;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-block-start: 20px;
    transform: translate(0);
    opacity: 1;
  }
}
.header__dropdown .header__dropdown-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 40px;
  gap: 20px;
  background: var(--color-white);
  box-shadow: 0 0 10px #0000001a;
}
@media (max-width: 800px) {
  .header__dropdown .header__dropdown-list {
    align-items: flex-start;
    padding: 0;
    gap: 15px;
    background-color: transparent;
  }
}
.header__dropdown .header__dropdown-list li a {
  color: var(--color-black);
  font-size: var(--font-size-12);
  line-height: var(--line-height-100);
}
@media (max-width: 800px) {
  .header__dropdown .header__dropdown-list li a {
    color: var(--gray_text, #999);
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1.8px;
  }
}
.header__dropdown .header__dropdown-list li a:after {
  content: none;
}
.header .linkButton {
  width: 150px;
}
.header__sns {
  display: flex;
  align-items: center;
  gap: 15px;
  -webkit-margin-before: 25px;
  margin-block-start: 25px;
  padding-inline: 30px;
}
.header .bottom-nav {
  padding-inline: 30px;
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
}
.header .bottom-nav__list {
  display: flex;
  flex-direction: column;
}
.header .bottom-nav__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 22px;
  gap: 15px;
  border-top: 1px solid #999;
  color: var(--white, #fff);
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
}
.header .bottom-nav__item a .icon {
  width: 21.502px;
  height: 15.495px;
}
.header .bottom-nav__item:last-child {
  border-bottom: 1px solid #999;
}
.footer {
  width: 100%;
  margin-inline: auto;
  padding-block: 120px;
  background: var(--black, #222);
}
@media (max-width: 800px) {
  .footer {
    min-width: 100%;
    max-width: 100%;
    padding-block: 70px;
  }
}
.footer__inner {
  display: flex;
  flex-direction: column;
  padding-inline: 100px;
}
@media (max-width: 800px) {
  .footer__inner {
    padding-inline: 20px;
  }
}
.footer__top {
  -webkit-margin-before: 56px;
  display: flex;
  justify-content: space-between;
  margin-block-start: 56px;
}
@media (max-width: 800px) {
  .footer__top {
    flex-direction: column;
    align-items: center;
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
  }
}
.footer__logo {
  width: 217px;
  height: 34px;
}
@media (max-width: 800px) {
  .footer__logo {
    width: 224px;
    height: 35px;
    margin-inline: auto;
  }
}
.footer__logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer__info {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  font-size: 13px;
  line-height: 220%;
  letter-spacing: 1.3px;
  opacity: 0.5;
}
@media (max-width: 800px) {
  .footer__info {
    font-size: 12px;
    line-height: 200%;
    letter-spacing: 1.2px;
    text-align: center;
  }
}
.footer__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
}
@media (max-width: 800px) {
  .footer__nav {
    -webkit-margin-before: 60px;
    flex-direction: column;
    margin-block-start: 60px;
    gap: 40px;
  }
}
.footer__nav-list {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 35px;
  list-style: none;
}
@media (max-width: 800px) {
  .footer__nav-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 40px;
  }
}
@media (max-width: 800px) {
  .footer__nav-item {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    line-height: 100%;
  }
}
.footer__nav-item a {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .footer__nav-item a {
    font-size: 13px;
    letter-spacing: 1.95px;
  }
}
.footer__sns {
  display: flex;
  gap: 15px;
}
@media (max-width: 800px) {
  .footer__sns {
    gap: 20px;
  }
}
.footer__sns a {
  display: block;
  width: 25px;
  height: 25px;
}
@media (max-width: 800px) {
  .footer__sns a {
    width: 30px;
    height: 30px;
  }
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
}
@media (max-width: 800px) {
  .footer__bottom {
    -webkit-margin-before: 40px;
    flex-direction: column;
    align-items: center;
    margin-block-start: 40px;
    gap: 40px;
  }
}
.footer__privacy a {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  font-size: 13px;
  line-height: 220%;
  letter-spacing: 1.3px;
  opacity: 0.5;
}
@media (max-width: 800px) {
  .footer__privacy a {
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 1px;
  }
}
.footer__copyright {
  color: var(--white, #fff);
  font-weight: var(--font-weight-normal);
  font-size: 11px;
  line-height: 220%;
  font-family: var(--font-family-en);
  letter-spacing: 1.65px;
  opacity: 0.5;
}
@media (max-width: 800px) {
  .footer__copyright {
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 1px;
  }
}
.main {
  -webkit-padding-before: 110px;
  padding-block-start: 110px;
}
@media (max-width: 800px) {
  .main {
    -webkit-padding-before: 60px;
    padding-block-start: 60px;
  }
}
.container {
  width: var(--width-container-md);
  min-width: var(--width-container-sm);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 100px;
}
@media (max-width: 800px) {
  .container {
    width: 100%;
    min-width: 100%;
    padding-inline: 30px;
  }
}
.container--tight {
  padding-inline: 160px;
}
@media (max-width: 800px) {
  .container--tight {
    padding-inline: 30px;
  }
}
.footer-contact__inner {
  display: grid;
  position: relative;
  overflow: hidden;
}
.footer-contact__inner:before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #0009, #0009);
  content: '';
}
.footer-contact__image {
  z-index: 1;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
.footer-contact__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.footer-contact__content {
  display: flex;
  z-index: 3;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 150px 100px;
  gap: 80px;
}
@media (max-width: 800px) {
  .footer-contact__content {
    padding-inline: 30px;
    padding-block: 70px;
    gap: 40px;
  }
}
.footer-contact__content-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media (max-width: 800px) {
  .footer-contact__content-header {
    gap: 30px;
  }
}
.footer-contact__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white, #fff);
}
.footer-contact__title .heading-h2--ja {
  color: var(--white, #fff);
}
.footer-contact__description {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  line-height: 250%;
  letter-spacing: 1.5px;
  text-align: center;
}
@media (max-width: 800px) {
  .footer-contact__description {
    text-align: left;
  }
}
.footer-contact__content-body {
  display: block grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
@media (max-width: 800px) {
  .footer-contact__content-body {
    grid-template-columns: repeat(1, 1fr);
    border-bottom: 1px solid var(--white, #fff);
  }
}
.footer-contact__content-body-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--white, #fff);
}
@media (max-width: 800px) {
  .footer-contact__content-body-item {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 25px 30px;
    gap: 25px;
    border-top: 1px solid var(--white, #fff);
  }
}
.footer-contact__content-body-item:not(:last-child) {
  border-right: 1px solid var(--white, #fff);
}
@media (max-width: 800px) {
  .footer-contact__content-body-item:not(:last-child) {
    border-right: none;
  }
}
.footer-contact__content-body-item-icon {
  width: 40px;
  height: 40px;
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-icon {
    width: 30px;
    height: 30px;
  }
}
.footer-contact__content-body-item-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-title {
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    gap: 5px;
    text-align: left;
  }
}
.footer-contact__content-body-item-title-en {
  color: var(--white, #fff);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  font-family: var(--font-family-poppins);
  letter-spacing: 2.4px;
  opacity: 0.5;
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-title-en {
    font-size: 11px;
    letter-spacing: 1.65px;
  }
}
.footer-contact__content-body-item-title-ja {
  color: var(--white, #fff);
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-title-ja {
    font-weight: var(--font-weight-bold);
    font-size: 20px;
    line-height: 140%;
    letter-spacing: 2px;
  }
}
.footer-contact__content-body-item-description {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
  text-align: center;
  opacity: 0.5;
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-description {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
    font-size: 12px;
    letter-spacing: 1.2px;
    text-align: left;
  }
  .footer-contact__content-body-item-description span {
    display: none;
  }
}
@media (max-width: 800px) {
  .footer-contact__content-body-item-content {
    flex: auto;
  }
}
.footer-contact__content-body-item-icon-arrow {
  width: 20px;
  height: 14px;
}
.showroom-banner__inner {
  display: grid;
  position: relative;
  overflow: hidden;
}
.showroom-banner__image {
  z-index: 1;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
.showroom-banner__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.showroom-banner__content {
  display: flex;
  z-index: 3;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-block: 83px;
  gap: 50px;
}
@media (max-width: 800px) {
  .showroom-banner__content {
    padding-inline: 30px;
    padding-block: 58px;
    gap: 40px;
  }
}
.showroom-banner__content-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media (max-width: 800px) {
  .showroom-banner__content-header {
    gap: 30px;
  }
}
.showroom-banner__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--white, #fff);
}
@media (max-width: 800px) {
  .showroom-banner__title {
    gap: 10px;
  }
}
.showroom-banner__title-en {
  color: var(--white, #fff);
  font-size: 16px;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
  text-align: center;
  opacity: 0.5;
}
@media (max-width: 800px) {
  .showroom-banner__title-en {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.showroom-banner__title-ja {
  color: var(--white, #fff);
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
  text-align: center;
}
@media (max-width: 800px) {
  .showroom-banner__title-ja {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.showroom-banner__description {
  color: var(--white, #fff);
  font-weight: var(--font-weight-bold);
  line-height: 250%;
  letter-spacing: 1.5px;
  text-align: center;
}
@media (max-width: 800px) {
  .showroom-banner__description {
    text-align: left;
  }
}
.showroom-banner__content-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 800px) {
  .showroom-banner__content-more {
    flex-direction: column;
    gap: 20px;
  }
}
.linkButton {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 220px;
  max-width: 100%;
  padding-block: 18px;
  gap: 10px;
  border-radius: 100px;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-100);
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 800px) {
  .linkButton {
    width: 280px;
  }
}
.linkButton:hover {
  opacity: 1;
}
.linkButton:hover .icon-left,
.linkButton:hover .icon-right {
  background-color: var(--color-white);
}
.linkButton .icon-left {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.linkButton .icon-right {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.linkButton .icon {
  width: 6px;
  height: 8px;
}
.linkButton--primary {
  border: 1px solid var(--color-black);
  background-color: var(--color-black);
  color: var(--color-white);
}
.linkButton--primary:hover {
  background-color: #555;
}
.linkButton--secondary {
  border: 1px solid var(--color-black);
  background-color: transparent;
  color: var(--color-black) !important;
}
.linkButton--secondary:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.linkButton--outlineWhite {
  border: 1px solid var(--color-white);
  background-color: transparent;
  color: var(--color-white) !important;
}
.linkButton--outlineWhite:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.linkButton--white {
  border: none;
  background-color: var(--color-white);
  color: var(--color-black) !important;
}
.linkButton--white:hover {
  background-color: #ddd;
}
.icon {
  display: inline-block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon--plus {
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%200C5.55228%202.41411e-08%206%200.447715%206%201V4H9C9.55229%204%2010%204.44772%2010%205C10%205.55228%209.55229%206%209%206H6V9C6%209.55229%205.55228%2010%205%2010C4.44772%2010%204%209.55229%204%209V6H1C0.447715%206%200%205.55228%200%205C0%204.44772%200.447715%204%201%204H4V1C4%200.447715%204.44772%20-5.17545e-10%205%200Z'%20fill='%23999999'/%3e%3c/svg%3e");
}
.icon--external {
  background-image: url("data:image/svg+xml,%3csvg%20width='9'%20height='10'%20viewBox='0%200%209%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.15039%201.41797C3.17265%201.4173%203.19478%201.41705%203.2168%201.41992L3.2998%201.43945L3.37793%201.47559L3.44629%201.52734L3.50293%201.5918L3.54492%201.66602L3.57129%201.74805C3.57709%201.77591%203.58008%201.8044%203.58008%201.83301C3.58008%201.89049%203.56794%201.94733%203.54492%202C3.52195%202.05254%203.48835%202.09968%203.44629%202.13867C3.40411%202.17771%203.35407%202.20769%203.2998%202.22656C3.25172%202.24328%203.20116%202.24958%203.15039%202.24805V2.25H0.917969L0.885742%202.25586C0.875676%202.26004%200.866254%202.26656%200.858398%202.27441C0.842923%202.29002%200.834117%202.31103%200.833984%202.33301V8.33203L0.84082%208.36426C0.844958%208.37432%200.850595%208.38373%200.858398%208.3916C0.874097%208.40735%200.895734%208.41693%200.917969%208.41699H6.58301C6.6936%208.41699%206.79973%208.37215%206.87793%208.29395C6.95586%208.21588%206.99987%208.1103%207%208V6.09961H7.00098C6.99938%206.04868%207.00569%205.99745%207.02246%205.94922L7.05859%205.87207C7.07329%205.84756%207.09085%205.82481%207.11035%205.80371L7.1748%205.74707C7.19808%205.7305%207.22271%205.71562%207.24902%205.7041L7.33105%205.67871C7.35894%205.67287%207.38737%205.66996%207.41602%205.66992L7.50195%205.67871L7.58398%205.7041L7.6582%205.74707L7.72266%205.80371L7.77441%205.87207L7.81055%205.94922L7.83008%206.0332C7.83292%206.05519%207.83273%206.07738%207.83203%206.09961H7.83301V8C7.83288%208.33135%207.7011%208.64948%207.4668%208.88379C7.2324%209.11806%206.91441%209.25%206.58301%209.25H0.916992C0.674145%209.25%200.441438%209.15296%200.269531%208.98145C0.0976217%208.80979%200.000389058%208.57692%200%208.33398V2.33398C0%202.09089%200.0967329%201.85749%200.268555%201.68555C0.440523%201.51358%200.673791%201.41699%200.916992%201.41699H3.15039V1.41797ZM8.08398%200.75C8.16684%200.75%208.24747%200.77408%208.31543%200.819336L8.37891%200.87207L8.43164%200.935547C8.47678%201.00344%208.50098%201.08423%208.50098%201.16699V3.5C8.50085%203.61039%208.4569%203.71589%208.37891%203.79395C8.3007%203.87215%208.19458%203.91699%208.08398%203.91699C7.97348%203.91693%207.86721%203.87209%207.78906%203.79395C7.71122%203.71591%207.66712%203.61027%207.66699%203.5V2.17383L4.5459%205.29492C4.50729%205.33363%204.46069%205.36476%204.41016%205.38574C4.35973%205.40658%204.30553%205.41603%204.25098%205.41602V5.41699C4.16873%205.41691%204.08794%205.39233%204.01953%205.34668C3.95117%205.30095%203.89679%205.23608%203.86523%205.16016C3.83378%205.08418%203.82586%204.99965%203.8418%204.91895L3.8584%204.86035C3.87898%204.80263%203.91244%204.74983%203.95605%204.70605V4.70508L7.0791%201.58301H5.75V1.58105C5.69921%201.58261%205.64869%201.57628%205.60059%201.55957C5.54629%201.54069%205.49628%201.51071%205.4541%201.47168C5.41204%201.43271%205.37846%201.38559%205.35547%201.33301C5.34391%201.30657%205.33495%201.27908%205.3291%201.25098L5.32031%201.16602L5.3291%201.08105C5.33495%201.05296%205.34391%201.02546%205.35547%200.999023L5.39746%200.924805C5.41403%200.901461%205.433%200.879902%205.4541%200.860352L5.52246%200.808594C5.54703%200.793827%205.57337%200.781926%205.60059%200.772461L5.68359%200.75293C5.70561%200.750067%205.72774%200.750296%205.75%200.750977V0.75H8.08398Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.icon--calendar {
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='41'%20viewBox='0%200%2040%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='path-1-inside-1_2070_3827'%20fill='white'%3e%3crect%20y='7.5'%20width='40'%20height='28'%20rx='1'/%3e%3c/mask%3e%3crect%20y='7.5'%20width='40'%20height='28'%20rx='1'%20stroke='white'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'%20mask='url(%23path-1-inside-1_2070_3827)'/%3e%3cpath%20d='M2%2015.5H38'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11%206.5V10.5'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M29%206.5V10.5'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.icon--mail {
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='41'%20viewBox='0%200%2040%2041'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.1025%206.50488C39.6067%206.55621%2040%206.98232%2040%207.5V33.5L39.9951%2033.6025C39.9472%2034.073%2039.573%2034.4472%2039.1025%2034.4951L39%2034.5H1L0.897461%2034.4951C0.427033%2034.4472%200.0527827%2034.073%200.00488281%2033.6025L0%2033.5V7.5C0%206.98232%200.393331%206.55621%200.897461%206.50488L1%206.5H39L39.1025%206.50488ZM21.2275%2022.8115C20.5505%2023.3381%2019.6199%2023.3709%2018.9111%2022.9102L18.7725%2022.8115L2%209.7666V32.5H38V9.7666L21.2275%2022.8115ZM20%2021.2334L36.3711%208.5H3.62891L20%2021.2334Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon--book {
  background-image: url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36.5938%202.625C37.2549%202.33127%2037.9997%202.81566%2038%203.53906V6.39941L38.8037%206.23926C39.4223%206.11558%2039.9997%206.58893%2040%207.21973V33.1807L39.9961%2033.2686C39.9575%2033.7068%2039.6345%2034.0734%2039.1963%2034.1611L20.1963%2037.9609L20.0986%2037.9756C20.0331%2037.9821%2019.9669%2037.9821%2019.9014%2037.9756L19.8037%2037.9609L0.803711%2034.1611C0.365528%2034.0734%200.0425055%2033.7068%200.00390625%2033.2686L0%2033.1807V7.21973C0.000275393%206.58893%200.577672%206.11558%201.19629%206.23926L2%206.39941V3.53906C2.00026%202.81566%202.74511%202.33127%203.40625%202.625L19.5938%209.81934C19.82%209.91988%2020.0744%209.93282%2020.3076%209.85742L20.4062%209.81934L36.5938%202.625ZM2%2032.3594L19%2035.7598V12C19%2011.9461%2019.0054%2011.8934%2019.0137%2011.8418L2%208.43945V32.3594ZM20.9854%2011.8418C20.9936%2011.8934%2021%2011.946%2021%2012V35.7598L38%2032.3594V8.43945L20.9854%2011.8418ZM4%206.39551L9.93066%207.71289L4%205.07715V6.39551ZM30.0684%207.71289L36%206.39551V5.07715L30.0684%207.71289Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon--menu {
  background-image: url("data:image/svg+xml,%3csvg%20width='26'%20height='22'%20viewBox='0%200%2026%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.75%2019.75C25.1642%2019.75%2025.5%2020.0858%2025.5%2020.5C25.5%2020.9142%2025.1642%2021.25%2024.75%2021.25H0.75C0.335786%2021.25%200%2020.9142%200%2020.5C0%2020.0858%200.335786%2019.75%200.75%2019.75H24.75ZM24.75%2010.25C25.1642%2010.25%2025.5%2010.5858%2025.5%2011C25.5%2011.4142%2025.1642%2011.75%2024.75%2011.75H0.75C0.335786%2011.75%200%2011.4142%200%2011C0%2010.5858%200.335786%2010.25%200.75%2010.25H24.75ZM24.75%200.75C25.1642%200.75%2025.5%201.08579%2025.5%201.5C25.5%201.91421%2025.1642%202.25%2024.75%202.25H0.75C0.335786%202.25%200%201.91421%200%201.5C0%201.08579%200.335786%200.75%200.75%200.75H24.75Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.icon--close {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.72%200.984497C18.0129%200.691674%2018.4876%200.691627%2018.7805%200.984497C19.0733%201.27737%2019.0733%201.75216%2018.7805%202.04504L10.8254%2010.0001L18.7805%2017.9552C19.0732%2018.2481%2019.0733%2018.7229%2018.7805%2019.0157C18.4877%2019.3086%2018.0129%2019.3085%2017.72%2019.0157L9.76489%2011.0607L1.80981%2019.0157C1.51693%2019.3086%201.04214%2019.3086%200.749268%2019.0157C0.456398%2018.7229%200.456445%2018.2481%200.749268%2017.9552L8.70435%2010.0001L0.749268%202.04504C0.456374%201.75215%200.456374%201.27739%200.749268%200.984497C1.04216%200.691646%201.51694%200.691618%201.80981%200.984497L9.76489%208.93958L17.72%200.984497Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon--arrow-right {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='16'%20viewBox='0%200%2022%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5461%200.219618C13.8216%20-0.0539905%2014.2574%20-0.0723779%2014.553%200.166883L14.6106%200.219618L21.6555%207.21864C21.9494%207.51057%2021.9494%207.98433%2021.6555%208.27626L14.6106%2015.2763C14.3168%2015.5681%2013.84%2015.5679%2013.5461%2015.2763C13.2523%2014.9843%2013.2523%2014.5106%2013.5461%2014.2186L19.2346%208.56727H1.12427C0.710054%208.56727%200.374268%208.23149%200.374268%207.81727C0.374432%207.4032%200.710156%207.06727%201.12427%207.06727H19.3743L13.5461%201.27626L13.4944%201.21962C13.2534%200.926166%2013.2711%200.493337%2013.5461%200.219618Z'%20fill='%23999999'/%3e%3c/svg%3e");
}
.icon--chevron-right {
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='9'%20viewBox='0%200%2010%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.53033%208.46967C5.23744%208.76256%204.76256%208.76256%204.46967%208.46967C4.17678%208.17678%204.17678%207.7019%204.46967%207.40901L6.93902%204.93966L4.46967%202.47031L4.41788%202.413C4.17769%202.11853%204.19538%201.68426%204.46967%201.40965C4.74424%201.13508%205.17844%201.11764%205.47302%201.35786L5.53033%201.40965L8.53001%204.40933C8.8229%204.70222%208.8229%205.1771%208.53001%205.46999L5.53033%208.46967Z'%20fill='white'/%3e%3c/svg%3e");
}
.icon--chevron-down {
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.333338%204.33334C0.149241%204.14924%200.149241%203.85076%200.333338%203.66666C0.517436%203.48256%200.815917%203.48256%201.00002%203.66666L4.00006%206.66671L7.00011%203.66666L7.07368%203.60611C7.25667%203.48515%207.50564%203.50552%207.66678%203.66666C7.82793%203.82781%207.84829%204.07677%207.72733%204.25977L7.66678%204.33334L4.00006%208.00006L0.333338%204.33334Z'%20fill='%23999999'/%3e%3c/svg%3e");
}
.icon--chevron-left-black {
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.icon--chevron-right-black {
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.icon--modal-close {
  background-image: url("data:image/svg+xml,%3csvg%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='100'%20height='100'%20fill='%23FAFAFA'/%3e%3crect%20width='100'%20height='100'%20fill='%23F8F8F8'/%3e%3crect%20width='100'%20height='100'%20fill='%23F5F5F5'/%3e%3cpath%20d='M40%2040L60%2060'%20stroke='%23222222'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cpath%20d='M40%2060L60%2040'%20stroke='%23222222'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e");
}
.icon--close-black {
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.969727%200.469482C1.26262%200.176689%201.73741%200.176652%202.03027%200.469482L6.5%204.93921L10.9697%200.469482L11.0264%200.418701C11.3209%200.178439%2011.7557%200.195028%2012.0303%200.469482C12.3048%200.744048%2012.3222%201.17881%2012.082%201.47339L12.0303%201.53003L7.56055%205.99976L12.0303%2010.4695L12.082%2010.5261C12.3223%2010.8207%2012.3049%2011.2564%2012.0303%2011.531C11.7556%2011.8052%2011.3208%2011.822%2011.0264%2011.5818L10.9697%2011.531L6.49902%207.0603L2.03027%2011.53C1.73738%2011.8229%201.26262%2011.8229%200.969727%2011.53C0.676988%2011.2371%200.676885%2010.7623%200.969727%2010.4695L5.43848%205.99976L0.969727%201.53003C0.676866%201.23713%200.676844%200.762365%200.969727%200.469482Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.icon--download {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1001%2015.106C15.3555%2014.8536%2015.499%2014.5115%2015.499%2014.1549V11.6667C15.5026%2011.6204%2015.4965%2011.5738%2015.4811%2011.5299C15.4656%2011.4861%2015.4411%2011.4458%2015.4091%2011.4117C15.3771%2011.3776%2015.3384%2011.3504%2015.2952%2011.3318C15.2521%2011.3132%2015.2055%2011.3036%2015.1584%2011.3036C15.1114%2011.3036%2015.0648%2011.3132%2015.0217%2011.3318C14.9785%2011.3504%2014.9397%2011.3776%2014.9078%2011.4117C14.8758%2011.4458%2014.8513%2011.4861%2014.8358%2011.5299C14.8204%2011.5738%2014.8143%2011.6204%2014.8179%2011.6667V14.1549C14.8174%2014.3333%2014.7452%2014.5042%2014.6171%2014.6302C14.4891%2014.7562%2014.3156%2014.8269%2014.1348%2014.8269H1.86317C1.68271%2014.8264%201.50978%2014.7554%201.38217%2014.6295C1.25456%2014.5036%201.18264%2014.3329%201.1821%2014.1549V11.6665C1.18574%2011.6202%201.17963%2011.5736%201.16417%2011.5297C1.14871%2011.4859%201.12422%2011.4456%201.09224%2011.4115C1.06027%2011.3774%201.02149%2011.3502%200.97835%2011.3316C0.935211%2011.313%200.88864%2011.3034%200.84156%2011.3034C0.79448%2011.3034%200.747909%2011.313%200.70477%2011.3316C0.661631%2011.3502%200.622853%2011.3774%200.590875%2011.4115C0.558898%2011.4456%200.534411%2011.4859%200.518948%2011.5297C0.503485%2011.5736%200.497382%2011.6202%200.501023%2011.6665V14.1549C0.501023%2014.5119%200.644751%2014.8543%200.900587%2015.1067C1.15642%2015.3592%201.50341%2015.501%201.86522%2015.501H14.1368C14.4983%2015.5004%2014.8447%2015.3584%2015.1001%2015.106Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.38445%208.35017C4.4485%208.28696%204.53538%208.25145%204.62597%208.25145C4.71655%208.25145%204.80344%208.28695%204.8675%208.35015L8.00146%2011.4426L11.1354%208.35017C11.166%208.31487%2011.2037%208.28621%2011.2461%208.26597C11.2885%208.24573%2011.3346%208.23436%2011.3817%208.23256C11.4287%208.23077%2011.4756%208.23858%2011.5195%208.25552C11.5633%208.27247%2011.6031%208.29817%2011.6364%208.33102C11.6697%208.36387%2011.6958%208.40315%2011.7129%208.44641C11.7301%208.48966%2011.738%208.53596%2011.7362%208.58238C11.7344%208.6288%2011.7228%208.67435%2011.7023%208.71616C11.6818%208.75798%2011.6528%208.79516%2011.617%208.82537L8.24152%2012.1561C8.17747%2012.2193%208.09059%2012.2548%208%2012.2548C7.90942%2012.2548%207.82253%2012.2193%207.75847%2012.1561L4.38444%208.82681C4.32038%208.7636%204.2844%208.67787%204.2844%208.58848C4.2844%208.4991%204.32039%208.41337%204.38445%208.35017Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.7584%200.738468C7.80618%200.691418%207.86702%200.659393%207.93323%200.646437C7.99944%200.633482%208.06806%200.64018%208.13042%200.665679C8.19278%200.691178%208.24609%200.734333%208.28361%200.789705C8.32113%200.845076%208.34118%200.910171%208.34123%200.976778L8.33978%2011.9179C8.33639%2012.005%208.29896%2012.0874%208.23532%2012.1478C8.17168%2012.2083%208.0868%2012.242%207.99848%2012.242C7.91016%2012.242%207.82526%2012.2083%207.76162%2012.1479C7.69799%2012.0874%207.66056%2012.005%207.65717%2011.9179L7.65861%200.976778C7.65847%200.932519%207.66721%200.888678%207.68433%200.847773C7.70146%200.806868%207.72664%200.769718%207.7584%200.738468Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.icon--external-gray {
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.90039%201.41895C3.92265%201.41827%203.94478%201.41803%203.9668%201.4209L4.0498%201.44043L4.12793%201.47656L4.19629%201.52832L4.25293%201.59277L4.29492%201.66699L4.32129%201.74902C4.32709%201.77689%204.33008%201.80537%204.33008%201.83398L4.32129%201.91895C4.31544%201.94706%204.30648%201.97452%204.29492%202.00098C4.27195%202.05352%204.23835%202.10066%204.19629%202.13965C4.15411%202.17868%204.10407%202.20866%204.0498%202.22754C4.00172%202.24426%203.95116%202.25056%203.90039%202.24902V2.25098H1.66797L1.63574%202.25684C1.62568%202.26102%201.61625%202.26754%201.6084%202.27539C1.59292%202.291%201.58412%202.312%201.58398%202.33398V8.33301L1.59082%208.36523C1.59496%208.37529%201.60059%208.38471%201.6084%208.39258C1.6241%208.40832%201.64573%208.4179%201.66797%208.41797H7.33301C7.4436%208.41797%207.54973%208.37312%207.62793%208.29492C7.70586%208.21686%207.74987%208.11128%207.75%208.00098V6.10059H7.75098C7.74938%206.04966%207.75569%205.99842%207.77246%205.9502L7.80859%205.87305C7.82329%205.84854%207.84085%205.82579%207.86035%205.80469L7.9248%205.74805C7.94808%205.73148%207.97271%205.7166%207.99902%205.70508L8.08105%205.67969C8.10894%205.67385%208.13737%205.67093%208.16602%205.6709L8.25195%205.67969L8.33398%205.70508L8.4082%205.74805L8.47266%205.80469L8.52441%205.87305L8.56055%205.9502L8.58008%206.03418C8.58292%206.05617%208.58273%206.07835%208.58203%206.10059H8.58301V8.00098C8.58288%208.33232%208.4511%208.65046%208.2168%208.88477C7.9824%209.11904%207.66441%209.25097%207.33301%209.25098H1.66699C1.42415%209.25097%201.19144%209.15394%201.01953%208.98242C0.847622%208.81077%200.750389%208.57789%200.75%208.33496V2.33496C0.75%202.09187%200.846733%201.85847%201.01855%201.68652C1.19052%201.51455%201.42379%201.41797%201.66699%201.41797H3.90039V1.41895ZM8.83398%200.750977C8.91684%200.750977%208.99747%200.775057%209.06543%200.820312L9.12891%200.873047L9.18164%200.936523C9.22678%201.00442%209.25098%201.0852%209.25098%201.16797V3.50098L9.24316%203.58203C9.22717%203.66221%209.18753%203.73625%209.12891%203.79492C9.07028%203.85355%208.99613%203.89315%208.91602%203.90918L8.83398%203.91797C8.72348%203.9179%208.61721%203.87307%208.53906%203.79492C8.46122%203.71688%208.41712%203.61125%208.41699%203.50098V2.1748L5.2959%205.2959C5.25729%205.33461%205.21069%205.36573%205.16016%205.38672C5.10973%205.40756%205.05553%205.417%205.00098%205.41699V5.41797C4.91873%205.41788%204.83794%205.39331%204.76953%205.34766C4.70117%205.30192%204.64679%205.23705%204.61523%205.16113C4.58378%205.08515%204.57586%205.00063%204.5918%204.91992L4.6084%204.86133C4.62898%204.8036%204.66244%204.75081%204.70605%204.70703V4.70605L7.8291%201.58398H6.5V1.58203C6.44921%201.58358%206.39869%201.57726%206.35059%201.56055C6.29629%201.54167%206.24628%201.51169%206.2041%201.47266C6.16204%201.43368%206.12846%201.38656%206.10547%201.33398C6.09391%201.30754%206.08495%201.28005%206.0791%201.25195L6.07031%201.16699L6.0791%201.08203C6.08495%201.05394%206.09391%201.02644%206.10547%201L6.14746%200.925781C6.16403%200.902438%206.183%200.880879%206.2041%200.861328L6.27246%200.80957C6.29703%200.794803%206.32337%200.782903%206.35059%200.773438L6.43359%200.753906C6.45561%200.751043%206.47774%200.751273%206.5%200.751953V0.750977H8.83398Z'%20fill='%23999999'/%3e%3c/svg%3e");
}
.heading-h2 {
  display: block flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 800px) {
  .heading-h2 {
    align-items: center;
    gap: 10px;
  }
}
.heading-h2--en {
  font-style: normal;
  font-weight: 200;
  font-size: 60px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 9px;
}
@media (max-width: 800px) {
  .heading-h2--en {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 5.4px;
  }
}
.heading-h2--ja {
  color: var(--gray_text, #999);
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .heading-h2--ja {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.tag-item {
  display: inline flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 100px;
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 1px;
}
@media (max-width: 800px) {
  .tag-item {
    padding: 8px 10px;
    font-size: 9px;
    letter-spacing: 0.9px;
  }
}
.case-item {
  display: block flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  gap: 30px;
}
@media (max-width: 800px) {
  .case-item {
    gap: 20px;
  }
}
.case-item__img {
  position: relative;
  width: 100%;
}
.case-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case-item__detail {
  display: block flex;
  flex-direction: column;
  padding-inline: 20px;
  gap: 20px;
}
@media (max-width: 800px) {
  .case-item__detail {
    padding-inline: 0;
    gap: 15px;
  }
}
.case-item__title {
  color: var(--black, #222);
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 3px;
  text-align: left;
}
@media (max-width: 800px) {
  .case-item__title {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 2.7px;
  }
}
.case-item__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.textLink {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.textLink--white {
  color: var(--color-white);
}
.textLink--normal {
  font-weight: var(--font-weight-normal);
}
.textLink--bold {
  font-weight: var(--font-weight-bold);
}
.textLink .icon {
  width: 8px;
  height: 8px;
}
.page-title {
  display: block flex;
  flex-direction: column;
  align-items: center;
  padding-block: 120px;
  gap: 20px;
  text-align: center;
}
@media (max-width: 800px) {
  .page-title {
    padding-block: 50px 70px;
    gap: 10px;
  }
}
.page-title__en {
  font-style: normal;
  font-weight: 200;
  font-size: 60px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 9px;
}
@media (max-width: 800px) {
  .page-title__en {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 5.4px;
  }
}
.page-title__ja {
  color: var(--gray_text, #999);
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .page-title__ja {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.page-anchor ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px 50px;
  -webkit-padding-after: 40px;
  padding-block-end: 40px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 800px) {
  .page-anchor ul {
    gap: 20px 30px;
    -webkit-padding-after: 30px;
    padding-inline: 30px;
    padding-block-end: 30px;
  }
}
.page-anchor ul a {
  line-height: 100%;
}
@media (max-width: 800px) {
  .page-anchor ul a {
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.table-item {
  display: block grid;
  grid-template-columns: 170px 1fr;
  padding: 50px 0 50px 50px;
  gap: 40px;
  border-bottom: 1px solid var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .table-item {
    grid-template-columns: 1fr;
    padding: 25px 10px;
    gap: 10px;
  }
}
.table-item__th {
  display: flex;
  color: var(--gray_text, #999);
  font-weight: var(--font-weight-bold);
  line-height: 27px;
  letter-spacing: 1.3px;
}
@media (max-width: 800px) {
  .table-item__th {
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 1.1px;
  }
}
.table-item__td {
  line-height: 180%;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .table-item__td {
    letter-spacing: 1.4px;
  }
}
.table-item__td a {
  color: var(--black, #222);
}
.breadcrumb {
  overflow: hidden;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
.breadcrumb__wrapper {
  overflow-x: auto;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  width: var(--width-container-md);
  min-width: var(--width-container-sm);
  max-width: 100%;
  margin-inline: auto;
  padding-inline: 100px;
  padding-block: 50px;
  gap: 20px;
}
@media (max-width: 800px) {
  .breadcrumb__list {
    width: 100%;
    min-width: 100%;
    padding-inline: 30px;
    padding-block: 25px;
    gap: 10px;
  }
}
.breadcrumb__list li {
  font-size: 13px;
  line-height: 100%;
  white-space: nowrap;
}
@media (max-width: 800px) {
  .breadcrumb__list li {
    font-size: 11px;
  }
}
.breadcrumb__list li:last-child {
  -webkit-padding-end: 100px;
  padding-inline-end: 100px;
}
@media (max-width: 800px) {
  .breadcrumb__list li:last-child {
    -webkit-padding-end: 30px;
    padding-inline-end: 30px;
  }
}
.breadcrumb__list li:not(:last-child):after {
  margin-left: 20px;
  content: '>';
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 1.8px;
}
@media (max-width: 800px) {
  .breadcrumb__list li:not(:last-child):after {
    font-size: 11px;
  }
}
.iconButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 1px solid var(--black, #222);
  border-radius: 100px;
}
.iconButton--disabled {
  opacity: 0.2;
  pointer-events: none;
}
.iconButton .icon {
  width: 6px;
  height: 8px;
}
.modal {
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal.is-active {
  display: block;
  overflow: auto;
}
.modal__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 1240px;
  height: 100dvh;
  transform: translate(-50%, -50%);
  background-color: #000000b3;
}
@media (max-width: 800px) {
  .modal__overlay {
    min-width: 100%;
  }
}
.modal__container {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 1240px;
  max-width: 1240px;
  max-height: calc(100dvh - 200px);
  overflow-y: auto;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
@media (max-width: 800px) {
  .modal__container {
    width: calc(100dvw - 60px);
    min-width: 0;
    max-width: none;
    max-height: calc(100dvh - 60px);
  }
}
.modal__close {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
@media (max-width: 800px) {
  .modal__close {
    width: 60px;
    height: 60px;
  }
}
.modal__close:hover {
  opacity: 0.7;
}
.modal__close .icon {
  width: 100%;
  height: 100%;
}
.modal__content {
  width: 100%;
  height: 100%;
  padding-block: 150px;
}
@media (max-width: 800px) {
  .modal__content {
    padding-block: 60px;
  }
}
.modal__bottom-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  gap: 15px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
  color: var(--black, #222);
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.2px;
}
.modal__bottom-close .icon {
  width: 11px;
  height: 11px;
}
.case-detail__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-inline: 100px;
  gap: 16px;
}
@media (max-width: 800px) {
  .case-detail__title {
    align-items: flex-start;
    justify-content: flex-start;
    padding-inline: 30px;
    gap: 10px;
  }
}
.case-detail__title-label {
  color: var(--gray_text, #999);
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .case-detail__title-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1.8px;
  }
}
.case-detail__title-text {
  color: var(--black, #222);
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .case-detail__title-text {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.case-detail__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  -webkit-margin-before: 30px;
  margin-block-start: 30px;
  padding-inline: 100px;
}
@media (max-width: 800px) {
  .case-detail__tags {
    padding-inline: 30px;
    -webkit-margin-before: 20px;
    justify-content: flex-start;
    margin-block-start: 20px;
    gap: 8px 10px;
  }
}
.case-detail__slider {
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .case-detail__slider {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.case-detail .swiper-wrapper {
  z-index: -1;
}
.case-detail .swiper-button-next,
.case-detail .swiper-button-prev {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 800px) {
  .case-detail .swiper-button-next,
  .case-detail .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
}
.case-detail .swiper-button-next:after,
.case-detail .swiper-button-prev:after {
  content: none;
}
.case-detail .swiper-button-next.swiper-button-disabled,
.case-detail .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.case-detail .swiper-button-next {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='49'%20height='49'%20rx='24.5'%20fill='white'/%3e%3crect%20x='0.5'%20y='0.5'%20width='49'%20height='49'%20rx='24.5'%20stroke='%23222222'/%3e%3cpath%20d='M22.379%2021.48H24.219L28.091%2025.144L24.219%2028.824H22.379L26.251%2025.144L22.379%2021.48Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.case-detail .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20viewBox='0%200%2050%2050'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='-0.5'%20y='0.5'%20width='49'%20height='49'%20rx='24.5'%20transform='matrix(-1%200%200%201%2049%200)'%20fill='white'/%3e%3crect%20x='-0.5'%20y='0.5'%20width='49'%20height='49'%20rx='24.5'%20transform='matrix(-1%200%200%201%2049%200)'%20stroke='%23222222'/%3e%3cpath%20d='M27.621%2021.48H25.781L21.909%2025.144L25.781%2028.824H27.621L23.749%2025.144L27.621%2021.48Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.case-detail__sliderThumbnail {
  -webkit-margin-before: 20px;
  margin-block-start: 20px;
}
@media (max-width: 800px) {
  .case-detail__sliderThumbnail {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
  }
}
.case-detail__sliderThumbnail .swiper-wrapper {
  justify-content: center;
  gap: 20px;
}
@media (max-width: 800px) {
  .case-detail__sliderThumbnail .swiper-wrapper {
    gap: 15px;
  }
}
.case-detail__slider-item--thumb.swiper-slide {
  flex: 0 0 auto;
  aspect-ratio: 1/1;
  max-width: 200px;
  max-height: 200px;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
@media (max-width: 800px) {
  .case-detail__slider-item--thumb.swiper-slide {
    max-width: 60px;
    max-height: 60px;
  }
}
.case-detail__slider-item--thumb.swiper-slide:hover {
  opacity: 1;
}
.case-detail__slider-item--thumb.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case-detail__slider-item--thumb.swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.case-detail__info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-inline: 100px;
  gap: 40px;
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .case-detail__info {
    -webkit-margin-before: 50px;
    grid-template-columns: 1fr;
    margin-block-start: 50px;
    padding-inline: 30px;
    gap: 0;
  }
}
.case-detail__info-item-wrapper {
  border-top: 1px solid #ddd;
}
@media (max-width: 800px) {
  .case-detail__info-item-wrapper {
    border-top: none;
  }
  .case-detail__info-item-wrapper:first-child {
    border-top: 1px solid #ddd;
  }
}
.case-detail__info .table-item {
  padding: 30px;
}
@media (max-width: 800px) {
  .case-detail__info .table-item {
    padding: 10px;
    gap: 0;
  }
}
@media (max-width: 800px) {
  .case-detail__info .table-item__th {
    line-height: 200%;
  }
}
@media (max-width: 800px) {
  .case-detail__info .table-item__td {
    line-height: 230%;
    letter-spacing: 1.4px;
  }
}
.case-detail__nav {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
  padding-inline: 100px;
}
@media (max-width: 800px) {
  .case-detail__nav {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
    padding-inline: 30px;
  }
  .case-detail__nav .button {
    width: 100px;
  }
}
.case-detail__nav .button[disabled] {
  cursor: not-allowed;
  opacity: 0.1;
  pointer-events: none;
}
.case-detail__others {
  padding-inline: 100px;
  -webkit-margin-before: 150px;
  margin-block-start: 150px;
}
@media (max-width: 800px) {
  .case-detail__others {
    -webkit-margin-before: 60px;
    margin-block-start: 60px;
    padding-inline: 30px;
  }
}
.case-detail__others-title {
  font-weight: 400;
  font-size: 28px;
  font-family: var(--font-family-en);
  letter-spacing: 2.8px;
  text-align: center;
}
@media (max-width: 800px) {
  .case-detail__others-title {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 1.8px;
    text-align: left;
  }
}
.case-detail__others-list {
  -webkit-margin-before: 50px;
  display: flex;
  margin-block-start: 50px;
  gap: 10px;
}
@media (max-width: 800px) {
  .case-detail__others-list {
    -webkit-margin-before: 20px;
    width: calc(100% + 60px);
    margin-inline: -30px;
    margin-block-start: 20px;
    padding-inline: 30px;
    overflow-x: auto;
  }
}
.case-detail__others-item {
  display: flex;
  flex: 0 0 340px;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 800px) {
  .case-detail__others-item {
    flex: 0 0 200px;
  }
}
.case-detail__others-item-image {
  aspect-ratio: 340/220;
  overflow: hidden;
}
.case-detail__others-item-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.case-detail__others-item-title {
  padding-inline: 10px;
  color: var(--black, #222);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 2.4px;
  text-align: left;
}
@media (max-width: 800px) {
  .case-detail__others-item-title {
    padding-inline: 5px;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 2px;
  }
}
.floating-button {
  display: flex;
  z-index: 100;
  position: fixed;
  right: 0;
  bottom: 50px;
  align-items: center;
  justify-content: center;
  max-width: 50px;
  padding-block: 16px;
  border-radius: 10px 0 0 10px;
  background: var(--black, #222);
}
@media (max-width: 800px) {
  .floating-button {
    display: none;
  }
}
.floating-button a {
  display: block flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  gap: 10px;
  color: var(--white, #fff);
  font-weight: 700;
  font-size: 13px;
  line-height: 120%;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
}
.floating-button a .icon {
  width: 15px;
  height: 15px;
}
.button {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 220px;
  max-width: 100%;
  padding-block: 18px;
  border-radius: 100px;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-100);
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-duration) var(--transition-ease);
}
@media (max-width: 800px) {
  .button {
    width: 280px;
  }
}
.button:hover {
  opacity: 1;
}
.button:hover .icon-left,
.button:hover .icon-right {
  background-color: var(--color-white);
}
.button .icon-left {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.button .icon-right {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.button .icon {
  width: 6px;
  height: 8px;
}
.button--primary {
  border: 1px solid var(--color-black);
  background-color: var(--color-black);
  color: var(--color-white);
}
.button--primary:hover {
  background-color: #555;
}
.button--secondary {
  border: 1px solid var(--color-black);
  background-color: transparent;
  color: var(--color-black);
}
.button--secondary:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.button--outlineWhite {
  border: 1px solid var(--color-white);
  background-color: transparent;
  color: var(--color-white);
}
.button--outlineWhite:hover {
  background-color: var(--color-white);
  color: var(--color-black);
}
.button--white {
  border: none;
  background-color: var(--color-white);
  color: var(--color-black);
}
.button--white:hover {
  background-color: #ddd;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
@media (max-width: 800px) {
  .pagination {
    gap: 20px;
  }
}
.pagination .prev {
  -webkit-margin-end: 35px;
  margin-inline-end: 35px;
}
@media (max-width: 800px) {
  .pagination .prev {
    -webkit-margin-end: 10px;
    margin-inline-end: 10px;
  }
}
.pagination .next {
  -webkit-margin-start: 35px;
  margin-inline-start: 35px;
}
@media (max-width: 800px) {
  .pagination .next {
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
  }
}
.pagination .num {
  position: relative;
  min-width: 20px;
  color: var(--black, #222);
  line-height: 1;
  font-family: var(--font-family-en);
  letter-spacing: 2.25px;
  text-align: center;
}
@media (max-width: 800px) {
  .pagination .num {
    min-width: 15px;
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.pagination .num.pagination__item--current:after {
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--black, #222);
  content: '';
}
@media (max-width: 800px) {
  .pagination .num.pagination__item--current:after {
    bottom: -7px;
  }
}
.pagination .num a {
  color: var(--gray_text, #999);
}
.tabs {
  display: flex;
  justify-content: center;
  gap: 20px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 800px) {
  .tabs {
    padding-inline: 20px;
    gap: 0;
  }
}
.tabs__item {
  padding: 0 30px 40px;
  color: var(--gray_text, #999);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.5px;
  cursor: pointer;
  transition: all var(--transition-duration) var(--transition-ease);
}
@media (max-width: 800px) {
  .tabs__item {
    padding: 0 10px 20px;
    font-size: 13px;
    letter-spacing: 1px;
  }
}
.tabs__item--current {
  border-bottom: 2px solid #222;
  color: var(--black, #222);
  pointer-events: none;
}
.tabs__item:hover {
  opacity: 0.7;
}
.tabs-content__item {
  display: none;
}
.tabs-content__item--current {
  display: block;
}
.color-list {
  display: block flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 800px) {
  .color-list {
    gap: 10px;
  }
}
.color-list .color-wrapper {
  display: block flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 800px) {
  .color-list .color-wrapper {
    gap: 5px;
  }
}
.color-list .color-list-dt {
  line-height: 100%;
}
@media (max-width: 800px) {
  .color-list .color-list-dt {
    font-size: 13px;
    line-height: 200%;
  }
}
@media (max-width: 800px) {
  .color-list .color-list-dd {
    -webkit-margin-start: -30px;
    width: 100dvw;
    margin-inline-start: -30px;
    overflow-x: auto;
    -webkit-padding-after: 10px;
    padding-block-end: 10px;
  }
}
.color-list .color-list__item-wrap {
  display: block flex;
  flex-wrap: wrap;
  gap: 10px 15px;
}
@media (max-width: 800px) {
  .color-list .color-list__item-wrap {
    flex-wrap: nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-inline: 30px;
    gap: 10px;
  }
}
.color-list .color-list__item {
  width: 80px;
}
@media (max-width: 800px) {
  .color-list .color-list__item {
    width: 65px;
    min-width: 65px;
  }
}
.color-list .color-list__item-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 5px;
  transition: opacity 0.3s ease-in-out;
}
.color-list .color-list__item-button .color-list__item-button-color {
  width: 100%;
  height: 60px;
  border: 1px solid #ddd;
  background-position: center;
  background-size: cover;
}
@media (max-width: 800px) {
  .color-list .color-list__item-button .color-list__item-button-color {
    height: 45px;
  }
}
.color-list .color-list__item-button .color-list__item-button-name {
  font-style: normal;
  font-weight: 400;
  font-size: 9px;
  line-height: 130%;
  letter-spacing: 0.9px;
  text-align: center;
}
@media (max-width: 800px) {
  .color-list .color-list__item-button .color-list__item-button-name {
    font-size: 8px;
  }
}
.color-list .color-list__item-button--current .color-list__item-button-color,
.color-list .color-list__item-button:hover .color-list__item-button-color {
  border-width: 5px;
}
.home-hero {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: var(--width-container-xs);
  min-width: var(--width-container-sm);
  max-width: var(--width-container-lg);
  height: 690px;
  margin-inline: auto;
  overflow: hidden;
}
@media (max-width: 800px) {
  .home-hero {
    min-width: 100%;
    max-width: 100%;
    height: 400px;
  }
}
.home-hero__slide {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s;
}
.home-hero__slide.active {
  z-index: 1;
  opacity: 1;
  pointer-events: auto;
}
.home-hero__slide-inner {
  display: grid;
  position: relative;
}
.home-hero__slide-img {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  height: 690px;
}
@media (max-width: 800px) {
  .home-hero__slide-img {
    height: 400px;
  }
}
.home-hero__slide-img img {
  aspect-ratio: 1920px / 690px;
  width: 100%;
  height: 100%;
  line-height: var(--line-height-100);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media (max-width: 800px) {
  .home-hero__slide-img img {
    aspect-ratio: 375px / 400px;
    width: 100%;
    height: 400px;
  }
}
.home-hero__slide-content {
  display: flex;
  z-index: 2;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  flex-direction: column;
  justify-content: flex-end;
  padding: 70px 100px 130px;
  gap: 14px;
  background: linear-gradient(180deg, #0000, #00000080);
}
@media (max-width: 800px) {
  .home-hero__slide-content {
    padding: 40px 30px 80px;
  }
}
.home-hero__slide-number-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.home-hero__slide-number {
  color: var(--color-white);
  line-height: var(--line-height-100);
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .home-hero__slide-number {
    font-size: 11px;
  }
}
.home-hero__slide-number-progress {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media (max-width: 800px) {
  .home-hero__slide-number-progress {
    gap: 10px;
  }
}
.home-hero__slide-number-progress span {
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: var(--color-white);
  cursor: pointer;
  opacity: 0.3;
}
.home-hero__slide-number-progress span.is-active {
  width: 8px;
  height: 8px;
  cursor: default;
  opacity: 1;
}
@media (max-width: 800px) {
  .home-hero__slide-number-progress span.is-active {
    width: 6px;
    height: 6px;
  }
}
.home-hero__slide-title-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 40px;
}
@media (max-width: 800px) {
  .home-hero__slide-title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
  }
}
.home-hero__slide-title {
  color: var(--color-white);
  font-weight: 200;
  font-size: 70px;
  line-height: var(--line-height-100);
  font-family: var(--font-family-en);
  letter-spacing: 10.5px;
}
@media (max-width: 800px) {
  .home-hero__slide-title {
    font-size: 38px;
    letter-spacing: 5.7px;
  }
}
.home-hero__slide .textLink {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.2px;
}
.home-hero__slide .textLink .icon {
  width: 8px;
  height: 8px;
}
.home-hero .progressbar {
  z-index: 10;
  position: absolute;
  bottom: 70px;
  left: 50%;
  width: calc(100% - 200px);
  height: 2px;
  overflow: hidden;
  transform: translate(-50%);
  border-radius: 100px;
  background-color: #fff6;
}
@media (max-width: 800px) {
  .home-hero .progressbar {
    bottom: 40px;
    width: calc(100% - 60px);
  }
}
.home-hero .progressbar-fill {
  width: 0%;
  height: 100%;
  background-color: var(--color-white);
  transition: width linear;
}
.home-concept {
  position: relative;
  margin-inline: auto;
  padding-block: 150px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .home-concept {
    padding-block: 100px 70px;
  }
}
.home-concept__copy {
  display: block flex;
  align-items: baseline;
  gap: 0.5em;
  font-size: 28px;
  line-height: var(--line-height-200);
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .home-concept__copy {
    flex-direction: column;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 7.2px;
  }
}
.home-concept__copy .copy-wrap {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5em;
}
@media (max-width: 800px) {
  .home-concept__copy .copy-wrap {
    gap: 0.25em;
  }
}
.home-concept__copy .ideal,
.home-concept__copy .living {
  position: relative;
  color: var(--black, #222);
  font-weight: 200;
  font-size: 60px;
  line-height: 1;
  font-family: var(--font-family-en);
  letter-spacing: 9px;
  white-space: nowrap;
}
@media (max-width: 800px) {
  .home-concept__copy .ideal,
  .home-concept__copy .living {
    font-size: 38px;
    letter-spacing: 5.7px;
  }
}
.home-concept__copy .ideal .copy-wrap-sub,
.home-concept__copy .living .copy-wrap-sub {
  display: flex;
  position: absolute;
  top: -2em;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.5em;
  color: #999;
  font-weight: var(--font-weight-bold);
  font-size: 15px;
  line-height: var(--line-height-100);
  letter-spacing: 4.5px;
  text-align: center;
}
@media (max-width: 800px) {
  .home-concept__copy .ideal .copy-wrap-sub,
  .home-concept__copy .living .copy-wrap-sub {
    font-size: 11px;
    letter-spacing: 3.3px;
  }
}
.home-concept__copy .ideal .copy-wrap-sub .line,
.home-concept__copy .living .copy-wrap-sub .line {
  color: var(--gray_text, #ddd);
}
.home-concept__text {
  color: var(--black, #222);
  line-height: var(--line-height-250);
  letter-spacing: 1.5px;
  text-align: center;
}
@media (max-width: 800px) {
  .home-concept__text {
    line-height: 230%;
    letter-spacing: 1.4px;
    text-align: left;
  }
}
.home-concept__inner {
  display: flex;
  z-index: 2;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}
@media (max-width: 800px) {
  .home-concept__inner {
    gap: 30px;
  }
}
.home-concept__bgCopy {
  z-index: 1;
  position: absolute;
  right: 50px;
  bottom: 45px;
  color: var(--white, #fff);
  font-style: normal;
  font-weight: 400;
  font-size: 100px;
  line-height: 130%;
  font-family: Poppins;
  letter-spacing: 15px;
  text-align: right;
}
@media (max-width: 800px) {
  .home-concept__bgCopy {
    right: 15px;
    bottom: 0;
    font-size: 65px;
    line-height: 145%;
    letter-spacing: 9.75px;
  }
}
.home-lineup {
  padding-block: 200px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .home-lineup {
    padding-block: 70px;
  }
}
.home-lineup__inner {
  position: relative;
}
.home-lineup__header {
  display: block flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 800px) {
  .home-lineup__header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.home-lineup__title {
  color: var(--black, #222);
}
.home-lineup__title--ja {
  color: var(--gray_text, #999);
}
.home-lineup__list {
  width: 100%;
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .home-lineup__list {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.home-lineup__item {
  display: grid;
  position: relative;
  grid-template-rows: 1fr auto;
  width: 550px;
  height: 700px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .home-lineup__item {
    width: 260px;
    height: 300px;
  }
}
.home-lineup__item:before {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #0000 76.54%, #0003);
  content: '';
}
.home-lineup__item-img {
  z-index: 1;
  position: relative;
  grid-row: 1 / 3;
  grid-column: 1 / 2;
}
.home-lineup__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.home-lineup__item-detail {
  display: flex;
  z-index: 3;
  position: relative;
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  flex-direction: column;
  padding: 50px;
  gap: 15px;
}
@media (max-width: 800px) {
  .home-lineup__item-detail {
    padding: 20px 30px;
  }
}
.home-lineup__item-category {
  color: var(--white, #fff);
  font-size: 14px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .home-lineup__item-category {
    font-size: 11px;
    letter-spacing: 1.65px;
  }
}
.home-lineup__item-title {
  color: var(--white, #fff);
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .home-lineup__item-title {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 2.7px;
  }
}
.home-lineup .swiper {
  overflow: visible;
}
.home-lineup .swiper-slide {
  width: 550px;
  height: 700px;
}
@media (max-width: 800px) {
  .home-lineup .swiper-slide {
    width: 260px;
    height: 300px;
  }
}
.home-lineup__scrollbar {
  -webkit-margin-before: 80px;
  width: 2240px;
  height: 2px;
  margin-block-start: 80px;
  border-radius: 100px;
  background: var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .home-lineup__scrollbar {
    -webkit-margin-before: 40px;
    width: calc(100% + 30px);
    margin-block-start: 40px;
  }
}
.home-lineup__scrollbar .swiper-scrollbar-drag {
  height: 2px;
  border-radius: 100px;
  background: var(--black, #222);
}
.home-lineup__button {
  -webkit-margin-before: 50px;
  display: flex;
  justify-content: center;
  margin-block-start: 50px;
}
.home-case {
  margin-inline: auto;
  padding-block: 200px;
  background: var(--black, #222);
}
@media (max-width: 800px) {
  .home-case {
    padding-block: 70px;
  }
}
.home-case__inner {
  display: block flex;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 800px) {
  .home-case__inner {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
.home-case__header {
  display: block flex;
  flex-direction: column;
  gap: 70px;
}
.home-case__title {
  color: var(--white, #fff);
}
.home-case__title--ja {
  color: var(--gray_text, #999);
}
.home-case__list {
  display: grid;
  grid-template-columns: repeat(2, 440px);
  gap: 70px 20px;
}
@media (max-width: 800px) {
  .home-case__list {
    grid-template-columns: repeat(1, 315px);
    gap: 40px;
  }
}
.home-case__list .case-item__title {
  color: var(--white, #fff);
}
.home-case__button {
  -webkit-margin-before: 40px;
  display: flex;
  justify-content: center;
  margin-block-start: 40px;
}
.home-news {
  margin-inline: auto;
  padding-block: 200px;
  background: var(--white, #fff);
}
@media (max-width: 800px) {
  .home-news {
    padding-block: 70px;
  }
}
.home-news__inner {
  display: block grid;
  grid-template-columns: auto 890px;
}
@media (max-width: 800px) {
  .home-news__inner {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
.home-news__header {
  display: block flex;
  grid-column: 1 / 2;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 800px) {
  .home-news__header {
    align-items: center;
  }
}
.home-news__title {
  color: var(--black, #222);
}
.home-news__title--ja {
  color: var(--gray_text, #999);
}
.home-news__list {
  display: flex;
  flex-direction: column;
  align-self: end;
  border-top: 1px solid var(--gray_line, #ddd);
}
.home-news__item {
  display: block flex;
  padding: 50px 0 50px 50px;
  gap: 40px;
  border-bottom: 1px solid var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .home-news__item {
    flex-direction: column;
    padding: 25px 10px;
    gap: 10px;
  }
}
.home-news__item-date {
  flex: 0 0 100px;
  color: var(--gray_text, #999);
  font-weight: 400;
  font-size: 13px;
  line-height: 22.5px;
  font-family: var(--font-family-en);
  letter-spacing: 1.3px;
}
@media (max-width: 800px) {
  .home-news__item-date {
    flex: 0 0 auto;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 1.1px;
  }
}
.home-news__item-title {
  flex: 1 1 auto;
  line-height: 1.5;
}
.home-news__item-title a {
  color: var(--black, #222);
  letter-spacing: 1.5px;
}
.home-news__button {
  -webkit-margin-before: 40px;
  display: flex;
  justify-content: center;
  margin-block-start: 40px;
}
.home-showroom {
  display: block grid;
  position: relative;
}
.home-showroom:before {
  z-index: 1;
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #00000080 50%, #0000 87.53%);
  content: '';
}
@media (max-width: 800px) {
  .home-showroom:before {
    background: linear-gradient(0deg, #0009, #0009);
  }
}
.home-showroom__image {
  z-index: 1;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  justify-self: stretch;
}
.home-showroom__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.home-showroom__inner {
  z-index: 3;
  position: relative;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  padding-block: 170px;
}
@media (max-width: 800px) {
  .home-showroom__inner {
    padding-block: 70px;
  }
}
.home-showroom__content {
  display: block flex;
  flex-direction: column;
  gap: 70px;
  color: var(--white, #fff);
}
@media (max-width: 800px) {
  .home-showroom__content {
    gap: 30px;
  }
}
.home-showroom__content .heading-h2--ja {
  color: var(--white, #fff);
}
.home-showroom__description {
  font-weight: 700;
  line-height: 250%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .home-showroom__description {
    line-height: 230%;
    letter-spacing: 1.4px;
  }
}
@media (max-width: 800px) {
  .home-showroom__button {
    -webkit-margin-before: 10px;
    display: flex;
    justify-content: center;
    margin-block-start: 10px;
  }
}
.home-access {
  -webkit-padding-after: 200px;
  padding-block-end: 200px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .home-access {
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
  }
}
.home-access__map {
  width: 100%;
  height: 500px;
}
@media (max-width: 800px) {
  .home-access__map {
    height: 300px;
  }
}
.home-access__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(100%);
}
.home-access__content {
  z-index: 2;
  position: relative;
  -webkit-margin-before: -160px;
  display: block flex;
  justify-content: flex-end;
  margin-block-start: -160px;
}
@media (max-width: 800px) {
  .home-access__content {
    -webkit-margin-before: -90px;
    margin-block-start: -90px;
  }
}
.home-access__content-inner {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 100px 0 0 150px;
  gap: 20px;
  background-color: var(--white, #fff);
}
@media (max-width: 800px) {
  .home-access__content-inner {
    padding: 50px 0 0 40px;
    gap: 15px;
  }
}
.home-access__content-inner:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 1920px;
  height: 100%;
  background-color: var(--white, #fff);
  content: '';
}
.home-access__title {
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .home-access__title {
    font-size: 13px;
    letter-spacing: 1.95px;
  }
}
.home-access__info {
  display: block flex;
  gap: 80px;
}
@media (max-width: 800px) {
  .home-access__info {
    flex-direction: column;
    gap: 0;
  }
}
.home-access__info-item {
  line-height: 250%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .home-access__info-item {
    line-height: 230%;
    letter-spacing: 1.4px;
  }
}
.home-access__info-link-wrapper {
  -webkit-padding-before: 30px;
  padding-block-start: 30px;
}
@media (max-width: 800px) {
  .home-access__info-link-wrapper {
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
  }
}
.home-access__info-link {
  display: inline flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #000;
  color: var(--black, #222);
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
  -webkit-padding-after: 10px;
  padding-block-end: 10px;
}
@media (max-width: 800px) {
  .home-access__info-link {
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.home-access__info-link .icon {
  width: 9px;
  height: 9px;
  opacity: 0.5;
}
.about .page-anchor ul {
  border-bottom: none;
}
.about__content {
  position: relative;
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .about__content {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    padding-block: 100px 70px;
  }
}
.about__content p + p {
  -webkit-margin-before: 2em;
  margin-block-start: 2em;
}
.about__image-list {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.about__image-list-wrap {
  display: flex;
  justify-content: center;
}
@media (max-width: 800px) {
  .about__image-list-wrap {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    animation: slideLeft 40s linear infinite;
  }
}
.about__image-list-wrap div {
  width: 640px;
  height: 600px;
}
@media (max-width: 800px) {
  .about__image-list-wrap div {
    width: 250px;
    height: 250px;
  }
}
.about__image-list-wrap div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.about__service {
  padding-block: 200px;
}
@media (max-width: 800px) {
  .about__service {
    padding-block: 70px;
  }
}
.about__service-title {
  align-items: center;
}
.about__service-content {
  display: flex;
  flex-direction: column;
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .about__service-content {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.about__service-content-item {
  display: flex;
  align-items: center;
  padding-block: 50px;
  gap: 20px;
  border-bottom: 1px solid #dddddd;
}
@media (max-width: 800px) {
  .about__service-content-item {
    flex-direction: column;
    padding-block: 25px;
    gap: 10px;
  }
}
.about__service-content-item:first-child {
  border-top: 1px solid #dddddd;
}
.about__service-content-item-number {
  flex: 0 0 230px;
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
  text-align: center;
}
@media (max-width: 800px) {
  .about__service-content-item-number {
    flex: 0 0 auto;
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.about__service-content-item-title {
  flex: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .about__service-content-item-title {
    font-size: 18px;
    letter-spacing: 1.8px;
    text-align: center;
  }
}
.about__movie {
  -webkit-margin-before: 200px;
  margin-block-start: 200px;
}
@media (max-width: 800px) {
  .about__movie {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
  }
}
.about__movie-header,
.about__movie-title {
  align-items: center;
}
.about__movie-content {
  -webkit-margin-before: 80px;
  position: relative;
  width: 800px;
  height: 450px;
  margin-inline: auto;
  margin-block-start: 80px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .about__movie-content {
    -webkit-margin-before: 30px;
    width: 100%;
    height: 177px;
    margin-block-start: 30px;
  }
}
.about__movie-content-item {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.about__movie-content-item iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.about__showroom {
  position: relative;
  height: 600px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .about__showroom {
    height: 250px;
  }
}
.about__showroom img {
  width: 1920px;
  max-width: none;
  height: 600px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  position: absolute;
  top: 0;
  left: 50%;
  object-position: center;
  transform: translate(-50%);
}
@media (max-width: 800px) {
  .about__showroom img {
    width: 100%;
    height: 100%;
  }
}
.about__company {
  padding-block: 200px 150px;
}
@media (max-width: 800px) {
  .about__company {
    padding-block: 70px;
  }
}
.about__company .company-inner {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
@media (max-width: 800px) {
  .about__company .company-inner {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}
.about__company-header {
  flex: 0 0 250px;
}
@media (max-width: 800px) {
  .about__company-header {
    flex: 0 0 auto;
  }
}
.about__company-content {
  flex: 1 1 auto;
  border-top: 1px solid #dddddd;
}
.about__map {
  width: 100%;
  height: 500px;
  -webkit-margin-before: 150px;
  margin-block-start: 150px;
}
@media (max-width: 800px) {
  .about__map {
    -webkit-margin-before: 70px;
    height: 250px;
    margin-block-start: 70px;
  }
}
.about__map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  filter: grayscale(100%);
}
.about__access {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
  text-align: center;
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
}
@media (max-width: 800px) {
  .about__access {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    gap: 30px;
  }
}
.about__access p + p {
  -webkit-margin-before: 2em;
  margin-block-start: 2em;
}
@media (max-width: 800px) {
  .about__access p + p {
    -webkit-margin-before: 0;
    margin-block-start: 0;
  }
}
.about__access :where(p) a {
  text-decoration: underline;
}
.about__clients {
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .about__clients {
    padding-block: 70px;
  }
}
.about__clients-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 800px) {
  .about__clients-header {
    gap: 10px;
  }
}
.about__clients-header .heading-h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .about__clients-header .heading-h2 {
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.about__clients-header-sub {
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .about__clients-header-sub {
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.about__clients-list {
  display: flex;
  justify-content: space-evenly;
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .about__clients-list {
    -webkit-margin-before: 30px;
    flex-direction: column;
    margin-block-start: 30px;
  }
}
.about__clients-list-item {
  flex: auto;
}
.about__clients-list li:not(:last-child) {
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
}
@media (max-width: 800px) {
  .about__clients-list li:not(:last-child) {
    -webkit-margin-after: 0;
    margin-block-end: 0;
  }
}
.about__achievements {
  padding-block: 200px;
}
@media (max-width: 800px) {
  .about__achievements {
    padding-block: 70px;
  }
}
.about__achievements-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about__achievements-header .heading-h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
}
@media (max-width: 800px) {
  .about__achievements-header .heading-h2 {
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.about__achievements-content {
  -webkit-margin-before: 100px;
  display: flex;
  flex-direction: column;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .about__achievements-content {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.about__achievements-content-item {
  display: grid;
  grid-template-columns: 150px auto 460px;
  padding-block: 25px;
  gap: 40px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 800px) {
  .about__achievements-content-item {
    display: flex;
    flex-direction: column;
    padding: 20px 10px;
    gap: 5px;
  }
}
.about__achievements-content-item .item-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 1.3px;
}
.about__achievements-content-item .item-data {
  color: var(--gray_text, #999);
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 1.95px;
  text-align: center;
}
@media (max-width: 800px) {
  .about__achievements-content-item .item-data {
    font-size: 12px;
    letter-spacing: 1.8px;
    text-align: left;
  }
}
.about__achievements-content-item .item-content {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .about__achievements-content-item .item-content {
    font-size: 13px;
    line-height: 200%;
    letter-spacing: 1.3px;
  }
}
.about__achievements-content-more {
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
}
@media (max-width: 800px) {
  .about__achievements-content-more {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.about__achievements-content-more .button {
  display: block flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  padding: 18px 0;
  gap: 15px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
  color: var(--black, #222);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
.about__achievements-content-more .button .icon {
  width: 10px;
  height: 10px;
}
.privacy-policy__content {
  -webkit-padding-after: 200px;
  padding-block-end: 200px;
}
@media (max-width: 800px) {
  .privacy-policy__content {
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
  }
}
.privacy-policy__content-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-bottom: 1px solid var(--gray_line, #ddd);
  -webkit-padding-after: 70px;
  padding-inline: 50px;
  padding-block-end: 70px;
  line-height: 250%;
}
@media (max-width: 800px) {
  .privacy-policy__content-item {
    padding-inline: 10px;
    -webkit-padding-after: 30px;
    padding-block-end: 30px;
    gap: 20px;
    font-size: 13px;
    line-height: 200%;
    letter-spacing: 1.3px;
  }
}
.privacy-policy__content-item:not(:first-child) {
  -webkit-margin-before: 70px;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .privacy-policy__content-item:not(:first-child) {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.privacy-policy__content-item-title {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .privacy-policy__content-item-title {
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 3px;
  }
}
.privacy-policy__content-item p + p {
  -webkit-margin-before: 2em;
  margin-block-start: 2em;
}
.news__content {
  -webkit-padding-after: 200px;
  padding-block-end: 200px;
}
@media (max-width: 800px) {
  .news__content {
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
  }
}
.news__post .post-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  -webkit-padding-after: 50px;
  padding-inline: 50px;
  padding-block-end: 50px;
  border-bottom: 1px solid var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .news__post .post-header {
    -webkit-padding-after: 30px;
    padding-inline: 10px;
    padding-block-end: 30px;
  }
}
.news__post .post-date {
  color: var(--gray_text, #999);
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .news__post .post-date {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.news__post .post-title {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .news__post .post-title {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.news__post .post-body {
  padding-inline: 50px;
  padding-block: 100px;
  border-bottom: 1px solid var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .news__post .post-body {
    padding-inline: 10px;
    padding-block: 40px;
    font-size: 14px;
    line-height: 230%;
    letter-spacing: 1.4px;
  }
}
.news .post-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 70px;
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .news .post-bottom {
    -webkit-margin-before: 40px;
    justify-content: space-between;
    margin-block-start: 40px;
    gap: 0;
  }
}
@media (max-width: 800px) {
  .news .post-bottom__linkButton {
    width: 180px;
  }
}
@media (max-width: 800px) {
  .news .post-bottom__linkButton .linkButton {
    width: 100%;
  }
}
.news__pagination {
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .news__pagination {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.case .case-tags {
  padding-block: 50px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .case .case-tags {
    padding-block: 30px;
  }
}
.case .case-tags__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
@media (max-width: 800px) {
  .case .case-tags__container {
    gap: 10px 5px;
  }
}
.case .case-tags__item {
  display: inline flex;
  align-items: center;
  justify-content: center;
  padding: 15px 20px;
  gap: 10px;
  border: 1px solid var(--gray_line, #ddd);
  border-radius: 100px;
  background: var(--white, #fff);
  color: var(--gray_text, #999);
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media (max-width: 800px) {
  .case .case-tags__item {
    padding: 8px 10px;
    font-size: 9px;
    letter-spacing: 0.9px;
  }
}
.case .case-tags__item--current {
  border: 1px solid var(--black, #222);
  color: var(--white, #222);
}
.case__content {
  max-width: var(--width-container-md);
  margin-inline: auto;
  padding-inline: 50px;
  padding-block: 120px 200px;
}
@media (max-width: 800px) {
  .case__content {
    padding-inline: 30px;
    padding-block: 50px 70px;
  }
}
.case__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 70px 10px;
}
@media (max-width: 800px) {
  .case__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
.case__item {
  transition: all var(--transition-duration) var(--transition-ease);
}
.case__item:hover {
  opacity: 0.7;
}
.case__more {
  -webkit-margin-before: 70px;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .case__more {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.case__more .button {
  display: block flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  padding: 18px 0;
  gap: 15px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
  color: var(--black, #222);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
.case__more .button .icon {
  width: 10px;
  height: 10px;
}
.showroom__content-image {
  width: 100%;
  max-width: 1340px;
  height: 100%;
  margin-inline: auto;
}
.showroom__content-concept {
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .showroom__content-concept {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.showroom__content-concept-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 800px) {
  .showroom__content-concept-title {
    align-items: flex-start;
    padding-inline: 30px;
    gap: 10px;
  }
}
.showroom__content-concept-title-en {
  color: var(--gray_text, #999);
  font-weight: 400;
  font-size: 16px;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .showroom__content-concept-title-en {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.showroom__content-concept-title-ja {
  font-weight: 400;
  font-size: 28px;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .showroom__content-concept-title-ja {
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.showroom__content-concept-description {
  display: flex;
  align-items: center;
  gap: 100px;
  -webkit-margin-before: 200px;
  max-width: 1440px;
  margin-inline: auto;
  margin-block-start: 200px;
  padding-inline: 50px 100px;
  -webkit-padding-after: 200px;
  padding-block-end: 200px;
}
@media (max-width: 800px) {
  .showroom__content-concept-description {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
    -webkit-padding-after: 70px;
    flex-direction: column;
    align-items: flex-start;
    padding-inline: 30px;
    padding-block-end: 70px;
    gap: 30px;
  }
}
.showroom__content-concept-description .image {
  display: flex;
  flex-direction: column;
  width: 800px;
  gap: 10px;
}
@media (max-width: 800px) {
  .showroom__content-concept-description .image {
    width: 100%;
  }
}
.showroom__content-concept-description .image > div {
  width: 100%;
}
.showroom__content-concept-description .text {
  width: 390px;
}
@media (max-width: 800px) {
  .showroom__content-concept-description .text {
    width: 100%;
  }
}
.showroom__content-cover {
  display: block grid;
  position: relative;
  height: 450px;
}
@media (max-width: 800px) {
  .showroom__content-cover {
    height: auto;
  }
}
.showroom__content-cover-image {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  justify-self: stretch;
}
.showroom__content-cover-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.showroom__content-cover-body {
  display: flex;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  flex-direction: column;
  place-self: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 800px) {
  .showroom__content-cover-body {
    padding-inline: 30px;
    padding-block: 70px;
    gap: 30px;
  }
}
.showroom__content-cover-description {
  color: var(--white, #fff);
  font-weight: 700;
  line-height: 250%;
  letter-spacing: 1.5px;
  text-align: center;
}
@media (max-width: 800px) {
  .showroom__content-cover-description {
    font-weight: 700;
    font-size: 14px;
    line-height: 230%;
    letter-spacing: 1.4px;
    text-align: left;
  }
}
.showroom__content-cover-button {
  width: 100%;
}
.showroom__content-cover-button .linkButton {
  width: 535px;
  height: 100px;
}
@media (max-width: 800px) {
  .showroom__content-cover-button .linkButton {
    width: 100%;
    height: 80px;
  }
}
.lineup__content--item {
  -webkit-padding-before: 200px;
  padding-block-start: 200px;
}
@media (max-width: 800px) {
  .lineup__content--item {
    -webkit-padding-before: 70px;
    padding-block-start: 70px;
  }
}
.lineup__item-title {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .lineup__item-title {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
    text-align: center;
  }
}
.lineup__item-brand {
  width: 180px;
}
@media (max-width: 800px) {
  .lineup__item-brand {
    display: flex;
    justify-content: center;
    width: 140px;
    margin-inline: auto;
  }
}
.lineup__item-brand img {
  width: 100%;
  height: auto;
}
.lineup .heading-style {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
  text-align: center;
}
@media (max-width: 800px) {
  .lineup .heading-style {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.lineup-section {
  display: block flex;
  flex-direction: column;
  align-items: center;
  padding-block: 200px;
  gap: 80px;
}
@media (max-width: 800px) {
  .lineup-section {
    padding-block: 70px;
    gap: 30px;
  }
}
.section-title {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 800px) {
  .section-title {
    gap: 10px;
  }
}
.section-title__en {
  font-style: normal;
  font-weight: 200;
  font-size: 60px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 9px;
}
@media (max-width: 800px) {
  .section-title__en {
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 5.4px;
  }
}
.section-title__ja {
  color: var(--gray_text, #999);
  font-weight: var(--font-weight-bold);
  line-height: 100%;
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .section-title__ja {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.kitchen-lineup {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 150px;
}
@media (max-width: 800px) {
  .kitchen-lineup {
    gap: 70px;
  }
}
.kitchen-lineup__item {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 800px) {
  .kitchen-lineup__item {
    gap: 30px;
  }
}
.kitchen-lineup__image {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  padding-inline: 50px;
  gap: 10px;
}
@media (max-width: 800px) {
  .kitchen-lineup__image {
    padding-inline: 0;
    gap: 5px;
  }
}
.kitchen-lineup__image div {
  flex: 1;
}
.kitchen-lineup__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.kitchen-lineup__content {
  display: block flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 800px) {
  .kitchen-lineup__content {
    gap: 20px;
  }
}
.kitchen-lineup__description {
  display: block flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 120px;
}
@media (max-width: 800px) {
  .kitchen-lineup__description {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
  }
}
.kitchen-lineup__description-text p + p {
  margin-top: 40px;
}
@media (max-width: 800px) {
  .kitchen-lineup__description-text p + p {
    margin-top: 20px;
  }
}
.appliances-section {
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .appliances-section {
    padding-block: 70px;
  }
}
.appliances-lineup__image {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  padding-inline: 50px;
  gap: 10px;
}
@media (max-width: 800px) {
  .appliances-lineup__image {
    flex-direction: column;
    padding-inline: 0;
    padding-inline: 30px;
  }
}
.appliances-lineup__item {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}
@media (max-width: 800px) {
  .appliances-lineup__item {
    gap: 30px;
  }
}
.appliances-lineup__content {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 800px) {
  .appliances-lineup__content {
    gap: 20px;
  }
}
.appliances-lineup__item-title {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
  text-align: center;
}
@media (max-width: 800px) {
  .appliances-lineup__item-title {
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 1.8px;
  }
}
.appliances-lineup__list {
  display: block flex;
  flex-direction: column;
  gap: 70px;
}
@media (max-width: 800px) {
  .appliances-lineup__list {
    gap: 30px;
  }
}
.appliances-lineup__block {
  display: block flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
@media (max-width: 800px) {
  .appliances-lineup__block {
    gap: 20px;
  }
  .appliances-lineup__block .miele {
    width: 100px;
  }
  .appliances-lineup__block .smeg {
    width: 140px;
  }
  .appliances-lineup__block .gaggenau {
    width: 170px;
  }
  .appliances-lineup__block .liebherr,
  .appliances-lineup__block .eurocave {
    width: 120px;
  }
  .appliances-lineup__block .whirlpool,
  .appliances-lineup__block .bosch {
    width: 110px;
  }
  .appliances-lineup__block .mabe {
    width: 90px;
  }
  .appliances-lineup__block .asko {
    width: 100px;
  }
  .appliances-lineup__block .beko {
    width: 55px;
  }
  .appliances-lineup__block .viking {
    width: 80px;
  }
  .appliances-lineup__block .amana {
    width: 90px;
  }
  .appliances-lineup__block .maytag {
    width: 75px;
  }
}
.appliances-lineup__block img {
  mix-blend-mode: multiply;
}
.appliances-lineup .appliances-more {
  -webkit-margin-before: 20px;
  margin-block-start: 20px;
}
.others-section {
  padding-block: 200px;
}
@media (max-width: 800px) {
  .others-section {
    padding-block: 70px;
  }
}
.others-lineup {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  gap: 70px;
}
@media (max-width: 800px) {
  .others-lineup {
    gap: 30px;
  }
}
.others-lineup__image {
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  gap: 10px;
  animation: slideLeft 120s linear infinite;
}
@media (max-width: 800px) {
  .others-lineup__image {
    gap: 5px;
  }
}
.others-lineup__image div {
  width: 400px;
  height: 400px;
}
@media (max-width: 800px) {
  .others-lineup__image div {
    width: 150px;
    height: 200px;
  }
}
.others-lineup__image div img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.others-lineup__content {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}
.others-lineup__content-item {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
@media (max-width: 800px) {
  .others-lineup__content-item {
    gap: 30px;
  }
}
.others-lineup__description {
  text-align: center;
}
@media (max-width: 800px) {
  .others-lineup__description {
    text-align: left;
  }
}
.lineup-item-intro {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
}
@media (max-width: 800px) {
  .lineup-item-intro {
    gap: 40px;
  }
}
.lineup-item-intro__hero {
  width: 100%;
  max-width: var(--width-container-md);
  margin-inline: auto;
  padding-inline: 50px;
}
@media (max-width: 800px) {
  .lineup-item-intro__hero {
    padding-inline: 0;
  }
}
.lineup-item-intro__content {
  display: block flex;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .lineup-item-intro__content {
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
  }
}
.lineup-item-intro__content-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 800px) {
  .lineup-item-intro__content-title {
    gap: 10px;
  }
}
.lineup-item-intro__content-title-en {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .lineup-item-intro__content-title-en {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.lineup-item-intro__content-title-copy {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .lineup-item-intro__content-title-copy {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.lineup-item-intro__content-description {
  -webkit-padding-before: 50px;
  width: 620px;
  padding-block-start: 50px;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .lineup-item-intro__content-description {
    -webkit-padding-before: 0;
    width: 100%;
    padding-block-start: 0;
  }
}
.custom-made-kitchen .feature {
  -webkit-margin-before: 200px;
  display: flex;
  flex-direction: column;
  margin-block-start: 200px;
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
    padding-block: 70px;
  }
}
.custom-made-kitchen .description {
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
  text-align: center;
}
@media (max-width: 800px) {
  .custom-made-kitchen .description {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    text-align: left;
  }
}
.custom-made-kitchen .feature-list {
  -webkit-margin-before: 100px;
  display: block flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--width-container-md);
  margin-inline: auto;
  margin-block-start: 100px;
  padding-inline: 50px;
  gap: 70px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    padding-inline: 0;
    gap: 30px;
  }
}
.custom-made-kitchen .feature-list__item {
  display: block flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.custom-made-kitchen .feature-list__item--reverse {
  flex-direction: row-reverse;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__item--reverse {
    flex-direction: column;
    align-items: flex-end;
  }
}
.custom-made-kitchen .feature-list__item--reverse .feature-list__content {
  align-items: flex-end;
  text-align: right;
}
.custom-made-kitchen .feature-list__image {
  width: 750px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__image {
    width: calc(100% - 30px);
  }
}
.custom-made-kitchen .feature-list__content {
  display: flex;
  flex: auto;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__content {
    padding-inline: 30px;
    gap: 10px;
  }
}
.custom-made-kitchen .feature-list__content .num {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__content .num {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.custom-made-kitchen .feature-list__content .copy {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .feature-list__content .copy {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 1.8px;
  }
}
.custom-made-kitchen .customize {
  width: 100%;
  max-width: var(--width-container-md);
  margin-inline: auto;
  padding-inline: 50px;
  -webkit-margin-before: 150px;
  margin-block-start: 150px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
    padding-inline: 30px;
  }
}
.custom-made-kitchen .customize__inner {
  padding: 150px 110px;
  background-color: #fff;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize__inner {
    padding: 50px 30px;
  }
}
.custom-made-kitchen .customize__title {
  display: block flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize__title {
    gap: 10px;
  }
}
.custom-made-kitchen .customize__title-en {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize__title-en {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.custom-made-kitchen .customize__title-copy {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize__title-copy {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.custom-made-kitchen .customize__description {
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
  text-align: center;
}
@media (max-width: 800px) {
  .custom-made-kitchen .customize__description {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    text-align: left;
  }
}
.custom-made-kitchen .point {
  -webkit-margin-before: 100px;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .point {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
  }
}
.custom-made-kitchen .gallery {
  padding-block: 200px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .gallery {
    padding-block: 70px;
  }
}
.custom-made-kitchen .gallery__list {
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .custom-made-kitchen .gallery__list {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.point__head {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 800px) {
  .point__head {
    align-items: flex-start;
    gap: 10px;
  }
}
.point__head-title {
  color: var(--gray_text, #999);
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .point__head-title {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.point__description {
  margin-block: 40px 100px;
  text-align: center;
}
@media (max-width: 800px) {
  .point__description {
    margin-block: 30px 40px;
    text-align: left;
  }
}
.point__list {
  display: block grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 60px 50px;
}
@media (max-width: 800px) {
  .point__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    border-top: 1px solid #ddd;
  }
}
.point__list-item {
  display: block flex;
  flex-direction: column;
  padding: 30px 30px 40px;
  gap: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 800px) {
  .point__list-item {
    padding: 25px 10px;
    gap: 10px;
    border-top: none;
  }
}
.point__list-item-title {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@media (max-width: 800px) {
  .point__list-item-title {
    gap: 10px;
  }
}
.point__list-item-title .num {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
  text-align: center;
}
@media (max-width: 800px) {
  .point__list-item-title .num {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.point__list-item-title .copy {
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 3px;
  text-align: center;
}
@media (max-width: 800px) {
  .point__list-item-title .copy {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 1.8px;
  }
}
.point__list-item-description {
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .point__list-item-description {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 1.2px;
  }
}
.gallery__list {
  display: block flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 800px) {
  .gallery__list {
    gap: 5px;
  }
}
.gallery__list-item {
  display: block flex;
  overflow: hidden;
  gap: 10px;
}
@media (max-width: 800px) {
  .gallery__list-item {
    gap: 5px;
  }
}
.gallery__list-wrap {
  display: flex;
  gap: 10px;
  animation: slideLeft 80s linear infinite;
}
@media (max-width: 800px) {
  .gallery__list-wrap {
    gap: 5px;
  }
}
.gallery__list-wrap--reverse {
  animation: slideRight 80s linear infinite;
}
.gallery__list-wrap div {
  width: 550px;
}
@media (max-width: 800px) {
  .gallery__list-wrap div {
    width: 240px;
  }
}
.gallery__list-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.gallery__more {
  -webkit-margin-before: 70px;
  display: block flex;
  justify-content: center;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .gallery__more {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.flow {
  -webkit-padding-before: 200px;
  padding-block-start: 200px;
}
@media (max-width: 800px) {
  .flow {
    -webkit-padding-before: 70px;
    padding-block-start: 70px;
  }
}
.flow__list {
  -webkit-margin-before: 100px;
  display: block flex;
  flex-direction: column;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .flow__list {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    border-top: 1px solid #ddd;
  }
}
@media (max-width: 800px) {
  .flow__item {
    flex-direction: row;
    gap: 0;
  }
}
.flow__item-number {
  justify-content: center;
  font-size: 16px;
}
@media (max-width: 800px) {
  .flow__item-number {
    align-items: center;
    justify-content: flex-start;
    width: 40px;
    height: 32px;
    font-size: 12px;
  }
}
.flow__item-title {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .flow__item-title {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 1.8px;
  }
}
.flow__item-description {
  -webkit-margin-before: 30px;
  margin-block-start: 30px;
}
@media (max-width: 800px) {
  .flow__item-description {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
  }
}
.flow__item-button {
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
}
@media (max-width: 800px) {
  .flow__item-button {
    -webkit-margin-before: 20px;
    width: 220px;
    margin-block-start: 20px;
  }
}
.other-lineup {
  padding-block: 200px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .other-lineup {
    padding-block: 70px;
  }
}
.other-lineup__header {
  display: block flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 800px) {
  .other-lineup__header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.other-lineup__list {
  -webkit-margin-before: 80px;
  margin-block-start: 80px;
}
@media (max-width: 800px) {
  .other-lineup__list {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.other-lineup .swiper-slide {
  width: 550px;
  height: 400px;
}
@media (max-width: 800px) {
  .other-lineup .swiper-slide {
    width: 260px;
    height: 200px;
  }
}
.other-lineup__item {
  display: block grid;
  grid-template-columns: 1fr;
  overflow: hidden;
}
.other-lineup__item-img {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  width: 550px;
  height: 400px;
}
@media (max-width: 800px) {
  .other-lineup__item-img {
    width: 260px;
    height: 200px;
  }
}
.other-lineup__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.other-lineup__item-detail {
  display: flex;
  grid-row: 1 / 2;
  grid-column: 1 / 2;
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px 50px;
  gap: 15px;
  background: linear-gradient(180deg, #0000 62.62%, #000000b3);
}
@media (max-width: 800px) {
  .other-lineup__item-detail {
    padding: 20px 30px;
    gap: 10px;
    background: linear-gradient(180deg, #0000 76.54%, #00000080);
  }
}
.other-lineup__item-category {
  color: var(--white, #fff);
  font-size: 14px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 2.1px;
}
@media (max-width: 800px) {
  .other-lineup__item-category {
    font-size: 11px;
    letter-spacing: 1.65px;
  }
}
.other-lineup__item-title {
  color: var(--white, #fff);
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .other-lineup__item-title {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 2.7px;
  }
}
.other-lineup__scrollbar {
  -webkit-margin-before: 80px;
  width: 2240px;
  height: 2px;
  margin-block-start: 80px;
  border-radius: 100px;
  background: var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .other-lineup__scrollbar {
    -webkit-margin-before: 30px;
    width: calc(100% + 30px);
    margin-block-start: 30px;
  }
}
.other-lineup__scrollbar .swiper-scrollbar-drag {
  height: 2px;
  border-radius: 100px;
  background: var(--black, #222);
}
.other-lineup .swiper {
  overflow: visible;
}
.other-lineup__button {
  -webkit-margin-before: 40px;
  display: flex;
  justify-content: center;
  margin-block-start: 40px;
}
.laundry-mini-kitchen__anchor {
  -webkit-margin-before: 200px;
  margin-block-start: 200px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen__anchor {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
  }
}
.laundry-mini-kitchen .about {
  width: 100%;
  max-width: var(--width-container-md);
  margin-inline: auto;
  padding-inline: 50px;
  padding-block: 200px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about {
    padding-inline: 0;
    padding-block: 70px;
  }
}
.laundry-mini-kitchen .about__head {
  display: block grid;
  grid-template-columns: 650px 1fr;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}
.laundry-mini-kitchen .about__head-image {
  width: 100%;
  height: 100%;
}
.laundry-mini-kitchen .about__head-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head-content {
    padding-inline: 30px;
  }
}
.laundry-mini-kitchen .about__head-content-title {
  display: block flex;
  flex-direction: column;
  gap: 16px;
}
.laundry-mini-kitchen .about__head-content-title-en {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head-content-title-en {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.laundry-mini-kitchen .about__head-content-title-copy {
  font-size: 28px;
  line-height: 200%;
  letter-spacing: 2.8px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head-content-title-copy {
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.laundry-mini-kitchen .about__head-content-description {
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head-content-description {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.laundry-mini-kitchen .about__head-content-button {
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .about__head-content-button {
    display: block flex;
    justify-content: center;
  }
}
.laundry-mini-kitchen .gallery {
  -webkit-margin-before: 200px;
  margin-block-start: 200px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .gallery {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
  }
}
.laundry-mini-kitchen .gallery .gallery__list-wrap div {
  width: 400px;
  height: 400px;
}
@media (max-width: 800px) {
  .laundry-mini-kitchen .gallery .gallery__list-wrap div {
    width: 200px;
    height: 200px;
  }
}
.laundry-movie-content {
  padding-block: 100px 50px;
}
@media (max-width: 800px) {
  .laundry-movie-content {
    padding-block: 60px 0;
  }
}
.laundry-movie {
  aspect-ratio: 16 / 9;
  padding-inline: 50px;
  overflow: hidden;
}
@media (max-width: 800px) {
  .laundry-movie {
    padding-inline: 0;
  }
}
.laundry-movie iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-options {
  padding-block: 200px;
}
@media (max-width: 800px) {
  .product-options {
    padding-block: 70px;
  }
}
.product-options .category {
  color: var(--gray_text, #999);
  font-size: 16px;
  line-height: normal;
  font-family: var(--font-family-en);
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .product-options .category {
    font-size: 12px;
    letter-spacing: 1.8px;
  }
}
.product-options .copy {
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
}
@media (max-width: 800px) {
  .product-options .copy {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2.2px;
  }
}
.product-options__list-item-heading {
  display: block flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 800px) {
  .product-options__list-item-heading {
    gap: 10px;
  }
}
.product-options__list {
  -webkit-margin-before: 100px;
  display: flex;
  flex-direction: column;
  margin-block-start: 100px;
  gap: 100px;
}
@media (max-width: 800px) {
  .product-options__list {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.product-options__list-item {
  -webkit-padding-after: 100px;
  padding-block-end: 100px;
  border-bottom: 1px solid var(--gray_line, #ddd);
}
@media (max-width: 800px) {
  .product-options__list-item {
    -webkit-padding-after: 50px;
    padding-block-end: 50px;
  }
}
.product-options__list-item:last-child {
  border-bottom: none;
}
.product-options__list-item-inner {
  display: block grid;
  grid-template-columns: 1fr 400px;
  gap: 70px;
}
@media (max-width: 800px) {
  .product-options__list-item-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.product-options__list-item-header {
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}
@media (max-width: 800px) {
  .product-options__list-item-header {
    grid-row: 1 / 2;
    width: calc(100dvw - 60px);
  }
}
.product-options__list-item-content {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
}
@media (max-width: 800px) {
  .product-options__list-item-content {
    grid-row: 3 / 4;
  }
}
.product-options__list-item-image {
  grid-row: 1 / 3;
  grid-column: 2 / 3;
  width: 400px;
}
@media (max-width: 800px) {
  .product-options__list-item-image {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    width: calc(100dvw - 60px);
  }
}
.color-image {
  height: 627px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 800px) {
  .color-image {
    width: calc(100dvw - 60px);
    height: 315px;
  }
}
.size-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.size-list__item {
  padding: 30px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
  text-align: center;
}
@media (max-width: 800px) {
  .size-list__item {
    padding: 20px;
  }
}
.size-list__item-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 0;
}
.size-list__item-title {
  display: inline;
  margin-right: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .size-list__item-title {
    margin-right: 10px;
    letter-spacing: 1.4px;
  }
}
.size-list__item-content {
  display: inline flex;
  align-items: flex-end;
  margin-right: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 100%;
  font-family: var(--font-family-en);
  letter-spacing: 4.2px;
}
@media (max-width: 800px) {
  .size-list__item-content {
    margin-right: 15px;
    font-size: 24px;
    letter-spacing: 3.6px;
  }
}
.size-list__item-content .unit {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
}
.built-in-list {
  -webkit-margin-before: 70px;
  display: block flex;
  margin-block-start: 70px;
  gap: 40px;
}
@media (max-width: 800px) {
  .built-in-list {
    -webkit-margin-before: 30px;
    flex-direction: column;
    margin-block-start: 30px;
    gap: 30px;
  }
}
.built-in-list__item {
  display: block flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.built-in-list__title {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  padding: 20px 0;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 3px;
}
@media (max-width: 800px) {
  .built-in-list__title {
    padding: 15px 0;
    font-size: 18px;
    letter-spacing: 2.7px;
    letter-spacing: 1.8px;
  }
}
.built-in-list__image {
  display: flex;
  gap: 10px;
}
@media (max-width: 800px) {
  .built-in-list__image {
    gap: 5px;
  }
}
.built-in-note {
  text-align: right;
  -webkit-margin-before: 20px;
  margin-block-start: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media (max-width: 800px) {
  .built-in-note {
    font-size: 10px;
    letter-spacing: 1px;
  }
}
.candy-banner {
  -webkit-margin-before: 100px;
  display: block grid;
  grid-template-columns: 1fr 1fr;
  margin-block-start: 100px;
}
@media (max-width: 800px) {
  .candy-banner {
    grid-template-columns: 1fr;
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.candy-banner__content {
  display: block flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border: 1px solid #ddd;
  border-right: none;
}
@media (max-width: 800px) {
  .candy-banner__content {
    grid-row: 2 / 3;
    border-top: none;
    border-right: 1px solid #ddd;
  }
}
.candy-banner__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (max-width: 800px) {
  .candy-banner__title {
    gap: 10px;
  }
}
.candy-banner__title-copy {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .candy-banner__title-copy {
    font-size: 14px;
    letter-spacing: 1.4px;
  }
}
.candy-banner__title-logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .candy-banner__title-logo {
    width: 160px;
  }
}
.candy-banner__description {
  font-size: 14px;
  line-height: 180%;
  letter-spacing: 1.4px;
  -webkit-margin-before: 35px;
  margin-block-start: 35px;
  text-align: center;
}
@media (max-width: 800px) {
  .candy-banner__description {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.candy-banner__button {
  -webkit-margin-before: 35px;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-block-start: 35px;
}
@media (max-width: 800px) {
  .candy-banner__button {
    -webkit-margin-before: 20px;
    margin-block-start: 20px;
  }
}
.candy-banner__button .button {
  width: 300px;
}
@media (max-width: 800px) {
  .candy-banner__button .button {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .candy-banner__image {
    grid-row: 1 / 2;
  }
}
.specification {
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .specification {
    padding-block: 70px;
  }
}
.specification__content {
  display: block grid;
  grid-template-columns: 540px 1fr;
  gap: 100px;
  -webkit-margin-before: 70px;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .specification__content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.specification__content-description,
.specification__content-description-title {
  display: block flex;
  flex-direction: column;
}
.specification__content-description-title .sub {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 3px;
}
@media (max-width: 800px) {
  .specification__content-description-title .sub {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 230%;
    letter-spacing: 1.4px;
  }
}
.specification__content-description-title .name {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 150%;
  letter-spacing: 4.2px;
}
@media (max-width: 800px) {
  .specification__content-description-title .name {
    font-size: 22px;
    letter-spacing: 2.2px;
  }
}
.specification__content-description-detail {
  display: block flex;
  flex-direction: column;
  gap: 10px;
  -webkit-margin-before: 50px;
  margin-block-start: 50px;
  -webkit-padding-before: 50px;
  padding-block-start: 50px;
  border-top: 1px solid #ddd;
}
@media (max-width: 800px) {
  .specification__content-description-detail {
    -webkit-margin-before: 25px;
    margin-block-start: 25px;
    -webkit-padding-before: 25px;
    padding-block-start: 25px;
  }
}
.specification__content-description-detail .detail-dt {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .specification__content-description-detail .detail-dt {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 1.2px;
  }
}
.specification__content-description-detail .detail-dd {
  display: block flex;
  flex-direction: column;
  gap: 10px;
  -webkit-margin-before: 30px;
  margin-block-start: 30px;
}
@media (max-width: 800px) {
  .specification__content-description-detail .detail-dd {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
  }
}
.specification__content-description-detail .detail-dd .tags {
  display: block flex;
  flex-wrap: wrap;
  gap: 15px 20px;
}
@media (max-width: 800px) {
  .specification__content-description-detail .detail-dd .tags {
    gap: 10px;
  }
}
.specification__content-description-detail .detail-dd .tags .tag {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 20px;
  border-radius: 100px;
  background: var(--white, #fff);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .specification__content-description-detail .detail-dd .tags .tag {
    padding: 10px 15px;
    gap: 10px 15px;
    font-size: 10px;
    letter-spacing: 1px;
  }
}
.spec {
  -webkit-margin-before: 150px;
  margin-block-start: 150px;
}
@media (max-width: 800px) {
  .spec {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
  }
}
.spec .spec-list {
  -webkit-margin-before: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-block-start: 60px;
  gap: 40px;
}
@media (max-width: 800px) {
  .spec .spec-list {
    grid-template-columns: 1fr;
    gap: 0;
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    border-top: 1px solid #ddd;
  }
}
.spec .spec-list .table-item {
  grid-template-columns: 160px 1fr;
  padding: 30px;
  gap: 0;
}
@media (max-width: 800px) {
  .spec .spec-list .table-item {
    grid-template-columns: 90px 1fr;
    padding: 10px;
  }
}
.spec .spec-list .table-item:first-child {
  border-top: 1px solid #ddd;
}
@media (max-width: 800px) {
  .spec .spec-list .table-item:first-child {
    border-top: none;
  }
}
@media (max-width: 800px) {
  .spec .spec-list .table-item__th {
    display: flex;
    align-items: center;
    height: 23px;
    line-height: 130%;
  }
}
@media (max-width: 800px) {
  .spec .spec-list .table-item__td {
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.spec .spec-note {
  -webkit-margin-before: 60px;
  margin-block-start: 60px;
  padding: 30px 70px;
  background-color: #fff;
  line-height: 200%;
  letter-spacing: 1.5px;
}
@media (max-width: 800px) {
  .spec .spec-note {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    padding: 30px;
    font-size: 13px;
    line-height: 180%;
    letter-spacing: 1.3px;
  }
}
.spec .spec-note a {
  color: #eb6209;
  text-decoration: underline;
}
.spec .spec-note .strong-pt {
  color: #eb6209;
  font-weight: 700;
}
.product-download {
  padding-block: 100px;
  background: #eee;
}
@media (max-width: 800px) {
  .product-download {
    padding-block: 70px;
  }
}
.product-download .download-list {
  -webkit-margin-before: 70px;
  display: flex;
  margin-block-start: 70px;
  gap: 50px;
}
@media (max-width: 800px) {
  .product-download .download-list {
    flex-direction: column;
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
    gap: 20px;
  }
}
.product-download .download-list .download-list__item {
  width: 535px;
}
@media (max-width: 800px) {
  .product-download .download-list .download-list__item {
    width: 100%;
  }
}
.product-download .download-list .download-list__item .linkButton {
  width: 100%;
  height: 100px;
}
@media (max-width: 800px) {
  .product-download .download-list .download-list__item .linkButton {
    height: 80px;
  }
}
.product-download .download-list .download-list__item .linkButton .icon-right {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1001%2015.106C15.3555%2014.8536%2015.499%2014.5115%2015.499%2014.1549V11.6667C15.5026%2011.6204%2015.4965%2011.5738%2015.4811%2011.5299C15.4656%2011.4861%2015.4411%2011.4458%2015.4091%2011.4117C15.3771%2011.3776%2015.3384%2011.3504%2015.2952%2011.3318C15.2521%2011.3132%2015.2055%2011.3036%2015.1584%2011.3036C15.1114%2011.3036%2015.0648%2011.3132%2015.0217%2011.3318C14.9785%2011.3504%2014.9397%2011.3776%2014.9078%2011.4117C14.8758%2011.4458%2014.8513%2011.4861%2014.8358%2011.5299C14.8204%2011.5738%2014.8143%2011.6204%2014.8179%2011.6667V14.1549C14.8174%2014.3333%2014.7452%2014.5042%2014.6171%2014.6302C14.4891%2014.7562%2014.3156%2014.8269%2014.1348%2014.8269H1.86317C1.68271%2014.8264%201.50978%2014.7554%201.38217%2014.6295C1.25456%2014.5036%201.18264%2014.3329%201.1821%2014.1549V11.6665C1.18574%2011.6202%201.17963%2011.5736%201.16417%2011.5297C1.14871%2011.4859%201.12422%2011.4456%201.09224%2011.4115C1.06027%2011.3774%201.02149%2011.3502%200.97835%2011.3316C0.935211%2011.313%200.88864%2011.3034%200.84156%2011.3034C0.79448%2011.3034%200.747909%2011.313%200.70477%2011.3316C0.661631%2011.3502%200.622853%2011.3774%200.590875%2011.4115C0.558898%2011.4456%200.534411%2011.4859%200.518948%2011.5297C0.503485%2011.5736%200.497382%2011.6202%200.501023%2011.6665V14.1549C0.501023%2014.5119%200.644751%2014.8543%200.900587%2015.1067C1.15642%2015.3592%201.50341%2015.501%201.86522%2015.501H14.1368C14.4983%2015.5004%2014.8447%2015.3584%2015.1001%2015.106Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.38445%208.35017C4.4485%208.28696%204.53538%208.25145%204.62597%208.25145C4.71655%208.25145%204.80344%208.28695%204.8675%208.35015L8.00146%2011.4426L11.1354%208.35017C11.166%208.31487%2011.2037%208.28621%2011.2461%208.26597C11.2885%208.24573%2011.3346%208.23436%2011.3817%208.23256C11.4287%208.23077%2011.4756%208.23858%2011.5195%208.25552C11.5633%208.27247%2011.6031%208.29817%2011.6364%208.33102C11.6697%208.36387%2011.6958%208.40315%2011.7129%208.44641C11.7301%208.48966%2011.738%208.53596%2011.7362%208.58238C11.7344%208.6288%2011.7228%208.67435%2011.7023%208.71616C11.6818%208.75798%2011.6528%208.79516%2011.617%208.82537L8.24152%2012.1561C8.17747%2012.2193%208.09059%2012.2548%208%2012.2548C7.90942%2012.2548%207.82253%2012.2193%207.75847%2012.1561L4.38444%208.82681C4.32038%208.7636%204.2844%208.67787%204.2844%208.58848C4.2844%208.4991%204.32039%208.41337%204.38445%208.35017Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.7584%200.738468C7.80618%200.691418%207.86702%200.659393%207.93323%200.646437C7.99944%200.633482%208.06806%200.64018%208.13042%200.665679C8.19278%200.691178%208.24609%200.734333%208.28361%200.789705C8.32113%200.845076%208.34118%200.910171%208.34123%200.976778L8.33978%2011.9179C8.33639%2012.005%208.29896%2012.0874%208.23532%2012.1478C8.17168%2012.2083%208.0868%2012.242%207.99848%2012.242C7.91016%2012.242%207.82526%2012.2083%207.76162%2012.1479C7.69799%2012.0874%207.66056%2012.005%207.65717%2011.9179L7.65861%200.976778C7.65847%200.932519%207.66721%200.888678%207.68433%200.847773C7.70146%200.806868%207.72664%200.769718%207.7584%200.738468Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0);
  mask-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.1001%2015.106C15.3555%2014.8536%2015.499%2014.5115%2015.499%2014.1549V11.6667C15.5026%2011.6204%2015.4965%2011.5738%2015.4811%2011.5299C15.4656%2011.4861%2015.4411%2011.4458%2015.4091%2011.4117C15.3771%2011.3776%2015.3384%2011.3504%2015.2952%2011.3318C15.2521%2011.3132%2015.2055%2011.3036%2015.1584%2011.3036C15.1114%2011.3036%2015.0648%2011.3132%2015.0217%2011.3318C14.9785%2011.3504%2014.9397%2011.3776%2014.9078%2011.4117C14.8758%2011.4458%2014.8513%2011.4861%2014.8358%2011.5299C14.8204%2011.5738%2014.8143%2011.6204%2014.8179%2011.6667V14.1549C14.8174%2014.3333%2014.7452%2014.5042%2014.6171%2014.6302C14.4891%2014.7562%2014.3156%2014.8269%2014.1348%2014.8269H1.86317C1.68271%2014.8264%201.50978%2014.7554%201.38217%2014.6295C1.25456%2014.5036%201.18264%2014.3329%201.1821%2014.1549V11.6665C1.18574%2011.6202%201.17963%2011.5736%201.16417%2011.5297C1.14871%2011.4859%201.12422%2011.4456%201.09224%2011.4115C1.06027%2011.3774%201.02149%2011.3502%200.97835%2011.3316C0.935211%2011.313%200.88864%2011.3034%200.84156%2011.3034C0.79448%2011.3034%200.747909%2011.313%200.70477%2011.3316C0.661631%2011.3502%200.622853%2011.3774%200.590875%2011.4115C0.558898%2011.4456%200.534411%2011.4859%200.518948%2011.5297C0.503485%2011.5736%200.497382%2011.6202%200.501023%2011.6665V14.1549C0.501023%2014.5119%200.644751%2014.8543%200.900587%2015.1067C1.15642%2015.3592%201.50341%2015.501%201.86522%2015.501H14.1368C14.4983%2015.5004%2014.8447%2015.3584%2015.1001%2015.106Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M4.38445%208.35017C4.4485%208.28696%204.53538%208.25145%204.62597%208.25145C4.71655%208.25145%204.80344%208.28695%204.8675%208.35015L8.00146%2011.4426L11.1354%208.35017C11.166%208.31487%2011.2037%208.28621%2011.2461%208.26597C11.2885%208.24573%2011.3346%208.23436%2011.3817%208.23256C11.4287%208.23077%2011.4756%208.23858%2011.5195%208.25552C11.5633%208.27247%2011.6031%208.29817%2011.6364%208.33102C11.6697%208.36387%2011.6958%208.40315%2011.7129%208.44641C11.7301%208.48966%2011.738%208.53596%2011.7362%208.58238C11.7344%208.6288%2011.7228%208.67435%2011.7023%208.71616C11.6818%208.75798%2011.6528%208.79516%2011.617%208.82537L8.24152%2012.1561C8.17747%2012.2193%208.09059%2012.2548%208%2012.2548C7.90942%2012.2548%207.82253%2012.2193%207.75847%2012.1561L4.38444%208.82681C4.32038%208.7636%204.2844%208.67787%204.2844%208.58848C4.2844%208.4991%204.32039%208.41337%204.38445%208.35017Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M7.7584%200.738468C7.80618%200.691418%207.86702%200.659393%207.93323%200.646437C7.99944%200.633482%208.06806%200.64018%208.13042%200.665679C8.19278%200.691178%208.24609%200.734333%208.28361%200.789705C8.32113%200.845076%208.34118%200.910171%208.34123%200.976778L8.33978%2011.9179C8.33639%2012.005%208.29896%2012.0874%208.23532%2012.1478C8.17168%2012.2083%208.0868%2012.242%207.99848%2012.242C7.91016%2012.242%207.82526%2012.2083%207.76162%2012.1479C7.69799%2012.0874%207.66056%2012.005%207.65717%2011.9179L7.65861%200.976778C7.65847%200.932519%207.66721%200.888678%207.68433%200.847773C7.70146%200.806868%207.72664%200.769718%207.7584%200.738468Z'%20fill='%23999999'%20stroke='%23999999'%20stroke-width='0.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.product-faq {
  -webkit-margin-before: 200px;
  margin-block-start: 200px;
}
@media (max-width: 800px) {
  .product-faq {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
  }
}
.product-faq .faq-list {
  -webkit-margin-before: 70px;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .product-faq .faq-list {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.product-faq .faq-list__item {
  padding: 50px 60px;
  border-top: 1px solid #ddd;
}
@media (max-width: 800px) {
  .product-faq .faq-list__item {
    padding: 20px 10px;
  }
}
.product-faq .faq-list__item:last-child {
  border-bottom: 1px solid #ddd;
}
.product-faq .faq-list__item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 3px;
}
@media (max-width: 800px) {
  .product-faq .faq-list__item-question {
    gap: 15px;
    font-size: 15px;
    letter-spacing: 1.5px;
  }
}
.product-faq .faq-list__item .summary-icon {
  position: relative;
  min-width: 20px;
  min-height: 20px;
}
@media (max-width: 800px) {
  .product-faq .faq-list__item .summary-icon {
    min-width: 15px;
    min-height: 15px;
  }
}
.product-faq .faq-list__item .summary-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  transform: translate(-50%, -50%);
  background-color: #ddd;
  content: '';
}
.product-faq .faq-list__item .summary-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translate(-50%, -50%);
  background-color: #ddd;
  content: '';
  transition: transform 0.1s ease-in-out;
}
.product-faq .faq-list__item-answer {
  -webkit-padding-before: 40px;
  padding-block-start: 40px;
  font-size: 15px;
  line-height: 250%;
  letter-spacing: 1.5px;
  -webkit-padding-end: 80px;
  padding-inline-end: 80px;
}
@media (max-width: 800px) {
  .product-faq .faq-list__item-answer {
    -webkit-padding-before: 15px;
    padding-block-start: 15px;
    font-size: 12px;
    letter-spacing: 1.2px;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
  }
}
.product-faq .faq-list summary {
  display: block;
  list-style: none;
  cursor: pointer;
}
.product-faq .faq-list summary::-webkit-details-marker {
  display: none;
}
.product-faq .faq-list details[open] .summary-icon:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.product-faq .faq-more {
  -webkit-margin-before: 70px;
  display: block flex;
  align-items: center;
  justify-content: center;
  margin-block-start: 70px;
  text-align: center;
}
@media (max-width: 800px) {
  .product-faq .faq-more {
    -webkit-margin-before: 40px;
    margin-block-start: 40px;
  }
}
.candy-header {
  display: block flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 3.6px;
  -webkit-margin-after: 100px;
  margin-block-end: 100px;
}
@media (max-width: 800px) {
  .candy-header {
    gap: 15px;
    font-size: 18px;
    letter-spacing: 2.7px;
    -webkit-margin-after: 40px;
    margin-block-end: 40px;
  }
}
.candy-header__logo {
  width: 215px;
}
@media (max-width: 800px) {
  .candy-header__logo {
    width: 150px;
  }
}
.candy-price {
  -webkit-margin-before: 40px;
  margin-block-start: 40px;
  color: #000;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .candy-price {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
.candy-price span {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 2.4px;
}
@media (max-width: 800px) {
  .candy-price span {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
.product-instructions {
  -webkit-margin-before: 200px;
  margin-block-start: 200px;
  padding-block: 200px;
  background: var(
    --gray_back,
    linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 100%),
    linear-gradient(0deg, #f8f8f8 0%, #f8f8f8 100%),
    #fafafa
  );
}
@media (max-width: 800px) {
  .product-instructions {
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
    padding-block: 70px;
  }
}
.product-instructions__content {
  display: block flex;
  flex-direction: column;
  -webkit-margin-before: 70px;
  margin-block-start: 70px;
}
@media (max-width: 800px) {
  .product-instructions__content {
    -webkit-margin-before: 30px;
    margin-block-start: 30px;
  }
}
.product-instructions__content-item {
  display: block flex;
  align-items: flex-start;
  padding: 50px 60px;
  border-top: 1px solid #ddd;
}
@media (max-width: 800px) {
  .product-instructions__content-item {
    flex-direction: column;
    padding: 25px 10px;
    gap: 20px;
  }
}
.product-instructions__content-item:last-child {
  border-bottom: 1px solid #ddd;
}
.product-instructions__content-item-title {
  display: flex;
  align-items: center;
  width: 600px;
  gap: 20px;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 3px;
}
@media (max-width: 800px) {
  .product-instructions__content-item-title {
    width: 100%;
    gap: 10px;
    font-size: 16px;
    letter-spacing: 2.4px;
  }
}
.product-instructions__content-item-title .saled-out {
  display: inline flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  background: #bbb;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.2px;
}
@media (max-width: 800px) {
  .product-instructions__content-item-title .saled-out {
    padding: 5px 10px;
    font-size: 10px;
    letter-spacing: 1px;
  }
}
.product-instructions__content-item-download {
  display: block flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
@media (max-width: 800px) {
  .product-instructions__content-item-download {
    align-items: flex-start;
    gap: 15px;
  }
}
.product-instructions__content-item-download .textLink {
  font-weight: 700;
  line-height: 100%;
  text-decoration: underline;
}
.product-instructions__content-item-download .textLink .icon {
  width: 15px;
  height: 15px;
}
.brand-toprank {
  display: block flex;
  flex-direction: column;
  padding-inline: 50px;
  gap: 120px;
}
@media (max-width: 800px) {
  .brand-toprank {
    padding-inline: 0;
    gap: 60px;
  }
}
.brand-toprank__item {
  display: flex;
  flex-direction: column;
  max-width: 1340px;
  margin-inline: auto;
  gap: 60px;
}
@media (max-width: 800px) {
  .brand-toprank__item {
    gap: 30px;
  }
}
.brand-toprank__slider {
  position: relative;
  overflow: hidden;
}
.brand-toprank__swiper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 800px) {
  .brand-toprank__swiper {
    gap: 20px;
  }
}
.brand-toprank__detail {
  display: block flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 120px;
}
@media (max-width: 800px) {
  .brand-toprank__detail {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
}
.brand-toprank__detail-content {
  display: block flex;
  flex-direction: column;
  max-width: 900px;
  gap: 40px;
}
@media (max-width: 800px) {
  .brand-toprank__detail-content {
    align-items: center;
    gap: 30px;
  }
}
.brand-toprank__detail-content-description {
  width: 100%;
}
@media (max-width: 800px) {
  .brand-toprank__detail-content-description {
    font-size: 14px;
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
.brand-toprank__detail .linkButton .icon-right {
  width: 10px;
  height: 10px;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.90039%201.41895C3.92265%201.41827%203.94478%201.41803%203.9668%201.4209L4.0498%201.44043L4.12793%201.47656L4.19629%201.52832L4.25293%201.59277L4.29492%201.66699L4.32129%201.74902C4.32709%201.77689%204.33008%201.80537%204.33008%201.83398L4.32129%201.91895C4.31544%201.94706%204.30648%201.97452%204.29492%202.00098C4.27195%202.05352%204.23835%202.10066%204.19629%202.13965C4.15411%202.17868%204.10407%202.20866%204.0498%202.22754C4.00172%202.24426%203.95116%202.25056%203.90039%202.24902V2.25098H1.66797L1.63574%202.25684C1.62568%202.26102%201.61625%202.26754%201.6084%202.27539C1.59292%202.291%201.58412%202.312%201.58398%202.33398V8.33301L1.59082%208.36523C1.59496%208.37529%201.60059%208.38471%201.6084%208.39258C1.6241%208.40832%201.64573%208.4179%201.66797%208.41797H7.33301C7.4436%208.41797%207.54973%208.37312%207.62793%208.29492C7.70586%208.21686%207.74987%208.11128%207.75%208.00098V6.10059H7.75098C7.74938%206.04966%207.75569%205.99842%207.77246%205.9502L7.80859%205.87305C7.82329%205.84854%207.84085%205.82579%207.86035%205.80469L7.9248%205.74805C7.94808%205.73148%207.97271%205.7166%207.99902%205.70508L8.08105%205.67969C8.10894%205.67385%208.13737%205.67093%208.16602%205.6709L8.25195%205.67969L8.33398%205.70508L8.4082%205.74805L8.47266%205.80469L8.52441%205.87305L8.56055%205.9502L8.58008%206.03418C8.58292%206.05617%208.58273%206.07835%208.58203%206.10059H8.58301V8.00098C8.58288%208.33232%208.4511%208.65046%208.2168%208.88477C7.9824%209.11904%207.66441%209.25097%207.33301%209.25098H1.66699C1.42415%209.25097%201.19144%209.15394%201.01953%208.98242C0.847622%208.81077%200.750389%208.57789%200.75%208.33496V2.33496C0.75%202.09187%200.846733%201.85847%201.01855%201.68652C1.19052%201.51455%201.42379%201.41797%201.66699%201.41797H3.90039V1.41895ZM8.83398%200.750977C8.91684%200.750977%208.99747%200.775057%209.06543%200.820312L9.12891%200.873047L9.18164%200.936523C9.22678%201.00442%209.25098%201.0852%209.25098%201.16797V3.50098L9.24316%203.58203C9.22717%203.66221%209.18753%203.73625%209.12891%203.79492C9.07028%203.85355%208.99613%203.89315%208.91602%203.90918L8.83398%203.91797C8.72348%203.9179%208.61721%203.87307%208.53906%203.79492C8.46122%203.71688%208.41712%203.61125%208.41699%203.50098V2.1748L5.2959%205.2959C5.25729%205.33461%205.21069%205.36573%205.16016%205.38672C5.10973%205.40756%205.05553%205.417%205.00098%205.41699V5.41797C4.91873%205.41788%204.83794%205.39331%204.76953%205.34766C4.70117%205.30192%204.64679%205.23705%204.61523%205.16113C4.58378%205.08515%204.57586%205.00063%204.5918%204.91992L4.6084%204.86133C4.62898%204.8036%204.66244%204.75081%204.70605%204.70703V4.70605L7.8291%201.58398H6.5V1.58203C6.44921%201.58358%206.39869%201.57726%206.35059%201.56055C6.29629%201.54167%206.24628%201.51169%206.2041%201.47266C6.16204%201.43368%206.12846%201.38656%206.10547%201.33398C6.09391%201.30754%206.08495%201.28005%206.0791%201.25195L6.07031%201.16699L6.0791%201.08203C6.08495%201.05394%206.09391%201.02644%206.10547%201L6.14746%200.925781C6.16403%200.902438%206.183%200.880879%206.2041%200.861328L6.27246%200.80957C6.29703%200.794803%206.32337%200.782903%206.35059%200.773438L6.43359%200.753906C6.45561%200.751043%206.47774%200.751273%206.5%200.751953V0.750977H8.83398Z'%20fill='%23999999'/%3e%3c/svg%3e");
  position: relative;
  top: 0;
  right: 0;
  transform: translateY(0);
  mask-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='10'%20viewBox='0%200%2010%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.90039%201.41895C3.92265%201.41827%203.94478%201.41803%203.9668%201.4209L4.0498%201.44043L4.12793%201.47656L4.19629%201.52832L4.25293%201.59277L4.29492%201.66699L4.32129%201.74902C4.32709%201.77689%204.33008%201.80537%204.33008%201.83398L4.32129%201.91895C4.31544%201.94706%204.30648%201.97452%204.29492%202.00098C4.27195%202.05352%204.23835%202.10066%204.19629%202.13965C4.15411%202.17868%204.10407%202.20866%204.0498%202.22754C4.00172%202.24426%203.95116%202.25056%203.90039%202.24902V2.25098H1.66797L1.63574%202.25684C1.62568%202.26102%201.61625%202.26754%201.6084%202.27539C1.59292%202.291%201.58412%202.312%201.58398%202.33398V8.33301L1.59082%208.36523C1.59496%208.37529%201.60059%208.38471%201.6084%208.39258C1.6241%208.40832%201.64573%208.4179%201.66797%208.41797H7.33301C7.4436%208.41797%207.54973%208.37312%207.62793%208.29492C7.70586%208.21686%207.74987%208.11128%207.75%208.00098V6.10059H7.75098C7.74938%206.04966%207.75569%205.99842%207.77246%205.9502L7.80859%205.87305C7.82329%205.84854%207.84085%205.82579%207.86035%205.80469L7.9248%205.74805C7.94808%205.73148%207.97271%205.7166%207.99902%205.70508L8.08105%205.67969C8.10894%205.67385%208.13737%205.67093%208.16602%205.6709L8.25195%205.67969L8.33398%205.70508L8.4082%205.74805L8.47266%205.80469L8.52441%205.87305L8.56055%205.9502L8.58008%206.03418C8.58292%206.05617%208.58273%206.07835%208.58203%206.10059H8.58301V8.00098C8.58288%208.33232%208.4511%208.65046%208.2168%208.88477C7.9824%209.11904%207.66441%209.25097%207.33301%209.25098H1.66699C1.42415%209.25097%201.19144%209.15394%201.01953%208.98242C0.847622%208.81077%200.750389%208.57789%200.75%208.33496V2.33496C0.75%202.09187%200.846733%201.85847%201.01855%201.68652C1.19052%201.51455%201.42379%201.41797%201.66699%201.41797H3.90039V1.41895ZM8.83398%200.750977C8.91684%200.750977%208.99747%200.775057%209.06543%200.820312L9.12891%200.873047L9.18164%200.936523C9.22678%201.00442%209.25098%201.0852%209.25098%201.16797V3.50098L9.24316%203.58203C9.22717%203.66221%209.18753%203.73625%209.12891%203.79492C9.07028%203.85355%208.99613%203.89315%208.91602%203.90918L8.83398%203.91797C8.72348%203.9179%208.61721%203.87307%208.53906%203.79492C8.46122%203.71688%208.41712%203.61125%208.41699%203.50098V2.1748L5.2959%205.2959C5.25729%205.33461%205.21069%205.36573%205.16016%205.38672C5.10973%205.40756%205.05553%205.417%205.00098%205.41699V5.41797C4.91873%205.41788%204.83794%205.39331%204.76953%205.34766C4.70117%205.30192%204.64679%205.23705%204.61523%205.16113C4.58378%205.08515%204.57586%205.00063%204.5918%204.91992L4.6084%204.86133C4.62898%204.8036%204.66244%204.75081%204.70605%204.70703V4.70605L7.8291%201.58398H6.5V1.58203C6.44921%201.58358%206.39869%201.57726%206.35059%201.56055C6.29629%201.54167%206.24628%201.51169%206.2041%201.47266C6.16204%201.43368%206.12846%201.38656%206.10547%201.33398C6.09391%201.30754%206.08495%201.28005%206.0791%201.25195L6.07031%201.16699L6.0791%201.08203C6.08495%201.05394%206.09391%201.02644%206.10547%201L6.14746%200.925781C6.16403%200.902438%206.183%200.880879%206.2041%200.861328L6.27246%200.80957C6.29703%200.794803%206.32337%200.782903%206.35059%200.773438L6.43359%200.753906C6.45561%200.751043%206.47774%200.751273%206.5%200.751953V0.750977H8.83398Z'%20fill='%23999999'/%3e%3c/svg%3e");
}
.brand-swiper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 800px) {
  .brand-swiper {
    gap: 20px;
  }
}
.brand-swiper-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.brand-swiper-bottom:has(.swiper-pagination-lock) {
  display: none;
}
.brand-swiper .swiper-button-prev,
.brand-swiper .swiper-button-next {
  width: 5px;
  height: 5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.brand-swiper .swiper-button-prev.swiper-button-disabled,
.brand-swiper .swiper-button-next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.brand-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.41406%208.552L5.34406%208.552L0.988061%204.43L5.34406%200.290001L7.41406%200.290001L3.05806%204.43L7.41406%208.552Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.brand-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='9'%20viewBox='0%200%208%209'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.988281%200.290039H3.05828L7.41428%204.41204L3.05828%208.55204H0.988281L5.34428%204.41204L0.988281%200.290039Z'%20fill='%23222222'/%3e%3c/svg%3e");
}
.brand-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.brand-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ddd;
  cursor: pointer;
  opacity: 1;
}
.brand-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background-color: #222;
}
.brand-swiper .swiper-button-lock,
.brand-swiper .swiper-pagination-lock {
  display: none;
}
.brand-second {
  -webkit-margin-before: 200px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1340px;
  margin-inline: auto;
  margin-block-start: 200px;
  padding-inline: 50px;
  gap: 100px 40px;
}
@media (max-width: 800px) {
  .brand-second {
    padding-inline: 30px;
    -webkit-margin-before: 70px;
    margin-block-start: 70px;
    gap: 50px 15px;
  }
}
.brand-third {
  -webkit-margin-before: 200px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1340px;
  margin-inline: auto;
  margin-block-start: 200px;
  padding-inline: 50px;
  gap: 100px 25px;
}
@media (max-width: 800px) {
  .brand-third {
    padding-inline: 30px;
    -webkit-margin-before: 70px;
    grid-template-columns: 1fr;
    margin-block-start: 70px;
    gap: 30px;
  }
}
.brand-card {
  display: block flex;
  flex-direction: column;
  overflow: hidden;
  gap: 40px;
}
@media (max-width: 800px) {
  .brand-card {
    gap: 25px;
  }
}
.brand-card .brand-swiper {
  gap: 30px;
}
@media (max-width: 800px) {
  .brand-card .brand-swiper {
    gap: 15px;
  }
}
.brand-card__content {
  display: block flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 50px;
}
@media (max-width: 800px) {
  .brand-card__content {
    padding-inline: 8px;
  }
}
.brand-card .brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
}
@media (max-width: 800px) {
  .brand-card .brand-logo {
    height: 30px;
    padding-inline: 10px;
  }
}
.brand-card .brand-description {
  -webkit-margin-before: 30px;
  margin-block-start: 30px;
  text-align: center;
}
@media (max-width: 800px) {
  .brand-card .brand-description {
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    font-size: 13px;
    line-height: 200%;
    letter-spacing: 1.3px;
    text-align: left;
  }
}
.brand-card .brand-button {
  -webkit-margin-before: 30px;
  margin-block-start: 30px;
}
@media (max-width: 800px) {
  .brand-card .brand-button {
    -webkit-margin-before: 25px;
    margin-block-start: 25px;
  }
}
.brand-card .brand-button .textLink {
  font-weight: 700;
  -webkit-padding-after: 10px;
  padding-block-end: 10px;
  border-bottom: 1px solid #000;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .brand-card .brand-button .textLink {
    font-size: 13px;
    letter-spacing: 1.3px;
  }
}
.brand-card .brand-button .textLink .icon {
  width: 10px;
  height: 10px;
}
@media (max-width: 800px) {
  .brand-card .brand-swiper-bottom {
    gap: 20px;
  }
}
@media (max-width: 800px) {
  .brand-card .brand-swiper-bottom .swiper-pagination {
    gap: 15px;
  }
}
.brand-card--mini {
  gap: 30px;
}
@media (max-width: 800px) {
  .brand-card--mini {
    display: block grid;
    grid-template-columns: 150px 1fr;
    gap: 20px;
  }
}
.brand-card--mini .brand-card__content {
  padding-inline: 0;
}
@media (max-width: 800px) {
  .brand-card--mini .brand-card__content {
    align-items: flex-start;
  }
}
.brand-card--mini .brand-description {
  -webkit-margin-before: 22px;
  margin-block-start: 22px;
  font-size: 14px;
  line-height: 210%;
  letter-spacing: 1.4px;
}
@media (max-width: 800px) {
  .brand-card--mini .brand-description {
    -webkit-margin-before: 10px;
    margin-block-start: 10px;
    font-size: 11px;
    line-height: 180%;
    letter-spacing: 1.1px;
  }
}
@media (max-width: 800px) {
  .brand-card--mini .brand-logo {
    justify-content: flex-start;
    padding-inline: 0;
  }
}
@media (max-width: 800px) {
  .brand-card--mini .brand-button {
    -webkit-margin-before: 15px;
    margin-block-start: 15px;
  }
  .brand-card--mini .brand-button .textLink {
    font-size: 11px;
    letter-spacing: 1.1px;
  }
}
@media (max-width: 800px) {
  .brand-miele-img {
    width: 160px;
  }
  .brand-smeg-img {
    width: 200px;
  }
  .brand-gaggenau-img {
    width: 230px;
  }
  .brand-mabe-img {
    width: 80px;
  }
  .brand-asko-img {
    width: 90px;
  }
  .brand-beko-img {
    width: 52px;
  }
  .brand-viking-img {
    width: 80px;
  }
  .brand-amana-img {
    width: 90px;
  }
  .brand-maytag-img {
    width: 56px;
  }
}
.brand-note {
  font-weight: 700;
  line-height: 250%;
  letter-spacing: 1.5px;
  -webkit-margin-before: 150px;
  margin-block-start: 150px;
  text-align: center;
  -webkit-padding-after: 200px;
  padding-block-end: 200px;
}
@media (max-width: 800px) {
  .brand-note {
    -webkit-margin-before: 50px;
    margin-block-start: 50px;
    font-size: 14px;
    line-height: 230%;
    letter-spacing: 1.4px;
    text-align: left;
    -webkit-padding-after: 70px;
    padding-block-end: 70px;
  }
}
.candy-repair {
  display: flex;
  z-index: 100;
  position: fixed;
  bottom: 50px;
  left: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 140px;
  gap: 13px;
  border-radius: 50%;
  background-color: var(--black, #222);
  color: #fff;
}
@media (max-width: 800px) {
  .candy-repair {
    bottom: 20px;
    left: 20px;
    width: 80px;
    height: 80px;
    gap: 7px;
  }
}
.candy-repair__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}
@media (max-width: 800px) {
  .candy-repair__icon {
    width: 20px;
    height: 20px;
  }
}
.candy-repair__title {
  font-weight: 700;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 1.3px;
  text-align: center;
}
@media (max-width: 800px) {
  .candy-repair__title {
    font-size: 10px;
    line-height: 130%;
    letter-spacing: 1px;
  }
}
.candy-repair__title span {
  display: inline;
}
@media (max-width: 800px) {
  .candy-repair__title span {
    display: none;
  }
}
