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

index

* ============================================================= */
/* p-index-hero
=============================== */
.p-index-hero {
  position: relative;
  left: 50%;
  width: 100vw;
  height: calc(100vh - 90px);
  padding-right: 6rem;
  padding-left: 6rem;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .p-index-hero {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-hero {
    width: 115.38462%;
  }
}

@media screen and (max-width: 767px) {
  .p-index-hero {
    height: calc(100vh - 80px);
    padding-right: 4.53333%;
    padding-left: 4.53333%;
  }
}

.p-index-hero__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 3.3675%;
}

@media screen and (max-width: 767px) {
  .p-index-hero__inner {
    padding: 2.34604%;
  }
}

.p-index-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.p-index-hero__bg > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 30%;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
  .p-index-hero__bg > div {
    background-position: 70% 30%;
  }
  .p-index-hero__bg > div[data-bg-image$="02.jpg"] {
    background-position: 90% 30%;
  }
}

.p-index-hero__body {
  z-index: 1;
  display: flex;
  flex-grow: 1;
  width: 100%;
}

.p-index-hero__lead {
  width: 100%;
  color: #fff;
  text-shadow: 0px 0px 1.2rem rgba(102, 73, 71, .5);
  letter-spacing: .1em;
  font-weight: bold;
  font-size: 5.2rem;
  line-height: 1.53846;

  -ms-grid-row-align: center;
  align-self: center;
}

@media screen and (max-width: 767px) {
  .p-index-hero__lead {
    padding-bottom: .83333em;
    text-align: center;
    font-size: 2.76923rem;

    align-self: flex-end;
  }
}

.p-index-hero__foot {
  z-index: 1;
  width: 100%;
}

.p-index-hero__scroll {
  position: absolute;
  top: 100%;
  right: 0;
}

.p-index-hero-nav {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1.3rem);
  margin-top: -1.3rem;
}

.p-index-hero-nav__item {
  width: 20%;
  padding-top: 1.3rem;
  padding-right: 1.3rem;
}

@media screen and (max-width: 767px) {
  .p-index-hero-nav__item {
    width: 50%;
  }
  .p-index-hero-nav__item:last-child {
    width: 100%;
  }
}

.p-index-hero-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92px;
  border-radius: 5px;
  background: #664947;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  transition: all .2s ease-out;
}

@media screen and (min-width: 768px) {
  .p-index-hero-button:hover {
    box-shadow: 0px 3px 0px 0px rgba(102, 73, 71, .2);
    transform: translateY(-3px);
  }
}

@media screen and (max-width: 767px) {
  .p-index-hero-button._horizonral\:tablet {
    flex-direction: row;
    height: 60px;
  }
}

.p-index-hero-button i {
  display: block;
  width: auto;
  height: 2.5rem;
}

