@charset "UTF-8";
/* ========================================

common

======================================== */
/* DEMOCAR-ROOT
============================== */
.DEMOCAR-ROOT {
  --vw: 1vw;
  --slope-1px: clamp(0px, -0.95663px + 0.2551vw, 1px);
  --leading-trim: calc((1em - 1lh) / 2);
  container: CMN-DEMOCAR / inline-size;
  box-sizing: border-box;
  color: var(--base-color, #333);
  line-height: 1.75;
}

.DEMOCAR-ROOT *, .DEMOCAR-ROOT *::before, .DEMOCAR-ROOT *::after {
  box-sizing: border-box;
}

.DEMOCAR-ROOT img {
  display: block;
  max-width: 100%;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-ROOT * {
    --slope-1px: clamp(0px, -0.95663px + 0.2551cqw, 1px);
  }
}

/* DEMOCAR-COMMON-container
============================== */
.DEMOCAR-COMMON-container__loading {
  text-align: center;
  padding: 2em;
}

.DEMOCAR-COMMON-container__original {
  display: none;
}

/* ========================================

index

======================================== */
/* wrapper
======================================== */
.DEMOCAR-ROOT #ATC-main-primary-contents {
  max-width: 100%;
  margin: 0 auto;
}

/* button - search method (by car model or store)
======================================== */
.DEMOCAR-ROOT .ATC-car-contents-header > ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: calc(40px + var(--slope-1px) * -20);
  margin-left: auto;
  width: 390px;
  max-width: 100%;
  gap: 10px;
}

