@charset "UTF-8";
@import url("/common/css/_base-tpl-vars.css");
/* ========================================

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(--TPL-text-color);
  line-height: 1.75;
}

.DEMOCAR-ROOT :is(*, *::before, *::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.2551cqi, 1px);
  }
}

/* DEMOCAR-COMMON-container
============================== */
.DEMOCAR-COMMON-container__loading {
  text-align: center;
  padding: 2em;
  gap: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.DEMOCAR-COMMON-container__loading:before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  background: currentColor;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1m0 19a8 8 0 1 1 8-8 8 8 0 0 1-8 8" opacity=".25"/><path d="M10.72 19.9a8 8 0 0 1-6.5-9.79 7.77 7.77 0 0 1 6.18-5.95 8 8 0 0 1 9.49 6.52A1.54 1.54 0 0 0 21.38 12h.13a1.37 1.37 0 0 0 1.38-1.54 11 11 0 1 0-12.7 12.39A1.54 1.54 0 0 0 12 21.34a1.47 1.47 0 0 0-1.28-1.44" class="spinner_5nOS"/></svg>') 50% 50%/contain no-repeat;
  animation: democarLoading .75s infinite linear;
}

@keyframes democarLoading {
  100% {
    transform: rotate(360deg);
  }
}

.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: var(--TPL-heavy-weight);
  width: 100%;
  max-width: 100%;
  height: 3em;
  border: 1px solid var(--TPL-text-color);
  padding: 0.625em 1em;
  border-radius: var(--TPL-button-radius);
  font-family: var(--TPL-button-family);
  background: transparent;
  color: var(--TPL-text-color);
  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: var(--TPL-heavy-weight);
  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: var(--TPL-heavy-weight);
  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(--TPL-border-color);
  border-radius: var(--TPL-frame-radius);
  background: var(--TPL-white);
  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: var(--TPL-heavy-weight);
  width: 100%;
  height: 3em;
  padding: .5em 1em;
  margin: 0 auto;
  color: var(--TPL-text-color);
  background: transparent;
  border: 1px solid var(--TPL-text-color);
  border-radius: var(--TPL-button-radius);
  font-family: var(--TPL-button-family);
  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(--TPL-text-color);
  color: var(--TPL-white);
}

.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(13px + var(--slope-1px) * 2);
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid var(--TPL-border-color);
  border-top: 1px solid var(--TPL-border-color);
}

.DEMOCAR-ROOT .ATC-shop-list-table :is(th, td) {
  border-right: 1px solid var(--TPL-border-color);
  border-bottom: 1px solid var(--TPL-border-color);
}

.DEMOCAR-ROOT .ATC-shop-list-table th {
  font-weight: var(--TPL-heavy-weight);
  text-align: center;
  vertical-align: middle;
  padding: .75em;
  background: var(--TPL-bg-color);
}

.DEMOCAR-ROOT .ATC-shop-list-table td {
  padding: .75em;
  background: var(--TPL-white);
  color: var(--TPL-text-color);
  vertical-align: middle;
}

.DEMOCAR-ROOT .ATC-shop-list-table td.ATC-shop-list-table-shop {
  font-weight: var(--TPL-heavy-weight);
}

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

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

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

list

======================================== */
/* DEMOCAR-LIST
============================== */
.DEMOCAR-LIST__head {
  font-size: calc(22px + var(--slope-1px) * 4);
  font-weight: var(--TPL-heavy-weight);
  line-height: 1.2;
  margin-block: var(--leading-trim) calc(26px + var(--slope-1px) * 6 + var(--leading-trim));
}

.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: collapse;
  background: var(--TPL-white);
  font-size: calc(13px + var(--slope-1px) * 2);
  line-height: 1.42857;
  border-left: 1px solid var(--TPL-border-color);
  border-top: 1px solid var(--TPL-border-color);
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-LIST-table {
    display: block;
    border: 1px solid var(--TPL-border-color);
    border-bottom: 0;
    background: var(--TPL-white);
    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: 3px;
  background: var(--TPL-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .5em .25em;
  color: currentColor;
  border: 1px solid var(--TPL-text-color);
  line-height: 1em;
  text-decoration: none;
  cursor: pointer;
}

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

.DEMOCAR-LIST-table__sort a.is-current {
  background: var(--TPL-text-color);
  color: var(--TPL-white);
  pointer-events: none;
}

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

@container CMN-DEMOCAR (width >= 768px) {
  .DEMOCAR-LIST-table :where(th, td) {
    background: var(--TPL-white);
    vertical-align: middle;
    padding: 1em 10px;
    border-right: 1px solid var(--TPL-border-color);
    border-bottom: 1px solid var(--TPL-border-color);
  }
}

.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: var(--TPL-heavy-weight);
  background: var(--TPL-bg-color);
  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(--TPL-border-color);
    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(--TPL-bg-color);
  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(--TPL-border-color);
    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;
  }
  .DEMOCAR-LIST-table__spec span {
    display: block;
  }
}