.p-index-hero-button i svg {
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.p-index-hero-button span {
  display: block;
  /* -0.375em for line-height offset */
  margin-top: .25em;
  margin-bottom: -.375em;
}

@media screen and (max-width: 767px) {
  .p-index-hero-button._horizonral\:tablet span {
    margin-top: -.375em;
    margin-left: .75em;
  }
}

.p-index-hero-scroll {
  display: flex;
  align-items: center;
  width: 14.61538em;
  height: 6rem;
  color: #000;
  letter-spacing: .1em;
  font-size: 1.3rem;
  font-family: "Hind";
  transform: rotate(90deg);
  transform-origin: right top;
}

.p-index-hero-scroll:after {
  content: "";
  display: block;
  flex-grow: 1;
  height: 1px;
  margin-left: 1em;
  background: currentColor;
}

@media screen and (max-width: 767px) {
  .p-index-hero-scroll {
    height: 4.53333vw;
  }
}

/* p-index-information
=============================== */
.p-index-information {
  margin: 3.4rem auto;
}

@media screen and (max-width: 767px) {
  .p-index-information {
    position: relative;
    left: 50%;
    width: 100vw;
    padding-right: 4.53333%;
    padding-left: 4.53333%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) and (max-width: 1024px) {
  .p-index-information {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .p-index-information {
    width: 115.38462%;
  }
}

.p-index-information__item:not(:first-child) {
  margin-top: 1rem;
}

.p-index-information-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.49167em 2.26667em 1.49167em 8.6rem;
  border-radius: 5px;
  background: #f5eceb;
  text-decoration: none;
  transition: all .3s ease-out;
}

.p-index-information-link:hover {
  opacity: .7;
}

.p-index-information-link._warning {
  background: #cc0000;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .p-index-information-link {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-right: 2.42308rem;
    padding-left: 7.15385rem;
  }
}

.p-index-information-link:not(:first-child) {
  margin-top: 1rem;
}

.p-index-information-link:before {
  content: "!";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.1rem;
  height: 3.1rem;
  margin: auto 0;
  border-radius: 50%;
  background: #664947;
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
}

@media screen and (max-width: 767px) {
  .p-index-information-link:before {
    left: 2.07692rem;
  }
}

.p-index-information-link._warning:before {
  background: #fff;
  color: #cc0000;
}

.p-index-information-link__text {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-index-information-link__text {
    font-size: 1.61538rem;
  }
}

.p-index-information-link__date {
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 1.5em;
  font-size: 1.9rem;
  font-family: "Hind";
}

@media screen and (max-width: 767px) {
  .p-index-information-link__date {
    margin-left: 0;
    padding-left: 0;
    font-size: 1.61538rem;
  }
}

/* p-index-topics
=============================== */
.p-index-topics {
  margin: 9rem 0;
}

@media screen and (max-width: 767px) {
  .p-index-topics {
    margin: 4.61538rem 0;
  }
}

/* p-index-common-slider
=============================== */
.p-index-common-slider {
  margin: 9rem 0;
}

@media screen and (max-width: 767px) {
  .p-index-common-slider {
    margin: 5.76923rem 0;
  }
}

/* p-index-movie
=============================== */
.p-index-movie {
  position: relative;
  margin: 9rem 0 11rem;
  padding: 6rem 5.88235%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 4rem 0px rgba(102, 73, 71, .1);
}

@media screen and (max-width: 767px) {
  .p-index-movie {
    left: 50%;
    width: 109.23077%;
    margin-top: 3em;
    margin-bottom: 5.76923rem;
    padding-right: 4.61538%;
    padding-left: 4.61538%;
    transform: translateX(-50%);
  }
}

.p-index-movie__head {
  margin-bottom: 4rem;
  text-align: center;
}

.p-index-movie__title {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  font-weight: bold;
  font-size: 4.4rem;
}

@media screen and (max-width: 767px) {
  .p-index-movie__title {
    font-size: 3.46154rem;
  }
}

.p-index-movie__lead {
  /* -0.375em for line-height offset */
  margin-top: 1.125em;
  margin-bottom: -.375em;
  font-size: 1.6rem;
}

.p-index-movie__canvas {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-index-movie__canvas iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-index-movie__foot {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

/* ここからN-BOX動画 */
.p-index-movie-block {
  max-width: 1080px;
  margin: 2em auto;
}

.p-index-movie-block__inner {
  position: relative;
  padding-top: 56.25%;
}

.p-index-movie-block__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.p-index-movie-comingsoon{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.p-index-movie__heading {
  display: flex;
  justify-content: center;
  margin-bottom: 5.5rem;
}

.p-index-movie__heading .c-pict-title .en{
  color: #fff;
  background-color: #333333;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  letter-spacing: .12em;
  padding: 0 0.5em;
  width: fit-content;
    margin: 0 auto;
}

.p-index-movie__heading .c-pict-title__text{
  margin-top: .3em;
  padding: 0 .4em;
  letter-spacing: .5rem;
}
/* ここまでN-BOX動画 */

/* YouTubeチャンネル */
.p-index-movie._top {
  position: relative;
  margin: 5rem 0;
  padding: 6rem 5.88235%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 4rem 0px rgba(102, 73, 71, .1);
}
@media screen and (max-width: 767px) {
  .p-index-movie._top {
    left: 50%;
    width: 109.23077%;
    padding: 2em 4.61538%;
    transform: translateX(-50%);
    margin: 3em 0 2em;
  }
}
.p-index-movie._top .p-index-movie__head {
  margin-bottom: 4rem;
  text-align: center;
}
.p-index-movie._top .p-index-movie__title {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  font-weight: bold;
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .p-index-movie._top .p-index-movie__head {
    margin-bottom: 2rem;
  }
  .p-index-movie._top .p-index-movie__title {
    font-size: 2.8rem;
  }
}
.p-index-movie._top .p-index-movie__lead {
  /* -0.375em for line-height offset */
  margin-top: 1.125em;
  margin-bottom: -.375em;
  font-size: 1.6rem;
}
.p-index-movie._top .p-index-movie__canvas {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.p-index-movie._top .p-index-movie__canvas iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* p-index-showroom
=============================== */
.p-index-showroom {
  position: relative;
  padding: 9rem 0;
}

@media screen and (max-width: 767px) {
  .p-index-showroom {
    padding-top: 8.07692rem;
    padding-top: 8.07692rem;
  }
}

.p-index-showroom__bg {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .p-index-showroom__bg {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-showroom__bg {
    width: 115.38462%;
  }
}

.p-index-showroom__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

.p-index-showroom__image {
  flex-grow: 1;
  padding-left: 60px;
}

@media screen and (max-width: 767px) {
  .p-index-showroom__image {
    display: none;
  }
}

.p-index-showroom__contents {
  flex-shrink: 0;
}

.p-index-showroom__body {
  margin-top: 5rem;
}

.p-index-showroom__foot {
  margin-top: 5rem;
}

.p-index-showroom-info {
  font-weight: bold;
}

.p-index-showroom-info__item {
  display: flex;
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
}

.p-index-showroom-info__item:not(:first-child) {
  margin-top: .75em;
}

.p-index-showroom-info__head {
  flex-shrink: 0;
  font-weight: bold;
}

.p-index-showroom-info__head:after {
  content: "\ff5c";
}

.p-index-showroom-info__body span {
  display: inline-block;
}

.p-index-showroom-info__body span .sp_only{
  display: none;
}
@media screen and (max-width: 560px) {
  .p-index-showroom-info__body span .sp_only{
    display: inline;
  }
}

.p-index-showroom-info__foot {
  /* -0.375em for line-height offset */
  margin-top: .75em;
  margin-bottom: -.375em;
}

/* p-index-blog
=============================== */
.p-index-blog {
  margin: 9rem 0;
}

@media screen and (max-width: 767px) {
  .p-index-blog {
    margin-top: 5.76923rem;
    margin-bottom: 5.76923rem;
  }
}

.p-index-blog__head {
  margin-bottom: 5rem;
}

.p-index-blog__body {
  position: relative;
  left: 50%;
  width: 100vw;
  padding-right: 4.39239%;
  padding-left: 4.39239%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .p-index-blog__body {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-blog__body {
    width: 115.38462%;
  }
}

.p-index-blog__foot {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

.p-index-blog-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.p-index-blog-title__image {
  width: 3.1rem;
  height: 3.1rem;
  margin-bottom: 2.4rem;
}

.p-index-blog-title__text > ._ja {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  font-weight: bold;
  font-size: 4.4rem;
}

@media screen and (max-width: 767px) {
  .p-index-blog-title__text > ._ja {
    font-size: 3.46154rem;
  }
}

.p-index-blog-title__text > ._en {
  margin-top: .77778em;
  font-weight: bold;
  font-size: 1.8rem;
  font-family: "Hind";
  line-height: .8;
}

@media screen and (max-width: 767px) {
  .p-index-blog-title__text > ._en {
    font-size: 1.61538rem;
  }
}

.p-index-blog-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2px);
  margin: -1px;
}

.p-index-blog-list__item {
  width: 25%;
  padding: 1px;
}

@media screen and (max-width: 767px) {
  .p-index-blog-list__item {
    width: 50%;
  }
}

.p-index-blog-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.p-index-blog-card__image {
  overflow: hidden;
  width: 100%;
}

.p-index-blog-card__image > div {
  width: 100%;
  padding-top: 73.84615%;
  background: 50% 50% no-repeat;
  background-size: cover;
  transition: transform .3s ease-out;
}

@media screen and (min-width: 768px) {
  .p-index-blog-card:hover .p-index-blog-card__image > div {
    transform: scale(1.03);
  }
}

.p-index-blog-card__contents {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding: 3.2rem 3rem 3rem;
  background: #f5eceb;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__contents {
    padding: 2.07692rem 1.73077rem;
  }
}

.p-index-blog-card__body {
  margin-bottom: auto;
}

.p-index-blog-card__foot {
  margin-top: 2.8rem;
  padding-top: 2.4rem;
  border-top: 1px solid #d9d3d2;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__foot {
    margin-top: 1.73077rem;
    padding-top: 1.73077rem;
  }
}

.p-index-blog-card__title {
  overflow: hidden;
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__title {
    font-size: 1.73077rem;
  }
}

.p-index-blog-card__text {
  /* -0.43333em for line-height offset */
  margin-top: 1.16667em;
  margin-bottom: -.43333em;
  font-size: 1.5rem;
  line-height: 1.86667;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__text {
    font-size: 1.5rem;
  }
}

.p-index-blog-card__date {
  margin-bottom: .8em;
  padding-top: .17em;
  color: #aa9291;
  font-size: 1.5rem;
  font-family: "Hind";
  line-height: .5;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__date {
    font-size: 1.38462rem;
  }
}

.p-index-blog-card__shop {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  font-weight: bold;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-index-blog-card__shop {
    font-size: 1.61538rem;
  }
}

/* p-index-car
=============================== */
.p-index-car {
  position: relative;
  margin: 15rem 0 10rem;
}

@media screen and (max-width: 767px) {
  .p-index-car {
    margin-top: 8.07692rem;
    margin-bottom: 4.61538rem;
  }
}

.p-index-car__bg {
  position: absolute;
  top: -4.4rem;
  left: 0;
  z-index: -1;
  padding-top: .17em;
  color: #f7f1f0;
  white-space: nowrap;
  font-weight: bold;
  font-size: 22rem;
  font-family: "Hind";
  line-height: .5;
  transform: rotate(90deg) translateY(-50%);
  transform-origin: left top;
}

/* p-index-newcar
=============================== */
.p-index-newcar {
  margin-bottom: 5.6rem;
  padding-left: 4.60784%;
}

@media screen and (max-width: 767px) {
  .p-index-newcar {
    margin-bottom: 4.61538rem;
    padding-left: 0;
  }
}

.p-index-newcar__head {
  margin-bottom: 3rem;
}

.p-index-newcar__body {
  overflow: hidden;
  width: 100vw;
  min-width: 1024px;
}

@media screen and (max-width: 767px) {
  .p-index-newcar__body {
    overflow: visible;
    width: 100%;
    min-width: 0;
  }
}

.p-index-newcar-slider {
  width: 60.02928%;
  margin-left: 11.93265%;
}

@media screen and (min-width: 1366px) {
  .p-index-newcar-slider {
    width: 820px;
    margin-left: 163px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-newcar-slider {
    width: calc(100% + 1.73077rem);
    margin: 0 -.86538rem;
  }
}

.p-index-newcar-slider__list {
  margin-bottom: 50px;
}

.p-index-newcar-slider__item {
  padding-right: 1rem;
  padding-left: 1rem;
  pointer-events: none;
}

.p-index-newcar-slider__item img {
  border-radius: 5px;
  opacity: .2;
  transition: opacity .8s ease-out;
}

.p-index-newcar-slider__item.slick-current, .p-index-newcar-slider__item.slick-cloned.is-moving {
  pointer-events: auto;
}

.p-index-newcar-slider__item.slick-current img, .p-index-newcar-slider__item.slick-cloned.is-moving img {
  opacity: 1;
}

.p-index-newcar-slider .slick-list {
  overflow: visible;
}

@media screen and (min-width: 768px) {
  .p-index-newcar-slider .slick-prev {
    right: calc(100% + 6rem);
  }
}

@media screen and (min-width: 768px) {
  .p-index-newcar-slider .slick-next {
    left: calc(100% + 6rem);
  }
}

.p-index-newcar-slider__foot {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

/* p-index-usedcar
=============================== */
.p-index-usedcar {
  position: relative;
  padding: 6rem 5.88235%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 0px 4rem 0px rgba(102, 73, 71, .1);
}

@media screen and (max-width: 767px) {
  .p-index-usedcar {
    left: 50%;
    width: 109.23077%;
    padding-right: 10.76923%;
    padding-left: 10.76923%;
    transform: translateX(-50%);
  }
}

.p-index-usedcar__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.4rem;
}

@media screen and (max-width: 767px) {
  .p-index-usedcar__head {
    flex-direction: column;
    align-items: stretch;
  }
}

.p-index-usedcar__title {
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .p-index-usedcar__title {
    margin-bottom: 2.30769rem;
  }
}

.p-index-usedcar__foot {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

.p-index-usedcar-counter {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 1.8rem 2.7rem;
  border: 4px solid;
}

.p-index-usedcar-counter__head {
  /* -0.16667em for line-height offset */
  margin-top: -.16667em;
  margin-right: 1.5em;
  margin-bottom: -.16667em;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.33333;
}

.p-index-usedcar-counter__body {
  display: flex;
  align-items: flex-end;
  font-weight: bold;
  font-size: 3.6rem;
}

.p-index-usedcar-counter__body em {
  display: block;
  padding-top: .17em;
  font-size: 9.2rem;
  font-family: "Hind";
  line-height: .5;
}

.p-index-usedcar-counter__body span {
  display: block;
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  margin-left: .3em;
}

.p-index-usedcar-list__head {
  margin-bottom: 1.6rem;
  padding: .425em 1em;
  background: #f5eceb;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}

.p-index-usedcar-list__body {
  display: flex;
  width: calc(100% + 1.5rem);
}

@media screen and (max-width: 767px) {
  .p-index-usedcar-list__body {
    margin: 0 -.75rem;
  }
}

.p-index-usedcar-list__item {
  flex-shrink: 0;
  width: 33.33333%;
  padding-right: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-index-usedcar-list__item {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
  }
}

@media screen and (max-width: 767px) {
  .p-index-usedcar-list .slick-arrow.slick-prev {
    right: 100%;
  }
  .p-index-usedcar-list .slick-arrow.slick-next {
    left: 100%;
  }
}

.p-index-usedcar-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  border: 1px solid #d9d3d2;
  text-decoration: none;
}

.p-index-usedcar-card__image {
  width: 100%;
  margin-bottom: 1.8rem;
  padding-top: 74.61538%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.p-index-usedcar-card__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: .8125em;
  font-weight: bold;
  font-size: 1.6rem;
}

.p-index-usedcar-card__body {
  width: 100%;
  border-top: 1px solid #d9d3d2;
}

.p-index-usedcar-card__item {
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: .33929em 0;
  border-bottom: 1px solid #d9d3d2;
  font-size: 1.4rem;
}

.p-index-usedcar-card__key {
  flex-shrink: 0;
  width: 7.5em;
}

.p-index-usedcar-card__value {
  font-weight: bold;
  font-size: 1.6rem;
  font-family: "Hind", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.p-index-usedcar-card__value em {
  font-size: 2.2rem;
}

.p-index-usedcar-card__item._price .p-index-usedcar-card__value {
  font-size: 1.4rem;
}

.p-index-usedcar-card__item._price-total .p-index-usedcar-card__value {
  color: #cc0000;
}

.p-index-usedcar-card__foot {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

/* p-index-maintenance
=============================== */
.p-index-maintenance {
  margin: 10rem 0 13rem;
}

@media screen and (max-width: 767px) {
  .p-index-maintenance {
    margin-top: 4.61538rem;
    margin-bottom: 0;
  }
}

.p-index-maintenance__head {
  position: relative;
  padding: 9rem 0;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .p-index-maintenance__head {
    padding: 5.19231rem 0;
  }
}

.p-index-maintenance__head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #664947;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .p-index-maintenance__head:before {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-maintenance__head:before {
    width: 115.38462%;
  }
}

.p-index-maintenance-nav {
  position: relative;
  left: 50%;
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .p-index-maintenance-nav {
    width: 1024px;
  }
}

@media screen and (max-width: 767px) {
  .p-index-maintenance-nav {
    width: 115.38462%;
  }
}

.p-index-maintenance-nav__item {
  width: 33.33333%;
}

@media screen and (max-width: 767px) {
  .p-index-maintenance-nav__item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-index-maintenance-nav__item {
    box-shadow: 0px 3rem 2rem -2rem rgba(0, 0, 0, .2);
  }
  .p-index-maintenance-nav__item:nth-child(2) {
    transform: translateY(-60px);
  }
  .p-index-maintenance-nav__item:nth-child(3) {
    transform: translateY(-120px);
  }
}

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

showroom

* ============================================================= */
/* p-showroom-area
=============================== */
.p-showroom-area {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2rem);
  margin: -3rem 0;
}

.p-showroom-area__item {
  width: 100%;
  padding-top: 3rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
}

@media screen and (min-width: 768px) {
  .p-showroom-area__item._chubu {
    width: 25%;
  }
  .p-showroom-area__item._tobu {
    width: 75%;
  }
}

@media screen and (max-width: 767px) {
  .p-showroom-area__item:not(:first-child) {
    margin-top: 2.30769rem;
  }
}

.p-showroom-area__head {
  display: flex;
  align-items: center;
  padding: .625em 1em;
  background: #f5eceb;
  white-space: nowrap;
  font-weight: bold;
  font-size: 2rem;
}

.p-showroom-area__head > i {
  flex-shrink: 0;
  width: 1em;
  height: 1.25em;
  margin-right: .5em;
}

/* p-showroom-list
=============================== */
.p-showroom-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2rem);
}

.p-showroom-list__item {
  width: 25%;
  padding-top: 2rem;
  padding-right: 2rem;
}

@media screen and (max-width: 767px) {
  .p-showroom-list__item {
    width: 50%;
  }
}

@media screen and (max-width: 560px) {
  .p-showroom-list__item {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .p-showroom-area__item._chubu .p-showroom-list__item {
    width: 100%;
  }
  .p-showroom-area__item._tobu .p-showroom-list__item {
    width: 33.33333%;
  }
}

/* p-showroom-card
=============================== */
.p-showroom-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: 0px 0px 4px 0px rgba(102, 73, 71, .2);
  text-align: center;
  text-decoration: none;
}

.p-showroom-card__image {
  min-height: 0%;
}

.p-showroom-card__contents {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.p-showroom-card__head {
  padding: .375em 1em;
  background: #f5eceb;
  font-size: 2rem;
}

.p-showroom-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 3rem 1rem;
}

.p-showroom-card__address {
  /* -0.56667em for line-height offset */
  margin-top: -.56667em;
  margin-bottom: -.56667em;
  font-size: 1.5rem;
  line-height: 2.13333;
}

.p-showroom-card__address span {
  display: block;
}

.p-showroom-card__tel {
  /* -0.375em for line-height offset */
  margin-top: .79167em;
  margin-bottom: 1.01389em;
  font-size: 1.8rem;
}

.p-showroom-card__button {
  margin: auto auto 0;

  -ms-grid-row-align: center;
  align-self: center;
}

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

sr

* ============================================================= */
/* p-sr-slider
=============================== */
.p-sr-slider {
  margin-top: 3rem;
}

.p-sr-slider__list {
  overflow: hidden;
  width: calc(100% + 2rem);
  height: 510px;
  margin-left: -1rem;
}

.p-sr-slider__list.slick-initialized {
  overflow: visible;
  height: auto;
}

.p-sr-slider__list .slick-list {
  overflow: visible;
}

.p-sr-slider__item {
  padding: 0 1rem;
}

/* p-sr-message
=============================== */
.p-sr-message {
  margin-top: 2rem;
  padding: 1.625em 2em;
  border: 1px solid #d9d3d2;
  font-size: 1.5rem;
  line-height: 2;
}

/* p-sr-profile
=============================== */
.p-sr-profile {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 4rem);
  margin: 5rem -2rem;
}

.p-sr-profile__item {
  display: flex;
  align-items: stretch;
  width: 50%;
  padding: 0 2rem;
}

@media screen and (max-width: 767px) {
  .p-sr-profile__item {
    width: 100%;
  }
}

.p-sr-profile__head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 10rem;
  padding: 1.125em 0;
  border-bottom: 1px solid #664947;
  font-weight: bold;
}

.p-sr-profile__body {
  flex-grow: 1;
  padding: 1.125em 1.5em;
  border-bottom: 1px solid #d9d3d2;
}

.p-sr-profile__body span {
  display: inline-block;
}

.p-sr-profile__body span:not(:last-child) {
  margin-right: 1em;
}

.p-sr-profile__tel {
  display: flex;
  align-items: center;
}

/* p-sr-sub-title
=============================== */
.p-sr-sub-title {
  position: relative;
  margin-top: -.375em;
  margin-bottom: 2.3rem;
  padding-bottom: 1.0625em;
  border-bottom: 1px solid #d9d3d2;
  font-weight: bold;
}

.p-sr-sub-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 10rem;
  height: 1px;
  background: #664947;
}