.DEMOCAR-ROOT .ATC-car-contents-header > ul > li a {
  font-size: calc(13px + var(--slope-1px) * 2);
  font-weight: bold;
  width: 100%;
  max-width: 100%;
  height: 3em;
  border: 1px solid var(--base-color, #333);
  padding: 0.625em 1em;
  border-radius: 5px;
  background: transparent;
  color: var(--base-color, #333);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
  appearance: none;
  transition: all .2s ease-out;
  cursor: pointer;
}

.DEMOCAR-ROOT .ATC-car-contents-header > ul > li a:hover {
  opacity: .7;
}

/* nav - car model
============================== */
.DEMOCAR-ROOT .ATC-car-contents .ATC-car-contents-inner .ATC-car-contents-header > ul {
  display: none;
}

/* nav - to top
============================== */
.DEMOCAR-ROOT .ATC-car-contents-lineup-end {
  display: none;
}

/* section - search method
============================== */
.DEMOCAR-ROOT .ATC-car-contents:not(:last-child) {
  margin-bottom: calc(60px + var(--slope-1px) * 40);
}

.DEMOCAR-ROOT .ATC-car-contents + br {
  display: none;
}

/* title - search method
======================================== */
.DEMOCAR-ROOT .ATC-title-text {
  font-size: calc(18px + var(--slope-1px) * 5);
  font-weight: bold;
  letter-spacing: .1em;
  margin-top: var(--leading-trim);
  padding-bottom: calc(.5em + var(--leading-trim));
  border-bottom: 1px solid;
  margin-bottom: 1.75em;
}

/* section - car model
============================== */
.DEMOCAR-ROOT .ATC-car-contents-inner {
  margin-top: calc(40px + var(--slope-1px) * 20);
}

/* title - car model
============================== */
.DEMOCAR-ROOT .ATC-title-text-basic {
  font-weight: bold;
  font-size: calc(15px + var(--slope-1px) * 3);
  margin-block: var(--leading-trim) calc(1em + var(--leading-trim));
}

/* grid - car model
======================================== */
.DEMOCAR-ROOT .ATC-car-contents-lineup {
  width: 100%;
  gap: calc(8px + var(--slope-1px) * 4);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

/* item - car model
======================================== */
.DEMOCAR-ROOT .ATC-car-contents-lineup-inner {
  position: relative;
  border: 1px solid var(--border-color, #ccc);
  background: #fff;
  padding: calc(15px + var(--slope-1px) * 5) 10px calc(10px + var(--slope-1px) * 5);
  overflow: hidden;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-inner img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-new {
  display: none;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail {
  margin-top: .25em;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail a {
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  height: 3em;
  padding: .5em 1em;
  margin: 0 auto;
  color: var(--base-color, #333);
  background: transparent;
  border: 1px solid var(--base-color, #333);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  appearance: none;
  cursor: pointer;
  transition: all .3s ease-out;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail a:hover {
  background: var(--base-color, #333);
  color: #fff;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail a img {
  display: none;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.DEMOCAR-ROOT .ATC-car-contents-lineup-detail a:after {
  /* 展示車・試乗車 */
  content: "\5C55\793A\8ECA\30FB\8A66\4E57\8ECA";
}

/* table - shop
======================================== */
.DEMOCAR-ROOT .ATC-shop-list-table {
  font-size: calc(14px + var(--slope-1px) * 1);
  width: 100%;
  border-collapse: collapse;
}

.DEMOCAR-ROOT .ATC-shop-list-table th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: .75em;
  border: 1px solid var(--border-color, #ccc);
  background: var(--bg-color, #f4f4f4);
}

.DEMOCAR-ROOT .ATC-shop-list-table td {
  padding: .75em;
  border: 1px solid var(--border-color, #ccc);
  background: #fff;
  color: var(--base-color, #333);
  vertical-align: middle;
}

.DEMOCAR-ROOT .ATC-shop-list-table td.ATC-shop-list-table-shop {
  font-weight: bold;
}

.DEMOCAR-ROOT .ATC-shop-list-table td.ATC-shop-list-table-shop a {
  color: var(--key-color, #c00);
}

.DEMOCAR-ROOT .ATC-shop-list-table td.ATC-shop-list-table-tel {
  text-align: center;
  width: min(10.5em, 20%);
  color: var(--base-color, #333);
}

/* ========================================

list

======================================== */
/* DEMOCAR-LIST
============================== */
.DEMOCAR-LIST__lead {
  font-size: calc(13px + var(--slope-1px) * 1);
  margin-bottom: 1.5em;
}

/* DEMOCAR-LIST-table
============================== */
.DEMOCAR-LIST-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  background: var(--border-color, #dbdbdb);
  font-size: calc(13px + var(--slope-1px) * 2);
  line-height: 1.42857;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table {
    display: block;
    border: 1px solid var(--border-color, #dbdbdb);
    background: #fff;
    line-height: 1.5;
  }
}

.DEMOCAR-LIST-table__sort {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9em, 1fr));
  gap: 5px 6px;
  margin-top: 9px;
  font-size: 12px;
}

.DEMOCAR-LIST-table__sort a {
  font-size: inherit;
  width: 100%;
  border-radius: 2px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5em .25em;
  color: currentColor;
  border: 1px solid;
  line-height: 1em;
  text-decoration: none;
}

.DEMOCAR-LIST-table__sort a.is-current {
  background: var(--base-color, #000);
  color: #fff;
  pointer-events: none;
}

.DEMOCAR-LIST-table :where(th, td) {
  text-align: center;
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table :where(th, td) {
    background: #fff;
    vertical-align: middle;
    padding: 1em 10px;
  }
}

.DEMOCAR-LIST-table :where(th, td) span {
  margin-block: var(--leading-trim);
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table thead {
    display: none;
  }
}

.DEMOCAR-LIST-table thead th {
  font-weight: bold;
  background: var(--bg-color, #f4f4f4);
  font-size: calc(13px + var(--slope-1px) * 1);
}

.DEMOCAR-LIST-table thead th[colspan] {
  font-size: calc(14px + var(--slope-1px) * 1);
  width: 20em;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table tbody {
    display: block;
  }
  .DEMOCAR-LIST-table tbody :where(th, td) {
    display: block;
  }
  .DEMOCAR-LIST-table tbody tr {
    --grid-padding-inline: 1em;
    --grid-padding-block: 20px;
    border-bottom: 1px solid var(--border-color, #dbdbdb);
    padding-right: var(--grid-padding-inline);
    display: grid;
    gap: 0 var(--grid-padding-inline);
    grid-template-rows: 1fr auto auto;
    grid-template-columns: 2em 1fr max(8em, 30%);
    grid-template-areas: "DEMOCAR-status DEMOCAR-image DEMOCAR-link" "DEMOCAR-status DEMOCAR-spec DEMOCAR-link" "DEMOCAR-status DEMOCAR-shop DEMOCAR-link";
  }
}

.DEMOCAR-LIST-table__status {
  background: var(--bg-color, #f4f4f4);
  line-height: 1.2;
  grid-area: DEMOCAR-status;
  font-size: calc(14px + var(--slope-1px) * 1);
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__status {
    min-width: 5em;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__status {
    border-right: var(--border-color, #dbdbdb);
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__head {
    width: 15em;
    position: relative;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__head {
    display: contents !important;
  }
}

.DEMOCAR-LIST-table__image {
  grid-area: DEMOCAR-image;
  margin-inline: auto;
}

.DEMOCAR-LIST-table__image img {
  width: calc(90px + var(--slope-1px) * 90);
  margin-inline: auto;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__image {
    padding-top: var(--grid-padding-block);
    justify-self: center;
    margin-bottom: 1em;
  }
}

.DEMOCAR-LIST-table__link {
  grid-area: DEMOCAR-link;
  margin-top: .75em;
}

.DEMOCAR-LIST-table__link a {
  text-decoration: underline;
}

.DEMOCAR-LIST-table__link a:hover {
  text-decoration: none;
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__link a {
    display: block;
    margin-block: var(--leading-trim);
  }
  .DEMOCAR-LIST-table__link a:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__link {
    padding-block: var(--grid-padding-block);
    align-self: center;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: column;
    gap: 1em;
  }
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__color, .DEMOCAR-LIST-table__model {
    width: 15em;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__color, .DEMOCAR-LIST-table__model {
    display: none !important;
  }
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__spec {
    width: 11em;
  }
  .DEMOCAR-LIST-table__spec ._model {
    display: none;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__spec {
    grid-area: DEMOCAR-spec;
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0 .5em;
    justify-self: center;
    align-self: center;
  }
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__capacity {
    width: 4em;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__capacity {
    display: none !important;
  }
}

.DEMOCAR-LIST-table__foot {
  width: 14em;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__foot {
    display: contents !important;
  }
}

.DEMOCAR-LIST-table__shop {
  grid-area: DEMOCAR-shop;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__shop {
    padding-bottom: var(--grid-padding-block);
    margin-bottom: var(--leading-trim);
    margin-top: .5em;
  }
  .DEMOCAR-LIST-table__shop span {
    display: inline-block;
  }
  .DEMOCAR-LIST-table__shop:before {
    content: "\53D6\6271\5E97\8217\FF1A";
    display: inline-block;
  }
}

.DEMOCAR-LIST-table__inquiry {
  padding-top: .75em;
}

tr._exhibit .DEMOCAR-LIST-table__inquiry {
  display: none;
}

.DEMOCAR-LIST-table__inquiry a {
  font-size: calc(14px + var(--slope-1px) * 1);
  font-weight: bold;
  width: 100%;
  max-width: 10.66667em;
  height: 40px;
  border-radius: 40px;
  color: #fff;
  background: var(--key-color, #c00);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-inline: auto;
  transition: all .2s;
}

.DEMOCAR-LIST-table__inquiry a:hover {
  opacity: .7;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__inquiry {
    display: flex;
    align-items: flex-end;
  }
}

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table__head .DEMOCAR-LIST-table__inquiry {
    display: none;
  }
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table__foot .DEMOCAR-LIST-table__inquiry {
    display: none;
  }
}

/* DEMOCAR-LIST-pager
============================== */
.DEMOCAR-LIST-pager {
  margin-top: calc(32px + var(--slope-1px) * 8);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.DEMOCAR-LIST-pager__prev {
  rotate: 180deg;
}


.DEMOCAR-LIST-pager__next {
  margin-left: calc(12px + var(--slope-1px) * 4);
}

.DEMOCAR-LIST-pager__arrow {
  width: calc(44px - var(--slope-1px) * 4);
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: color-mix(in srgb, var(--base-color, #000) 60%, white);
  transition: opacity .2s;
}

.DEMOCAR-LIST-pager__arrow:hover {
  opacity: .7;
}

.DEMOCAR-LIST-pager .is-disabled .DEMOCAR-LIST-pager__arrow {
  background: color-mix(in srgb, var(--base-color, #000) 20%, white);
  pointer-events: none;
}


.DEMOCAR-LIST-pager__control {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-right: 22px;
}

.DEMOCAR-LIST-pager__control select {
  border-radius: 2px;
  border: 1px solid var(--border-color, #ccc);
  padding: 10px;
  line-height: 1;
}

.DEMOCAR-LIST-pager__control select:has(option:first-child:last-child) {
  border-color: transparent;
  pointer-events: none;
  padding: 0;
  appearance: none;
  outline: none;
}

/* ========================================

detail

======================================== */
/* DEMOCAR-DETAIL
============================== */
.DEMOCAR-DETAIL__head {
  display: flex;
  align-items: center;
  gap: calc(10px + var(--slope-1px) * 6);
  padding-bottom: calc(14px + var(--slope-1px) * 2);
  border-bottom: 1px solid var(--border-color, #ccc);
  margin-bottom: calc(24px + var(--slope-1px) * 16);
}

.DEMOCAR-DETAIL__title {
  font-size: calc(24px + var(--slope-1px) * 8);
  font-weight: bold;
  margin-block: var(--leading-trim);
}

.DEMOCAR-DETAIL__status {
  font-size: calc(13px + var(--slope-1px) * 1);
  font-weight: bold;
  line-height: 1;
  border-radius: 5px;
  background: var(--bg-color, #f4f4f4);
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.DEMOCAR-DETAIL__body {
  display: grid;
  gap: calc(32px + var(--slope-1px) * 3) 40px;
  grid-template-columns: 59.48276% 1fr;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL__body {
    grid-template-columns: 100%;
  }
}

.DEMOCAR-DETAIL__photo {
  grid-row: span 3;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL__photo {
    grid-row: span 1;
  }
}

.DEMOCAR-DETAIL__photo img {
  width: 100%;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL__thumb {
    overflow-x: auto;
    margin-top: -24px;
    --outer-padding: calc(var(--vw) * 50 - 50cqw);
    width: calc(100% + var(--outer-padding) * 2);
    margin-left: calc(var(--outer-padding) * -1);
  }
}

.DEMOCAR-DETAIL__thumb-inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  --gap: 6px;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL__thumb-inner {
    flex-wrap: nowrap;
  }
  .DEMOCAR-DETAIL__thumb-inner:before, .DEMOCAR-DETAIL__thumb-inner:after {
    content: "";
    display: block;
    width: var(--outer-padding);
    flex-shrink: 0;
  }
}

.DEMOCAR-DETAIL__thumb-inner > li {
  width: calc(25% - var(--gap) * 4 / 3);
  flex-shrink: 0;
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL__thumb-inner > li {
    width: calc(25cqw - var(--gap) * 4 / 3);
  }
}

.DEMOCAR-DETAIL__thumb-inner > li a {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all .2s;
}

.DEMOCAR-DETAIL__thumb-inner > li a:hover {
  opacity: .7;
}

.DEMOCAR-DETAIL__thumb-inner > li a.is-current {
  pointer-events: none;
}

.DEMOCAR-DETAIL__thumb-inner > li a.is-current::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  inset: 0;
  border: 2px solid var(--key-color, #c00);
  background: color-mix(in srgb, var(--key-color, #c00) 40%, transparent);
}

.DEMOCAR-DETAIL__thumb-inner > li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.DEMOCAR-DETAIL__foot {
  margin-top: calc(32px + var(--slope-1px) * 32);
}

.DEMOCAR-DETAIL__caution {
  font-size: calc(13px + var(--slope-1px) * 2);
  margin-bottom: 1em;
}

.DEMOCAR-DETAIL__notes {
  font-size: calc(13px + var(--slope-1px) * 2);
  margin-top: 1em;
}

.DEMOCAR-DETAIL__foot-inquiry {
  margin-top: calc(56px + var(--slope-1px) * 24);
}

/* DEMOCAR-DETAIL-shop
============================== */
.DEMOCAR-DETAIL-shop {
  border: 1px solid var(--border-color, #ccc);
  background: #fff;
  text-align: center;
}

.DEMOCAR-DETAIL-shop__head {
  font-size: calc(14px + var(--slope-1px) * 2);
  padding: 4px 1em;
  font-weight: bold;
  background: var(--bg-color, #f4f4f4);
  border-bottom: 1px solid var(--border-color, #ccc);
}

.DEMOCAR-DETAIL-shop__body {
  padding: calc(20px + var(--slope-1px) * 5);
}

.DEMOCAR-DETAIL-shop__name {
  font-size: calc(20px + var(--slope-1px) * 4);
  font-weight: bold;
  margin-block: var(--leading-trim);
}

.DEMOCAR-DETAIL-shop__link {
  margin-top: 18px;
  display: flex;
  justify-content: center;
}

.DEMOCAR-DETAIL-shop__link a {
  width: calc(240px + var(--slope-1px) * 30);
  height: calc(45px + var(--slope-1px) * 5);
  max-width: 100%;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(14px + var(--slope-1px) * 3);
  text-decoration: none;
  border: 1px solid var(--base-color, #333);
  color: var(--base-color, #333);
  transition: all .3s ease-out;
}

.DEMOCAR-DETAIL-shop__link a:hover {
  color: #fff;
  background: var(--base-color, #333);
}

/* DEMOCAR-DETAIL-table
============================== */
.DEMOCAR-DETAIL-table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 1px;
  border-collapse: separate;
  background: var(--border-color, #ccc);
  font-size: calc(14px + var(--slope-1px) * 2);
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL-table {
    display: grid;
    grid-template-columns: auto 1fr;
    border: 1px solid var(--border-color, #ccc);
    gap: 1px;
  }
  .DEMOCAR-DETAIL-table :is(tbody, tr) {
    display: contents;
  }
}

.DEMOCAR-DETAIL-table :is(th, td) {
  padding: 10px calc(14px + var(--slope-1px) * 6);
  vertical-align: middle;
  text-align: left;
}

.DEMOCAR-DETAIL-table th {
  background: var(--bg-color, #f4f4f4);
  font-weight: bold;
}

.DEMOCAR-DETAIL-table td {
  background: #fff;
}

/* DEMOCAR-DETAIL-inquiry-button
============================== */
.DEMOCAR-DETAIL-inquiry-button {
  text-decoration: none;
  margin-top: 24px;
  position: relative;
  width: 394px;
  max-width: 100%;
  margin-inline: auto;
  display: block;
}

.DEMOCAR-DETAIL-inquiry-button__sub {
  display: block;
  text-align: center;
  font-size: calc(12px + var(--slope-1px) * 1);
  color: currentColor;
  margin-block: var(--leading-trim) calc(var(--leading-trim) + 10px);
  z-index: 1;
}

.DEMOCAR-DETAIL-inquiry-button__main {
  width: 100%;
  font-size: calc(17px + var(--slope-1px) * 5);
  height: calc(60px + var(--slope-1px) * 12);
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: relative;
  background: #fff;
  color: currentColor;
  transition: all .3s ease-out;
  border: 0;
  background: var(--key-color, #c00);
  color: #fff;
}

.DEMOCAR-DETAIL-inquiry-button:hover .DEMOCAR-DETAIL-inquiry-button__main {
  opacity: .8;
}