@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: 7em;
  }
}

@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 {
  color: var(--TPL-primary-button-color);
  background: var(--TPL-primary-button-background);
  border-width: var(--TPL-primary-button-border-width);
  border-color: var(--TPL-primary-button-border-color);
  border-style: solid;
  border-radius: var(--TPL-button-radius);
  font-family: var(--TPL-button-family);
  font-weight: var(--TPL-heavy-weight);
  font-size: calc(14px + var(--slope-1px) * 1);
  width: 100%;
  max-width: 10.66667em;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-inline: auto;
  transition: all .3s ease-out;
}

.DEMOCAR-LIST-table__inquiry a:hover {
  filter: var(--TPL-primary-button-filter-hover);
  opacity: var(--TPL-primary-button-opacity-hover);
  background: var(--TPL-primary-button-background-hover);
  color: var(--TPL-primary-button-color-hover);
  border-color: var(--TPL-primary-button-border-color-hover);
  border-width: var(--TPL-primary-button-border-width-hover);
}

@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(48px + var(--slope-1px) * -4);
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: color-mix(in srgb, var(--TPL-text-color) 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(--TPL-text-color) 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: 3px;
  border: 1px solid var(--TPL-border-color);
  padding: 10px;
  line-height: 1;
  cursor: pointer;
}

.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(--TPL-border-color);
  margin-bottom: calc(24px + var(--slope-1px) * 16);
}

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

.DEMOCAR-DETAIL__status {
  font-size: calc(13px + var(--slope-1px) * 1);
  font-weight: var(--TPL-heavy-weight);
  line-height: 1;
  border-radius: 5px;
  background: var(--TPL-bg-color);
  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;
  grid-template-rows: auto auto 1fr;
}

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

.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 - 50cqi);
    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(25cqi - 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(--TPL-key-color);
  background: color-mix(in srgb, var(--TPL-key-color) 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(--TPL-border-color);
  background: var(--TPL-white);
  text-align: center;
}

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

.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: var(--TPL-heavy-weight);
  margin-block: var(--leading-trim);
}

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

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

.DEMOCAR-DETAIL-shop__link a:hover {
  filter: var(--TPL-button-filter-hover);
  opacity: var(--TPL-button-opacity-hover);
  background: var(--TPL-button-background-hover);
  color: var(--TPL-button-color-hover);
  border-color: var(--TPL-button-border-color-hover);
  border-width: var(--TPL-button-border-width-hover);
}

/* DEMOCAR-DETAIL-table
============================== */
.DEMOCAR-DETAIL-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background: var(--TPL-white);
  border-left: 1px solid var(--TPL-border-color);
  border-top: 1px solid var(--TPL-border-color);
  font-size: calc(14px + var(--slope-1px) * 2);
}

@container CMN-DEMOCAR (width < 768px) {
  .DEMOCAR-DETAIL-table {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .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;
  border-right: 1px solid var(--TPL-border-color);
  border-bottom: 1px solid var(--TPL-border-color);
}

.DEMOCAR-DETAIL-table th {
  background: var(--TPL-bg-color);
  font-weight: var(--TPL-heavy-weight);
}

.DEMOCAR-DETAIL-table td {
  background: var(--TPL-white);
}

/* 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 {
  color: var(--TPL-primary-button-color);
  background: var(--TPL-primary-button-background);
  border-width: var(--TPL-primary-button-border-width);
  border-color: var(--TPL-primary-button-border-color);
  border-style: solid;
  width: 100%;
  font-size: calc(17px + var(--slope-1px) * 5);
  height: calc(60px + var(--slope-1px) * 12);
  font-family: var(--TPL-button-family);
  border-radius: var(--TPL-button-radius);
  font-weight: var(--TPL-heavy-weight);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all .3s ease-out;
}

.DEMOCAR-DETAIL-inquiry-button:hover .DEMOCAR-DETAIL-inquiry-button__main {
  filter: var(--TPL-primary-button-filter-hover);
  opacity: var(--TPL-primary-button-opacity-hover);
  background: var(--TPL-primary-button-background-hover);
  color: var(--TPL-primary-button-color-hover);
  border-color: var(--TPL-primary-button-border-color-hover);
  border-width: var(--TPL-primary-button-border-width-hover);
}