/* p-sr-facility
=============================== */
.p-sr-facility {
  margin: 5rem 0;
}

.p-sr-facility__list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + .6rem);
  margin-top: -.6rem;
}

.p-sr-facility__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(16.66667% - .6rem);
  height: 7.3rem;
  margin-top: .6rem;
  margin-right: .6rem;
  border-radius: 3px;
  background: #664947;
  color: #fff;
}

.p-refurbishment{
  padding: 0.8em 168px 1.625em;
}
.p-refurbishment-title {
  font-size: 2.5rem;
}
.p-refurbishment-subtitle {
  font-size: 1.8rem;
  display: flex;
}
.p-refurbishment-subtitle .linechange{
  margin: 0 auto;
}
.p-refurbishment__body{
  text-align: center;
}
.p-refurbishment__btn{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  padding: 0.6em 1em;
  border-radius: 3px;
  background: #664947;
  color: #fff;
  margin: 1em auto 0;
  text-decoration: none;
  transition: all .3s ease-out;
}
.p-refurbishment__btn:hover{
  opacity: .7;
}

@media screen and (max-width: 767px) {
  .p-sr-facility__item {
    width: calc(33.33333% - .6rem);
  }
}
@media screen and (max-width: 560px) {
  .p-sr-facility__item {
    width: calc(50% - .6rem);
  }
}
@media screen and (max-width: 767px) {
  .p-refurbishment{
    padding: 0.8em 2em 1.625em;
  }
  .p-refurbishment-subtitle{
    display: block;
  }
}


.p-sr-facility__item > i {
  display: block;
  height: 2.2rem;
}

.p-sr-facility__item > i img {
  width: auto;
  height: 100%;
  max-width: none;
}

.p-sr-facility__item > span {
  display: block;
  /* -0.375em for line-height offset */
  margin-top: .24038em;
  margin-bottom: -.375em;
  font-weight: medium;
  font-size: 1.3rem;
}

/* p-sr-feature
=============================== */
.p-sr-feature {
  margin: 5rem 0;
}

.p-sr-feature__item {
  font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
  .p-sr-feature__item {
    display: flex;
    align-items: center;
  }
}

.p-sr-feature__item:not(:first-child) {
  margin-top: 1em;
}

.p-sr-feature__item > i {
  display: block;
  flex-shrink: 0;
  height: 3.2rem;
}

.p-sr-feature__item > i._nsx {
  height: 4.4rem;
  margin-bottom: -1em;
}

.p-sr-feature__item > i img {
  width: auto;
  height: 100%;
  max-width: none;
}

.p-sr-feature__item > span {
  position: relative;
  display: block;
  margin-top: 1em;
}

@media screen and (min-width: 768px) {
  .p-sr-feature__item > span {
    margin-top: 0;
    margin-left: 1em;
    padding-left: 1em;
  }
  .p-sr-feature__item > span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 1em;
    margin: auto 0;
    background: #d9d3d2;
  }
}

/* p-sr-nav
=============================== */
.p-sr-nav {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
}

.p-sr-nav__item {
  flex-grow: 1;
}

.p-sr-nav__item + .p-sr-nav__item {
  margin-top: 2.1rem;
}

.p-sr-nav-button {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: #3a2c2b;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .p-sr-nav-button {
    height: 19.84615rem;
  }
}

.p-sr-nav-button__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3rem 2em;
}

.p-sr-nav-button__body {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
  font-weight: bold;
  font-size: 3rem;
}

.p-sr-nav-button__foot {
  /* -0.375em for line-height offset */
  margin-top: .625em;
  margin-bottom: -.375em;
}

.p-sr-nav-button__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: 50% 50% no-repeat;
  background-size: cover;
  transition: all .3s ease-out;
}

.p-sr-nav-button:hover .p-sr-nav-button__bg {
  opacity: .9;
  transform: scale(1.03);
}

/* p-sr-map
=============================== */
.p-sr-map {
  width: 100%;
  height: 48rem;
  margin: 6.4rem 0;
  background: #f5eceb;
}

.p-sr-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* p-sr-contact
=============================== */
.p-sr-contact__item:not(:first-child) {
  margin-top: 3rem;
}

.p-sr-contact__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: .9375em;
  font-weight: bold;
}

.p-sr-contact-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1.5rem);
  margin-top: -1.5rem;
}

.p-sr-contact-list__item {
  width: 25%;
  padding-top: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (max-width: 767px) {
  .p-sr-contact-list__item {
    width: 50%;
  }
}

@media screen and (max-width: 560px) {
  .p-sr-contact-list__item {
    width: 100%;
  }
}

/* p-sr-blog
=============================== */
.p-sr-blog .blog__paging {
  display: none;
}

/* p-sr-topics
=============================== */
.p-sr-topics {
  margin-top: 10.5rem;
}

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

blog

* ============================================================= */
.p-blog-control {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .p-blog-control {
    margin-bottom: 0;
  }
}

.p-blog-control__head {
  flex-shrink: 0;
  padding-right: 1em;
  font-size: 1.5rem;
}

.p-blog-control__body {
  flex-grow: 1;
}

.p-blog-control__form {
  display: block;
  width: 100%;
}

.p-blog-control__form select {
  width: 100%;
  height: 3.73333em;
  padding: 1em 2.66667em 1em .66667em;
  outline: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(/common-img/svg/down.svg);
  background-position: right 1em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .04);
  font-size: 1.5rem;
  font-size: 1.5rem;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.p-blog-control__form select::-ms-expand {
  display: none;
}

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

calendar

* ============================================================= */
/* p-calendar-notes
=============================== */
.p-calendar-notes {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  padding: 1.375em 1em;
  background: #f5eceb;
}

.p-calendar-notes__item {
  display: flex;
  align-items: center;
  padding: 0 1em;
}

.p-calendar-notes__item > span {
  display: inline-block;
  flex-shrink: 0;
}

.p-calendar-notes__item > span:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}

.p-calendar-notes__item > span._close01:after {
  background: #664947;
}

.p-calendar-notes__item > span._close02:after {
  border: 1px solid;
  background: #fff;
}

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

lineup

* ============================================================= */
/* p-lineup-menu
=============================== */
@media screen and (max-width: 767px) {
  .p-lineup-menu__desktop {
    display: none;
  }
}

.p-lineup-menu__mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-lineup-menu__mobile {
    display: block;
  }
}

.p-lineup-menu-tab {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 8px);
  margin-top: -8px;
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
  .p-lineup-menu-tab {
    font-size: 1.33333rem;
  }
}

.p-lineup-menu-tab__item {
  width: 20%;
  padding: 8px 8px 0 0;
}

.p-lineup-menu-tab__button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 4.57143em;
  padding: 1em 0;
  outline: none;
  border: 1px solid #d9d3d2;
  border-radius: 5px;
  background: rgba(245, 236, 235, 0);
  font-size: .93333em;
  line-height: 1.28571;
  transition: all .3s ease-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.p-lineup-menu-tab__button:hover {
  border-color: 1px solid #6c504e;
  background: #6c504e;
  color: #fff;
}

.p-lineup-menu-tab__button.is-current {
  border-color: 1px solid #6c504e;
  background: #6c504e;
  color: #fff;
}

.p-lineup-menu-tab__button > span:not(:last-child):after {
  content: "\FF0F";
}

.p-lineup-menu-select {
  width: 100%;
  padding: 1em 2.66667em 1em .66667em;
  outline: none;
  border: 1px solid #d9d3d2;
  border-radius: 5px;
  background-color: #fff;
  background-image: url(/common-lineup/v2/img/icon/down.svg);
  background-position: right 1em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  font-size: 1.5rem;
  font-family: inherit;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* p-lineup-section
=============================== */
.p-lineup-section {
  margin: 9rem 0;
  display: none;
}

.p-lineup-section.is-current {
  display: block;
}

.p-lineup-section:last-child {
  margin-bottom: 0 !important;
}

.p-lineup-section__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: .79167em;
  font-weight: bold;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .p-lineup-section__head {
    font-size: 1.84615rem;
  }
}

/* p-lineup-section
=============================== */
.p-lineup-models {
  margin: 5rem 0;
}

.p-lineup-models__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: .625em;
  font-weight: bold;
  font-size: 1.8rem;
}

/* p-lineup-list
=============================== */
.p-lineup-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 13px);
  margin-top: -13px;
  margin-left: -13px;
}

.p-lineup-list__item {
  flex-shrink: 0;
  width: 25%;
  padding-top: 13px;
  padding-left: 13px;
}

@media screen and (max-width: 767px) {
  .p-lineup-list__item {
    width: 33.33333%;
  }
}

@media screen and (max-width: 560px) {
  .p-lineup-list__item {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .p-lineup-list-scroll .p-lineup-list {
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 0;
  }
  .p-lineup-list-scroll .p-lineup-list__item {
    width: 41.73333vw;
    padding-left: 0;
  }
  .p-lineup-list-scroll .p-lineup-list__item:not(:first-child) {
    margin-left: 3.2vw;
  }
}

/* p-lineup-item
=============================== */
.p-lineup-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 17.5% 10%;
  border: 1px solid #d9d3d2;
  background: #fff;
}

.p-lineup-item__head {
  min-height: 0%;
  margin-bottom: 1.6em;
}

.p-lineup-item__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

.p-lineup-item__name {
  /* -0.20588em for line-height offset */
  margin-top: -.20588em;
  margin-bottom: -.20588em;
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.41176;
}

.p-lineup-item__name span {
  display: inline-block;
}

.p-lineup-item__text {
  flex-grow: 1;
  margin-top: 1.07143em;
  margin-bottom: -.35714em;
  padding-top: .78571em;
  border-top: 1px solid #ddd;
  font-size: 1.4rem;
  line-height: 1.71429;
}

.p-lineup-item__foot {
  margin-top: 1.6em;
}

.p-lineup-item__link + .p-lineup-item__link {
  margin-top: .9rem;
}

.p-lineup-item__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.33333em;
  height: 3.33333em;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #6c504e;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.5rem;
  transition: all .3s ease-out;
}

.p-lineup-item__button > i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: .9em;
  height: .9em;
  margin-left: .35em;
}

.p-lineup-item__button:hover {
  background: #6c504e;
  color: #fff;
}

.p-lineup-item__button._democar {
  border: 0;
  background: #664947;
  color: #fff;
}

.p-lineup-item__button._democar:hover {
  opacity: .7;
}

.p-lineup-item__button.is-disabled {
  opacity: .2;
  pointer-events: none;
}

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

detail

* ============================================================= */
/* 試乗車タイトル
=============================== */
body[data-id="detail"] .c-democar-container .ATC-title-text {
  display: none;
}

body[data-id="detail"] .c-democar-container .ATC-title-text + .car-contents-demo-caution {
  margin-top: 0;
}

body[data-id="detail"] .CMN-CMP-body__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

body[data-id="detail"] .CMN-CMP-body__item {
  float: none;
}

body[data-id="detail"] .CMN-CMP-body__item:first-child:last-child {
  margin: 0 auto;
}

/* p-lineup-detail
=============================== */
.p-lineup-detail {
  padding: 0 12.7451%;
  font-size: 1.6rem;
  line-height: 1.875;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail {
    padding: 0;
    font-size: 1.61538rem;
  }
}

.p-lineup-detail__inner {
  max-width: 900px;
  margin: 0 auto;
}

.p-lineup-detail__head {
  text-align: center;
}

.p-lineup-detail__title {
  margin-top: -.4375em;
  margin-bottom: .5625em;
  font-weight: bold;
  font-size: 3.2rem;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail__title {
    font-size: 2.30769rem;
  }
}

.p-lineup-detail__lead {
  margin-bottom: -.26471em;
  padding-top: .88914em;
  border-top: 1px solid #e0e0e0;
  font-size: 2.6rem;
  line-height: 1.52941;
}

@media screen and (min-width: 768px) {
  .p-lineup-detail__lead span {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .p-lineup-detail__lead {
    text-align: left;
    font-size: 1.96154rem;
  }
}

.p-lineup-detail__hero {
  margin-top: 6%;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail__hero {
    margin-top: 9.83607%;
  }
}

.p-lineup-detail__hero img {
  width: 100%;
}

.p-lineup-detail__body {
  width: 100%;
  max-width: 650px;
  margin: 6.88889% auto;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail__body {
    margin: 9.18033% auto;
  }
}

.p-lineup-detail__foot {
  margin-top: 6.88889%;
}

.p-lineup-detail-image:not(:first-child) {
  margin-top: 8.92308%;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-image:not(:first-child) {
    margin: 10.4918% auto;
  }
}

.p-lineup-detail-text:not(:first-child) {
  margin-top: 10%;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-text:not(:first-child) {
    margin: 9.18033% auto;
  }
}

.p-lineup-detail-text__head {
  /* -0.25em for line-height offset */
  margin-top: -.25em;
  margin-bottom: 1.25em;
  font-size: 2.6rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-text__head {
    font-size: 1.96154rem;
  }
}

.p-lineup-detail-text__body {
  margin-top: -.4375em;
  margin-bottom: -.4375em;
}

.p-lineup-detail-banner {
  position: relative;
  overflow: hidden;
  padding: 6rem 4.44444%;
  border: 1px solid;
  border-radius: .6rem;
  line-height: 1.41667;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-banner {
    padding: 2.30769rem 1em;
    font-size: 1.38462rem;
  }
}

.p-lineup-detail-banner__inner {
  display: -ms-grid;
  display:     grid;

  grid-template-areas: "detailImage detailHead" "detailImage detailBody" "detailImage detailFoot";
  -ms-grid-columns: 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr auto 1fr;
  grid-template-rows: 1fr auto 1fr;
  grid-column-gap: 40px;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-banner__inner {
    grid-template-areas: "detailImage detailHead" "detailImage detailBody" "detailFoot detailFoot";
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    -ms-grid-columns: 1fr 1.33333em 1fr;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.33333em;
  }
}

.p-lineup-detail-banner__image {
  display: flex;
  align-items: center;

  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: detailImage;
}

.p-lineup-detail-banner__image img {
  width: 100%;
}

.p-lineup-detail-banner__head {
  display: flex;
  align-items: flex-end;
  padding-bottom: .6em;
  font-weight: bold;
  font-size: 1.5em;

  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: detailHead;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-banner__head {
    padding-bottom: .4em;
    font-size: 1.5rem;
  }
}

.p-lineup-detail-banner__body {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: detailBody;
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-banner__body {
    display: flex;
    align-items: flex-start;
  }
}

.p-lineup-detail-banner__foot {
  display: flex;
  align-items: flex-start;
  padding-top: .5em;

  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: detailFoot;
}

@media screen and (max-width: 767px){
  .p-lineup-detail-banner__image {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .p-lineup-detail-banner__head {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-lineup-detail-banner__body {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .p-lineup-detail-banner__foot {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media screen and (max-width: 767px) {
  .p-lineup-detail-banner__foot {
    justify-content: center;
    padding-top: 1.15385em;
    font-size: 1.5rem;
  }
}

.p-lineup-detail-banner__foot a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.p-lineup-detail-caution {
  display: block;
  /* -0.5em for line-height offset */
  margin-top: 2.83333em;
  margin-bottom: -.5em;
  font-size: 1.2rem;
  line-height: 2;
}

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

usedcar

* ============================================================= */
/* customize
=============================== */
.p-usedcar {
  position: relative;
}

.p-usedcar .COMMON-UCAR-search {
  width: 100%;
  margin-bottom: 8rem;
  padding-top: 0;
  padding-bottom: 4.25%;
  border-radius: 10px;
  box-shadow: 0px 0px 8px 0px rgba(108, 80, 78, .2);
}

@media screen and (max-width: 767px) {
  .p-usedcar .COMMON-UCAR-search {
    padding-bottom: 8%;
  }
}

.p-usedcar .COMMON-UCAR-search:after {
  content: none;
}

.p-usedcar .COMMON-UCAR-search__foot {
  margin-top: 0;
}

.p-usedcar .COMMON-UCAR-search-block {
  padding: 4.25% 4.25% 3%;
  box-shadow: none;
}

@media screen and (max-width: 767px) {
  .p-usedcar .COMMON-UCAR-search-block {
    padding: 8% 4.25% 5%;
  }
}

.p-usedcar .COMMON-UCAR-search-block__head {
  display: none;
}

.p-usedcar .COMMON-UCAR-search-block__foot:before {
  background: #d9d3d2;
}

@media screen and (max-width: 767px) {
  .p-usedcar .COMMON-UCAR-search-block__row:first-child {
    padding-top: 0;
  }
}

.p-usedcar .COMMON-UCAR-search-block-more {
  border-right-color: #d9d3d2;
  border-bottom-color: #d9d3d2;
  border-left-color: #d9d3d2;
  color: #664947;
}

.p-usedcar .COMMON-UCAR-search-block-more:after {
  border-right-color: #d9d3d2;
}

.p-usedcar .COMMON-UCAR-search-block-more:hover {
  color: #664947;
}

.p-usedcar .COMMON-UCAR-search-button {
  position: relative;
  height: 7rem;
  border-radius: 3px;
  background: #664947;
  font-size: 1.6rem;
}

.p-usedcar .COMMON-UCAR-search-button._bg-gray {
  background: #9f9f9f;
}

.p-usedcar .COMMON-UCAR-search-button i {
  display: none;
}

.p-usedcar .COMMON-UCAR-search-button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto 0;
  background: url(../img/icon/arrow_white.svg) 50% 50% no-repeat;
  background-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .p-usedcar .COMMON-UCAR-list__grid > * {
    width: calc(33.333% - 20px);
  }
}

.p-usedcar .COMMON-UCAR-list-card {
  height: auto;
}

.p-usedcar .COMMON-UCAR-list-card__image a {
  background: #664947;
}

.p-usedcar .COMMON-UCAR-list-card img {
  width: 100%;
}

.p-usedcar .COMMON-UCAR-list-card__foot {
  margin-top: auto;
}

.p-usedcar .COMMON-UCAR-list-card__foot:before {
  background: #f5eceb;
}

.p-usedcar .COMMON-UCAR-list-card__button a:hover {
  background: #664947;
  opacity: .8;
}

.p-usedcar .COMMON-UCAR-list-compare button,
.p-usedcar .COMMON-UCAR-list-compare a,
.p-usedcar .COMMON-UCAR-detail-compare button,
.p-usedcar .COMMON-UCAR-detail-compare a,
.p-usedcar .COMMON-UCAR-detail-print button,
.p-usedcar .COMMON-UCAR-detail-print a {
  border: 0;
  border-radius: 3px;
  background: #664947;
  color: #fff;
  opacity: all .3s ease-out;
}

.p-usedcar .COMMON-UCAR-list-compare button:hover,
.p-usedcar .COMMON-UCAR-list-compare a:hover,
.p-usedcar .COMMON-UCAR-detail-compare button:hover,
.p-usedcar .COMMON-UCAR-detail-compare a:hover,
.p-usedcar .COMMON-UCAR-detail-print button:hover,
.p-usedcar .COMMON-UCAR-detail-print a:hover {
  background: #664947;
  opacity: .8;
}

.p-usedcar .COMMON-UCAR-list-card__detail dl[data-type="price"] dd {
  color: currentColor;
}

.p-usedcar .COMMON-UCAR-list-card__detail dl[data-type="price"] + dl[data-type="price"] dd {
  color: #cc0000;
}

.p-usedcar .COMMON-UCAR-list-card__shop a {
  color: #664947;
}

.p-usedcar .COMMON-UCAR-list-card__button a {
  position: relative;
  height: 3.6rem;
  border-radius: 3px;
  background: #664947;
  font-size: 1.5rem;
  font-family: "Hind";
}

.p-usedcar .COMMON-UCAR-list-card__button a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  margin: auto 0;
  background: url(../img/icon/arrow_white.svg) 50% 50% no-repeat;
  background-size: 1.2rem;
}

.p-usedcar .COMMON-UCAR-list-card {
  background: #fff;
}

.p-usedcar .COMMON-UCAR-detail-shop-other {
  display: none !important;
}

.p-usedcar .COMMON-UCAR-detail-table th {
  background: #f5eceb;
}

.p-usedcar .COMMON-UCAR-detail-info {
  background: #fff;
}

.p-usedcar .COMMON-UCAR-detail-price {
  color: currentColor;
}

.p-usedcar .COMMON-UCAR-detail-info__price {
  width: 100%;
  margin-top: 1em;
}

.p-usedcar .COMMON-UCAR-detail-info__price + .COMMON-UCAR-detail-info__price .COMMON-UCAR-detail-price {
  color: #cc0000;
}

.p-usedcar .COMMON-UCAR-detail-wrapper .c-section-title{
  margin-bottom: 3.5rem;
}
.p-usedcar .COMMON-UCAR-detail-wrapper .COMMON-UCAR-detail-table {
  margin-bottom: 5rem;
}

.p-usedcar .COMMON-UCAR-detail-shop {
  background: #fff;
}

.p-usedcar .COMMON-UCAR-list-header .COMMON-UCAR-detail-compare {
  margin-top: 0;
}

/* price
=============================== */
body[data-id="usedcar-price"] .p-usedcar-counter,
body[data-id="usedcar-price"] .COMMON-UCAR-search {
  display: none;
}

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

Maintenance

* ============================================================= */
/* schedule
=============================== */
.p-maintenance-schedule {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.p-maintenance-schedule:not(:first-child) {
  margin-top: 3.33333em;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule {
    display: flex;
    flex-wrap: wrap;
  }
}

.p-maintenance-schedule__body {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 0%;
  padding-left: 0%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule__body {
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    width: calc(100% - 6.66667em);
    padding-right: 4.90196%;
    padding-left: 0;
  }
}

.p-maintenance-schedule__body:before {
  content: "";
  position: absolute;
  bottom: 14.66667em;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-top: 3.23529%;
  background: #f5eceb;
  transform: translateY(-139.39394%);
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule__body:before {
    top: 1rem;
    right: initial;
    left: 1.7625rem;
    width: 2.475rem;
    height: 100%;
    padding-top: 0;
    transform: none;
  }
}

.p-maintenance-schedule__foot {
  display: flex;
  overflow: hidden;
  width: 100%;
  margin-top: 2em;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule__foot {
    width: 6.66667em;
    height: 100%;
    margin-top: 0;
  }
}

/* timeline */
.p-maintenance-schedule-timeline {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 8.33333%;
  max-width: 4.44444em;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-timeline {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  .p-maintenance-schedule-timeline + .p-maintenance-schedule-timeline {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 560px) {
  .p-maintenance-schedule-timeline {
    font-size: 1.4rem;
  }
}

.p-maintenance-schedule-timeline__head {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  margin-bottom: 25%;
  padding-top: 100%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-timeline__head {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 6rem;
    height: 6rem;
    margin: 0;
    padding: 0;
  }
}

.p-maintenance-schedule-timeline__head:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  box-sizing: content-box;
  width: .66667em;
  height: .66667em;
  margin: auto;
  border: .05556em solid #fff;
  border-radius: 50%;
  background: #6c504e;
}

.p-maintenance-schedule-timeline__head span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  margin: auto;
  border: 1px solid #6c504e;
  border-radius: 50%;
  background: #fff;
  color: #6c504e;
  font-size: 1.4rem;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-timeline__head span {
    position: static;
    top: initial;
    right: initial;
    bottom: initial;
    left: initial;
    flex-direction: column;
    width: 90%;
    height: 90%;
    margin: initial;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 560px) {
  .p-maintenance-schedule-timeline__head span {
    font-weight: bold;
    font-size: 100%;
  }
}

.p-maintenance-schedule-timeline__head span em {
  font-size: 1.33333em;
  font-family: "Hind";
}

._emphasise .p-maintenance-schedule-timeline__head span,
._primary .p-maintenance-schedule-timeline__head span {
  width: 100%;
  height: 100%;
  background: #6c504e;
  color: #fff;
  font-size: 1.8rem;
}

.p-maintenance-schedule-timeline__body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 62.5%;
  height: 12.22222em;
  padding-bottom: 1.5em;
  border-width: .05556em;
  border-style: solid;
  border-color: #6c504e;
  border-radius: 5px;
  background: #fff;
  text-decoration: none;
  line-height: 1;
  transition: all .2s ease-out;
}

._primary .p-maintenance-schedule-timeline__body {
  background: #6c504e;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-timeline__body {
    flex-direction: row;
    width: calc(100% - 8rem);
    height: 6rem;
    margin-left: 2rem;
    padding: .8em 1em .8em 0;
  }
}

.p-maintenance-schedule-timeline__body:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(100% + .05556em);
  left: 0;
  display: block;
  box-sizing: content-box;
  width: .05556em;
  height: 0;
  margin: 0 auto;
  padding-top: 112.5%;
  background: #6c504e;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-timeline__body:before {
    top: 0;
    right: calc(100% + .05556em);
    bottom: 0;
    left: auto;
    width: calc(5rem - .33333em);
    height: .05556em;
    margin: auto 0;
    padding-top: 0;
    border-width: .05556em 0;
  }
}

a.p-maintenance-schedule-timeline__body:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1em;
  left: 0;
  display: block;
  width: .8rem;
  height: .8rem;
  margin: 0 auto;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transition: all .2s ease-out;
  transform: rotate(-45deg);
  transform-origin: center;
}

@media screen and (max-width: 767px) {
  a.p-maintenance-schedule-timeline__body:after {
    top: 0;
    right: 1em;
    bottom: 0;
    left: auto;
    margin: auto 0;
    transform: rotate(-135deg);
  }
}

@media screen and (min-width: 768px) {
  a.p-maintenance-schedule-timeline__body:hover {
    opacity: .7;
  }
}

/* option */
.p-maintenance-schedule-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 8.33333%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-option {
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding-top: 8rem;
    padding-left: 0;
  }
}

@media screen and (max-width: 560px) {
  .p-maintenance-schedule-option {
    font-size: 1.4rem;
  }
}

.p-maintenance-schedule-option__body {
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-option__body {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    width: 100%;
    margin: 0;
  }
}

.p-maintenance-schedule-option__timeline {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-option__timeline {
    flex-direction: column;
    justify-content: flex-start;
    width: 40%;
    height: 100%;
  }
}

.p-maintenance-schedule-option__timeline:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 5%;
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border-width: 1px 0 0 0;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-option__timeline:before {
    left: 0;
    width: 1px;
    height: 95%;
    border-top-width: 0;
    border-top-width: 0;
    border-left-width: 1px;
  }
}

.p-maintenance-schedule-option__timeline._mamoru:before {
  border-style: dashed;
  border-color: #99b662;
}

.p-maintenance-schedule-option__timeline._ciao:before {
  border-style: solid;
  border-color: #628bb5;
}

.p-maintenance-schedule-option__timeline > span {
  display: block;
  width: 9.09091%;
  height: 37px;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-option__timeline > span {
    width: 100%;
    height: 6rem;
  }
  .p-maintenance-schedule-option__timeline > span + span {
    margin-top: 2rem;
  }
}

.p-maintenance-schedule-option__timeline > span._on {
  position: relative;
}

.p-maintenance-schedule-option__timeline > span._on:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1.06667em;
  height: 1.06667em;
  margin: auto;
  border-radius: 50%;
}

@media screen and (max-width: 560px) {
  .p-maintenance-schedule-option__timeline > span._on:before {
    width: 12px;
    height: 12px;
  }
}

.p-maintenance-schedule-option__timeline._mamoru > span:before {
  background: #99b662;
}

.p-maintenance-schedule-option__timeline._ciao > span:before {
  background: #628bb5;
}

/* note */
.p-maintenance-schedule-note {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2em;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-note {
    flex-direction: column-reverse;
    width: 100%;
    line-height: 2;
  }
}

.p-maintenance-schedule-note__sub {
  line-height: 2;
}

.p-maintenance-schedule-note__sub li:before {
  content: "\25cf";
}

.p-maintenance-schedule-note__sub li:first-of-type:before {
  color: #99b662;
}

.p-maintenance-schedule-note__sub li:nth-of-type(2):before {
  color: #628bb5;
}

.p-maintenance-schedule-note__main {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .p-maintenance-schedule-note__main {
    margin-bottom: 1em;
    text-align: left;
  }
}

/* menu
=============================== */
.p-maintenance-menu {
  display: flex;
  flex-wrap: wrap;
  width: 103.43137%;
  margin: -1.47059% -1.71569%;
  padding-top: 1px;
  padding-top: 6.37255%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-menu {
    width: 104.46429%;
    margin: -2.23214% -2.23214%;
  }
}

.p-maintenance-menu__item {
  width: 33.33333%;
  padding: 1.42857% 1.65877%;
  font-size: .93333em;
}

@media screen and (max-width: 767px) {
  .p-maintenance-menu__item {
    width: 50%;
    padding: 2.33645% 2.33645%;
    font-size: .86667em;
  }
}

.p-maintenance-menu__item > p {
  /* -0.375em for line-height offset */
  margin-top: .625em;
  margin-bottom: -.375em;
  text-align: center;
}

/* afterservice
=============================== */
.p-maintenance-afterservice {
  display: flex;
  flex-wrap: wrap;
  width: 102.84314%;
  margin: -1.42157% -1.42157%;
  margin-top: 2.94118%;
  padding-top: 1px;
}

.p-maintenance-afterservice__item {
  width: 33.33333%;
  padding: 1.38227% 1.38227%;
}

@media screen and (max-width: 767px) {
  .p-maintenance-afterservice__item {
    width: 50%;
  }
}

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

campaign

* ============================================================= */
/* p-campaign-leaflet
=============================== */
.p-campaign-leaflet {
  max-width: 860px;
  margin: 0 auto;
}

.p-campaign-leaflet__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: 2.29167em;
  text-align: center;
  font-size: 1.5rem;
}

.p-campaign-leaflet__head:before {
  content: "\3010";
}

.p-campaign-leaflet__head:after {
  content: "\3011";
}

/* p-campaign-calendar
=============================== */
.p-campaign-calendar {
  max-width: 420px;
  margin: 0 auto;
}

/* p-campaign-contents
=============================== */
.p-campaign-contents .CMN-CMP-link {
  display: block;
  transition: opacity .3s ease-out;
}

.p-campaign-contents .CMN-CMP-link:hover {
  opacity: .7;
}

.p-campaign-contents .CMN-CMP-car-select__item {
  max-width: 30%;
}

.p-campaign-contents .CMN-CMP-car-select__head {
  margin-top: 0;
  padding-top: 0;
}

.p-campaign-contents .CMN-CMP-car-article__title {
  background: #664947;
}

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

backnumber

* ============================================================= */
/* p-backnumber-recent
=============================== */
.p-backnumber-recent {
  max-width: 860px;
  margin: 0 auto;
}

/* p-backnumber-list
=============================== */
.p-backnumber-list__block {
  display: flex;
  padding-top: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #d9d3d2;
}

.p-backnumber-list__head {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 19.7rem;
  min-height: 7rem;
  margin-right: 2.53333em;
  border-radius: 3px;
  background: #f5eceb;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .p-backnumber-list__head {
    width: 6em;
  }
}

.p-backnumber-list__body {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin: -.75em 0;
  font-size: 1.5rem;

  align-self: center;
}

.p-backnumber-list__item {
  position: relative;
  margin-right: 2.6em;
  padding-top: .9em;
  padding-right: 2.6em;
  padding-bottom: .9em;
}

@media screen and (max-width: 767px) {
  .p-backnumber-list__item {
    margin-right: 1.25em;
    padding-right: 1.25em;
  }
}

.p-backnumber-list__item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1px;
  height: 1em;
  margin: auto 0;
  background: #d9d3d2;
}

.p-backnumber-list__item a {
  text-decoration: none;
}

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

company

* ============================================================= */
/* p-company-report
=============================== */
.p-company-report {
  margin-top: 6.4rem;
}

.p-company-report__head {
  display: flex;
  align-items: center;
  height: 6rem;
  margin-bottom: 3rem;
  padding: 1em;
  background: #f5eceb;
  font-weight: bold;
  font-size: 1.8rem;
}

.p-company-report__text {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: 1.35833em;
}

.p-company-report__photo {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 1.6rem);
  margin-top: -1.6rem;
}

.p-company-report__photo > li {
  width: 25%;
  padding-top: 1.6rem;
  padding-right: 1.6rem;
}

@media screen and (max-width: 767px) {
  .p-company-report__photo > li {
    width: 50%;
  }
}

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

environment

* ============================================================= */
/* p-environment-fig
=============================== */
.p-environment-fig {
  position: relative;
  margin: 0 auto;
  padding: 10rem 0;
  color: #b28146;
  line-height: 2;
}

.p-environment-fig sub {
  display: inline-block;
  font-size: 65%;
}

.p-environment-fig:before, .p-environment-fig:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  background-size: contain;
  background-repeat: repeat-x;
}

.p-environment-fig:before {
  top: 10px;
  background-image: url(/environment/direction/common/img/bgHeaderTop.gif);
  background-position: center top;
}

.p-environment-fig:after {
  bottom: 10px;
  background-image: url(/environment/direction/common/img/bgHeaderBottom.gif);
  background-position: center bottom;
}

.p-environment-fig__head {
  padding: 0 0 1em;
  color: #6eb92b;
  text-align: center;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .p-environment-fig__head {
    font-size: 2.2rem;
  }
}

.p-environment-fig__frame {
  position: relative;
  padding: 1.4em;
  background: #eff7e4;
  font-size: 1.2em;
}

.p-environment-fig__frame em {
  display: block;
  font-size: 1.16667em;
}

.p-environment-fig__body {
  max-width: 55em;
  margin: 0 auto;
  padding: 0;
  background: url(/environment/direction/common/img/character_img01.jpg) left bottom no-repeat;
}

.p-environment-fig__body dl {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 560px) {
  .p-environment-fig__body dl {
    display: block;
  }
}

.p-environment-fig__body dt {
  display: table-cell;
  width: 6em;
  padding-bottom: 5px;
}

.p-environment-fig__body dt:before {
  content: "\25a0";
}

@media screen and (max-width: 560px) {
  .p-environment-fig__body dt {
    display: block;
  }
}

.p-environment-fig__body dd {
  display: table-cell;
  text-align: justify;
  text-justify: auto;
}

@media screen and (max-width: 560px) {
  .p-environment-fig__body dd {
    display: block;
  }
}

.p-environment-fig__body dd p {
  margin-bottom: 8px;
}

.p-environment-fig__body dd ol {
  padding-left: 1.5em;
}

.p-environment-fig__body dd li {
  margin-bottom: 5px;
  list-style: decimal;
  list-style-position: outside;
}

.p-environment-fig__title {
  margin-bottom: 2em;
  background: url(/environment/direction/common/img/bg_policyTitle.gif) center center repeat-x;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 767) {
  .p-environment-fig__title {
    background-size: auto 3px;
  }
}

.p-environment-fig__title span {
  display: inline-block;
  padding: 0 15px;
  background: #fff;
}

.p-environment-fig__sign {
  padding-bottom: 15px;
  text-align: right;
}

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

health

* ============================================================= */
/* p-health-declaration
=============================== */
.p-health-declaration {
  margin-top: 6.4rem;
}

.p-health-declaration__body {
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

.p-health-declaration__sign {
  /* -0.5em for line-height offset */
  margin-top: 2.16667em;
  margin-bottom: -.5em;
  text-align: right;
  line-height: 2;
}

/* p-health-productivity
=============================== */
.p-health-productivity__lead {
  margin-bottom: 6.4rem;
}

.p-health-productivity__image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -30px 0;
}

@media screen and (max-width: 560px) {
  .p-health-productivity__image {
    flex-direction: column;
  }
}

.p-health-productivity__logo {
  max-width: 300px;
  margin: 0 30px;
}

@media screen and (max-width: 560px) {
  .p-health-productivity__logo {
    width: 70%;
  }
}

.p-health-productivity__letter {
  max-width: 390px;
  margin: 30px;
}

@media screen and (max-width: 560px) {
  .p-health-productivity__letter {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

/* p-health-content
=============================== */
.p-health-content {
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

.p-health-content + .p-health-content {
  margin-top: 2.5em;
}

/* p-health-challenges
=============================== */
.p-health-challenges {
  padding: 5rem;
  border: 1px solid #d9d3d2;
}

.p-health-challenges__head {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: 1.95833em;
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}

.p-health-challenges__body {
  max-width: 560px;
  margin: 0 auto;
}

.p-health-challenges__list {
  display: flex;
  flex-wrap: wrap;
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

.p-health-challenges__list > li {
  display: flex;
  width: 100%;
}

.p-health-challenges__list > li:before {
  content: "\30fb";
  flex-shrink: 0;
}

@media screen and (min-width: 768px) {
  .p-health-challenges__list > li {
    width: 60%;
  }
  .p-health-challenges__list > li:nth-child(2n) {
    width: 40%;
  }
}

/* p-health-system
=============================== */
.p-health-system {
  max-width: 900px;
  margin: 6.6rem auto 0;

  aspect-ratio: 900 / 392;
}

/* p-health-table
=============================== */
.p-health-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #d9d3d2;
  border-left: 1px solid #d9d3d2;
}

.p-health-table th,
.p-health-table td {
  padding: 1.53333em .75em;
  border-right: 1px solid #d9d3d2;
  border-bottom: 1px solid #d9d3d2;
  vertical-align: middle;
  text-align: center;
}

.p-health-table thead th {
  background: #664947;
  color: #fff;
}

.p-health-table tbody th {
  background: #f5eceb;
}

.p-health-table tbody th[rowspan] {
  background: #664947;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-health-table tbody td {
    width: 14em;
  }
}

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

terms

* ============================================================= */
/* block
=============================== */
.p-terms-block:not(:first-child) {
  margin-top: 5rem;
  padding-top: 4.5rem;
  border-top: 1px solid #d9d3d2;
}

.p-terms-block__head {
  margin-bottom: 4rem;
  font-weight: bold;
  font-size: 1.33333em;
}

.p-terms-block__body {
  font-size: 1em;
}

/* text
=============================== */
.p-terms-text {
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

.p-terms-text + .p-terms-text {
  margin-top: 2em;
}

/* plugin
=============================== */
.p-terms-plugin {
  margin-top: 1.46667em;
  border: 1px solid #d9d3d2;
  background: #fff;
}

.p-terms-plugin__link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.33333em;
  text-decoration: none;
  transition: all .3s ease-out;
}

.p-terms-plugin__link:hover {
  opacity: .7;
}

@media screen and (max-width: 560px) {
  .p-terms-plugin__link {
    flex-direction: column;
  }
}

.p-terms-plugin__logo {
  margin: 0 1em 0 0;
}

@media screen and (max-width: 560px) {
  .p-terms-plugin__logo {
    margin: 0 0 1em 0;
  }
}

/* ssl
=============================== */
.p-terms-ssl {
  margin-top: 3.21429em;
  padding: 2em 1.5em;
  border: 1px solid #d9d3d2;
  background: #fff;
  font-size: .93333em;
}

.p-terms-ssl__head {
  font-weight: bold;
}

.p-terms-ssl__block:not(:first-child) {
  margin-top: 1.78571em;
}

.p-terms-ssl__item {
  /* -0.375em for line-height offset */
  margin-top: 1.625em;
  margin-bottom: -.375em;
  padding-left: 1em;
}

.p-terms-ssl__item > p {
  position: relative;
  margin-bottom: .5em;
}

.p-terms-ssl__item > p:before {
  content: "\30fb";
  position: absolute;
  top: 0;
  left: -1em;
}

.p-terms-ssl__item > ul > li a {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}

.p-terms-ssl__item > ul > li a:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.p-terms-ssl__foot {
  margin-top: 2.28571em;
}

/* lead
=============================== */
.p-privacy-lead {
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

/* main
=============================== */
.p-privacy-main {
  counter-reset: privacy-main;
  word-break: break-all;
}

.p-privacy-main__item {
  counter-increment: privacy-main;
  position: relative;
  padding-left: 1.78571em;
}

.p-privacy-main__item + .p-privacy-main__item {
  /* -0.375em for line-height offset */
  margin-top: 2.91071em;
  margin-bottom: -.375em;
}

.p-privacy-main__title {
  font-weight: bold;
}

.p-privacy-main__title:before {
  content: counter(privacy-main) ".";
  position: absolute;
  top: 0;
  left: 0;
}

/* sub
=============================== */
.p-privacy-sub {
  counter-reset: privacy-sub;
  margin-top: 1em;
}

.p-privacy-sub__item {
  counter-increment: privacy-sub;
  position: relative;
  margin-left: 2.5em;
}

.p-privacy-sub__item + .p-privacy-sub__item {
  margin-top: .25em;
}

.p-privacy-sub__item:first-child:last-child {
  margin-left: 0;
}

.p-privacy-sub__item:first-child:last-child:before {
  content: none;
}

.p-privacy-sub__item:before {
  content: counter(privacy-sub, lower-roman) ".";
  position: absolute;
  top: 0;
  left: -2.5em;
  width: 1.42857em;
  text-align: right;
}

/* detail
=============================== */
.p-privacy-detail {
  margin: .75em 0 1.25em;
  font-size: 1.4rem;
}

.p-privacy-detail._with-border {
  padding: 1.5em;
  border: 1px solid #d9d3d2;
}

.p-privacy-detail .p-privacy-detail {
  margin-top: 1em;
}

.p-privacy-detail .p-privacy-detail:last-child {
  margin-bottom: 0;
}

.p-privacy-detail__head:before {
  content: "\25cf";
}

/* sign
=============================== */
.p-privacy-sign {
  margin-top: 6rem;
  text-align: right;
}

/* banner
=============================== */
.p-privacy-banner {
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}

.p-privacy-banner a {
  transition: all .3s ease-out;
}

.p-privacy-banner a:hover {
  opacity: .7;
}


.Mut-holidays[data-hansha-cd="39529011"] {
  margin-top: 3.5em;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .Mut-holidays[data-hansha-cd="39529011"] {
    padding: 1em 5.125%;
    font-size: 1.5rem;
  }
  .Mut-holidays[data-hansha-cd="39529011"] .Mut-holidays__button{
    font-size: 1.2rem;
  }
}

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

fiduciary_duty

* ============================================================= */
.p-fd-h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 4em;
}

/* lead
=============================== */
.p-fd-lead {
  /* -0.5em for line-height offset */
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

/* main
=============================== */
.p-fd-main {
  word-break: break-all;
}

.p-fd-main__item {
  position: relative;
  padding-left: 1.78571em;
}

.p-fd-main__item + .p-fd-main__item {
  /* -0.375em for line-height offset */
  margin-top: 2.91071em;
  margin-bottom: -.375em;
}

.p-fd-main__item ul {
  margin: 0 0 0 2em;
}

.p-fd-main__item ul li {
  list-style: disc;
}

.p-fd-effort {
  margin-top: 1em;
}

.p-fd-main__item ol {
  margin: 0 0 0 2em;
}

.p-fd-main__item ol li {
  list-style: inherit;
}

.p-fd-main__title {
  font-weight: bold;
}

.p-fd-main__title:before {
  content: "\025a0";
  position: absolute;
  top: 0;
  left: 0;
}


/* sub
=============================== */
.p-fd-sub {
  counter-reset: privacy-sub;
  margin-top: 1em;
}

.p-fd-sub__item {
  counter-increment: privacy-sub;
  position: relative;
  margin-left: 2.5em;
}

.p-fd-sub__item + .p-fd-sub__item {
  margin-top: .25em;
}

.p-fd-sub__item:first-child:last-child {
  margin-left: 0;
}

.p-fd-sub__item:first-child:last-child:before {
  content: none;
}

.p-fd-sub__item:before {
  content: counter(privacy-sub, lower-roman) ".";
  position: absolute;
  top: 0;
  left: -2.5em;
  width: 1.42857em;
  text-align: right;
}

/* detail
=============================== */
.p-fd-detail {
  margin: .75em 0 1.25em;
  font-size: 1.4rem;
}

.p-fd-detail._with-border {
  padding: 1.5em;
  border: 1px solid #d9d3d2;
}

.p-fd-detail .p-fd-detail {
  margin-top: 1em;
}

.p-fd-detail .p-fd-detail:last-child {
  margin-bottom: 0;
}

.p-fd-detail__head:before {
  content: "\25cf";
}

/* sign
=============================== */
.p-fd-sign {
  margin-top: 6rem;
  text-align: right;
}

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

security

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

.p-security-lead {
  margin-top: -.5em;
  margin-bottom: -.5em;
  line-height: 2;
}

.p-security-main {
  counter-reset: security-main;
  word-break: break-all;
}

.p-security-main__item {
  counter-increment: security-main;
  position: relative;
  padding-left: 1.78571em;
}

.p-security-main__item + .p-security-main__item {
  margin-top: 2.91071em;
  margin-bottom: -.375em;
}

.p-security-main__title {
  font-weight: bold;
}

.p-security-main__title:before {
  content: counter(security-main) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.p-security-sub {
  margin-top: 1em;
}

.p-security-sign {
  margin-top: 6rem;
  text-align: right;
}