@charset "UTF-8";

.page-nav {
  max-width: 980px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center
}

.page-nav__item {
  width: 32.65306%
}

.page-nav__item:not(:last-child) {
  margin-right: 1.02041%
}

.page-nav__item.o-car {
  position: relative
}

.page-nav__item.o-car:before {
  content: '';
  display: block;
  width: 81.25%;
  padding-top: 12.1875%;
  background: url(../img/share/ico-nav_car_baloon.svg) no-repeat center center;
  background-size: cover;
  position: absolute;
  top: -32.85714%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1
}

.page-nav__anchor {
  height: 70px;
  border-radius: 200px;
  font-size: 2.2rem;
  letter-spacing: .2em
}

.page-nav__anchor:after {
  right: 26px
}

.o-black .page-nav__anchor {
  background-color: #000
}

.o-red .page-nav__anchor {
  background-color: #c72614
}

.footnote {
  background-color: #464646;
  padding: 40px 0;
  color: #fff
}

.footnote_inner {
  max-width: 980px;
  margin: 0 auto
}

.footnote-block:not(:last-child) {
  margin-bottom: 17px
}

.footnote-block__title {
  font-size: 1.0rem
}

.footnote-list+.footnote-list {
  margin-top: 2em
}

.footnote-list__item {
  color: #fff;
  font-size: 1.0rem;
  line-height: 1.7
}

.footnote-list__title {
  font-size: 1.0rem
}

.footnote-list__anchor {
  color: #fff
}

.outer-orderlist {
  font-size: 1.0rem
}

.outer-orderlist__item+.outer-orderlist__item {
  margin-top: 2em
}

.link-button {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  position: relative
}

.link-button:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  position: absolute;
  top: calc(50% - 5px)
}

.link-button.o-black {
  background-color: #000
}

.link-button.o-red {
  background-color: #c3002f
}

.link-button.o-external:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.benefits-block {
  padding-bottom: 80px;
  color: #000
}

.benefits-block.-visit {
  background-color: #feec83;
  position: relative;
  z-index: 0
}

.benefits-block.-visit:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/share/bg-benefits_visit.png) repeat left top;
  background-size: 60px auto;
  opacity: .2;
  pointer-events: none;
  z-index: -1
}

.benefits-block.-contract {
  background-color: #a8edff;
  position: relative;
  z-index: 0
}

.benefits-block.-contract:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/share/bg-benefits_contract.png) repeat left top;
  background-size: 60px auto;
  opacity: .08;
  pointer-events: none;
  z-index: -1
}

.benefits-block__heading {
  max-width: 980px;
  margin: 0 auto 30px
}

.benefits-block__title {
  margin-bottom: 10px
}

.benefits-block__prefix {
  font-size: 2.0rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5
}

.benefits-block__cv {
  margin-top: 40px
}

.benefits-block-content {
  background-color: #fff;
  padding: 60px 0;
  border-radius: 20px;
  color: #111
}

.benefits-block-content:not(:nth-of-type(1)) {
  margin-top: 80px
}

.benefits-box {
  width: 87.7551%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.benefits-box.-odd .benefits-box__item:nth-of-type(1) {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.benefits-box.-odd .benefits-box__item:nth-of-type(1) .benefits-box__image,
.benefits-box.-odd .benefits-box__item:nth-of-type(1) .benefits-box__detail {
  width: 48.37209%
}

.benefits-box.-odd .benefits-box__item:not(:nth-of-type(1)) {
  margin-top: 40px;
  width: 48.37209%
}

.benefits-box.-odd .benefits-box__item:not(:nth-of-type(1)) .benefits-box__image {
  margin-bottom: 16px
}

.benefits-box.-even .benefits-box__item {
  width: 48.72093%
}

.benefits-box.-even .benefits-box__item .benefits-box__image {
  margin-bottom: 16px
}

.benefits-box__image {
  border-radius: 10px;
  overflow: hidden
}

.benefits-box__item:not(:nth-of-type(1)) .benefits-outline {
  margin-top: 16px
}

.benefits-outline__heading {
  margin-bottom: 10px;
  font-size: 2.6rem;
  font-weight: 700;
  color: #f77c08;
  line-height: 1.34615
}

.-contract .benefits-outline__heading {
  color: #00a7d1
}

.benefits-outline__text {
  font-size: 1.4rem;
  line-height: 1.64286
}

.benefits-outline__note {
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 1.66667
}

.benefits-lineup {
  max-width: 87.7551%;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.benefits-lineup__item {
  width: 32.32558%
}

.benefits-lineup__item:not(:nth-child(-n+3)) {
  margin-top: 30px
}

.benefits-lineup__image {
  margin-bottom: 12px
}

.benefits-lineup__detail-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.94444
}

.benefits-lineup__detail-text {
  font-size: 1.4rem;
  line-height: 1.64286
}

.car-nav {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center
}

.-one .car-nav {
  display: none
}

.car-nav__item {
  width: 111px;
  margin: 0 3px
}

.car-nav__item:not(:nth-of-type(-n+8)) {
  margin-top: 6px
}

.car-nav__anchor {
  width: 100%;
  aspect-ratio: 111 / 110;
  border: 2px solid #fff;
  background-color: #fff;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative
}

.car-nav__anchor:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: middle;
  border-color: #000;
  border-width: 2px;
  position: absolute;
  bottom: 8px;
  left: calc(50% - 5px)
}

.car-nav__anchor.o-current {
  border-color: #ff3362;
  background-color: #ffebef;
  pointer-events: none
}

.car-nav__anchor.o-current:before {
  content: none
}

.car-content+.car-content {
  padding-top: 80px
}

.car-content:not(:last-child) {
  padding-bottom: 80px
}

.car-content:last-child {
  padding-bottom: 95px
}

.car-content__cv {
  margin-top: 43px
}

.car-content__catalog {
  max-width: 340px;
  height: 64px;
  margin: 24px auto 0
}

.car-content__catalog-anchor {
  height: 64px;
  font-size: 1.6rem;
  border-radius: 200px;
  letter-spacing: .2em
}

.car-content__catalog-anchor:after {
  right: 16px
}

.car-box {
  margin-bottom: 10px
}

.car-box__banner {
  margin-bottom: 40px
}

.car-box__image:not(:last-child) {
  margin-bottom: 20px
}

.car-box__main {
  margin-bottom: 30px
}

.car-box__main .car-box__image {
  margin-bottom: 9px
}

.car-box__caption {
  font-size: 1.0rem;
  line-height: 1.8
}

.plan-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.plan-list_item {
  width: 47.95918%
}

.plan-list_item:last-child {
  width: 100%
}

.plan-list_item:not(:last-child) {
  margin-bottom: 39px
}

.point-list {
  max-width: 623px
}

.point-list_item:not(:last-child) {
  margin-bottom: 35px
}

.point-list_image {
  margin-bottom: 7px
}

.point-list_button {
  width: 224px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 5px 10px #0e0e0e1c
}

.point-list_button-anchor {
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.point-list_button-anchor:hover {
  opacity: .5
}

.omatome-plan {
  margin: 20px 0;
  padding: 38px 30px;
  background-color: #fff
}

.omatome-plan__title {
  margin-bottom: 16px
}

.omatome-plan__main-note {
  text-align: center
}

.omatome-plan__link {
  max-width: 370px;
  margin: 20px auto 0;
  text-align: center
}

.omatome-plan__anchor {
  height: 64px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 200px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  overflow: hidden
}

.omatome-plan__anchor-text {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  position: relative
}

.omatome-plan__anchor-text:before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/share/ico-question.svg) no-repeat center center;
  background-size: contain;
  margin-right: 12px
}

.omatome-plan__note {
  margin-top: 20px
}

.omatome-plan__note .note-text {
  line-height: 1.8
}

.omatome-point {
  padding: 36px 30px 40px
}

.omatome-point_heading {
  margin-bottom: 20px;
  text-align: center
}

.omatome-point_title {
  margin-bottom: 10px
}

.omatome-point_prefix {
  font-size: 2.0rem;
  font-weight: 700;
  text-align: center
}

.omatome-point_content:not(:last-child) {
  margin-bottom: 60px
}

.omatome-point_merit_title {
  margin-bottom: 34px
}

.remodal {
  max-width: 880px;
  padding: 0
}

.modal_content_close {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 1px;
  right: 1px;
  cursor: pointer;
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.modal_content_close:hover {
  opacity: .5
}

.special-car {
  background-color: #ebfaff;
  background-image: repeating-linear-gradient(-45deg, #0039b8 0, #0039b8 6px, #fff 6px, #fff 14px);
  background-size: 100% 15px;
  background-repeat: no-repeat;
  padding-top: 15px;
  position: relative;
  z-index: 0
}

.special-car:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/share/bg-special_car.png) repeat left top;
  background-size: 1559px auto;
  opacity: .08;
  pointer-events: none;
  z-index: -1
}

.special-car__content {
  margin-top: 40px
}

.special-car__title {
  max-width: 980px;
  margin: 0 auto 20px
}

.special-car__prefix {
  font-size: 2.0rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .05em
}

.shop-search {
  padding-top: 80px
}

.shop-search__prefix {
  width: 59.28571%;
  max-width: 581px;
  margin: 0 auto 17px;
  text-align: center
}

.shop-search__banner {
  max-width: 93.87755%;
  margin: 0 auto
}

.float-banner {
  width: 100%;
  max-width: 980px
}

.car-slider {
  max-width: 1140px;
  margin: 40px auto 50px
}

.car-slider__content-inner {
  max-width: 980px;
  width: 85.96491%;
  margin: 0 auto
}

.car-slider__button {
  width: 24px;
  height: 48px;
  background: url(../img/share/ico-car_slider_arrow.svg) no-repeat center center;
  background-size: contain;
  top: 316px;
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.car-slider__button.o-prev {
  left: 0
}

.car-slider__button.o-next {
  right: 0;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid;
  opacity: 1
}

.-type_a .swiper-pagination-bullet {
  border-color: #c3002f
}

.-type_b .swiper-pagination-bullet {
  border-color: #071b48
}

.-type_a .swiper-pagination-bullet-active {
  background: #c3002f
}

.-type_b .swiper-pagination-bullet-active {
  background: #071b48
}

.car-slider-thumb {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 980px;
  margin: 0 auto
}

.car-slider-thumb__item {
  width: 111px;
  margin: 0 3px 6px
}

.car-slider-thumb__icon {
  width: 100%;
  aspect-ratio: 1;
  background-color: #fff;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer
}

.car-slider-thumb__icon.o-current {
  outline: 2px solid #f44187;
  outline-offset: -2px;
  pointer-events: none;
  background-color: #ffe4e4
}

.new-lineup-slider {
  width: 112.65306%;
  margin-left: -6.32653%;
  margin-right: -6.32653%;
  position: relative
}

.new-lineup-slider__slide {
  width: 100%
}

.new-lineup-slider__slide-inner {
  width: 88.76812%;
  margin: 0 auto
}

.new-lineup-slider__slide-anchor {
  display: block;
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.new-lineup-slider__pagination {
  margin-top: 20px;
  color: #111;
  text-align: center
}

.new-lineup-slider__button-next,
.new-lineup-slider__button-prev {
  display: block;
  width: 22px;
  padding-top: 68px;
  background: url(../img/share/bg-new_lineup_slider_prev.svg) no-repeat center center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 68px)
}

.new-lineup-slider__button-prev {
  left: 0;
  z-index: 3
}

.new-lineup-slider__button-next {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: 0;
  z-index: 3
}

.swiper-pagination-bullet {
  border-radius: 0;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 1px solid #111;
  opacity: 1
}

.swiper-pagination-bullet-active {
  background-color: #111
}

.cv-button {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.cv-button__item {
  width: 49.18367%
}

.cv-button__anchor {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 96px;
  border-radius: 200px;
  color: #fff;
  text-decoration: none;
  padding: 0 6.22407%;
  position: relative
}

.cv-button__anchor.o-red {
  background-color: #c3002f
}

.cv-button__anchor.o-red .cv-button__anchor-inner:before {
  width: 61px;
  padding-top: 25px;
  background: url(../img/share/ico-shop.svg) no-repeat center center;
  background-size: contain
}

.cv-button__anchor.o-blue {
  background-color: #0039b8
}

.cv-button__anchor.o-blue .cv-button__anchor-inner:before {
  width: 45px;
  padding-top: 45px;
  background: url(../img/share/ico-drive.svg) no-repeat center center;
  background-size: contain
}

.cv-button__anchor-inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative
}

.cv-button__anchor-inner:before {
  content: '';
  display: block;
  position: absolute;
  left: 0
}

.cv-button__anchor-inner:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  vertical-align: middle;
  position: absolute;
  right: 0
}

.cv-button__anchor-text {
  font-size: 2.6rem;
  font-weight: 500;
  margin-left: 15px
}

.image {
  max-width: 100%;
  height: auto
}

.section {
  padding: 80px 0
}

.section__heading {
  text-align: center
}

.section__inner {
  max-width: 980px;
  margin: 0 auto
}

.anchor {
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.anchor.o-shine {
  position: relative;
  overflow: hidden
}

@-webkit-keyframes shine {
  100% {
    left: 100%
  }
}

@keyframes shine {
  100% {
    left: 100%
  }
}

.inline-anchor {
  transition: .3s cubic-bezier(.13, .78, .38, .98)
}

.pagetop {
  bottom: 138px
}

.footer_inner {
  max-width: 980px
}

.float-bottom-conversion {
  height: 116px;
  background-color: rgba(0, 0, 0, .4)
}

.note-text {
  font-size: 1.0rem
}

.nav {
  padding: 53px 0 64px;
  background-color: #fff;
  text-align: center
}

.nav__suffix {
  /* margin-top: 35px; */
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .05em
}

.nav__suffix.o-white {
  color: #fff
}

.nav__suffix.o-black {
  color: #000
}

.new-lineup {
  background-color: #fff1f8;
  padding: 80px 0;
  position: relative;
  overflow: hidden
}

.new-lineup__deco {
  width: 190px;
  position: absolute;
  top: -80px;
  bottom: -80px;
  background: url(../img/share/bg-new_lineup_deco_l.png) repeat-y left top;
  background-size: 100% auto;
  -webkit-animation: deco-float 4s ease-in-out infinite alternate;
  animation: deco-float 4s ease-in-out infinite alternate;
  pointer-events: none;
  z-index: 0
}

.new-lineup__deco.-left {
  left: 0
}

.new-lineup__deco.-right {
  right: 0;
  background-image: url(../img/share/bg-new_lineup_deco_r.png);
  -webkit-animation-delay: -3s;
  animation-delay: -3s
}

.new-lineup__inner {
  position: relative;
  z-index: 1
}

.new-lineup__title {
  width: 93.67347%;
  margin: 0 auto 54px
}

.new-lineup__cv {
  margin-top: 60px
}

.new-lineup__cv-note {
  margin-top: 40px;
  text-align: center;
  font-size: 1.0rem;
  color: #000
}

.testdriving-campaign {
  background-color: #fff255;
  background-image: url(../img/share/bg-testdriving_cp.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 70px 0 100px;
  position: relative;
  overflow: hidden
}

.testdriving-campaign__inner {
  position: relative
}

.testdriving-campaign__title {
  max-width: 830px;
  margin: 0 auto;
  text-align: center
}

.testdriving-campaign__lead {
  margin-top: 30px;
  text-align: center;
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em
}

.testdriving-campaign__lead-dealer {
  -webkit-text-emphasis: dot;
  text-emphasis: dot
}

.testdriving-campaign__box {
  margin-top: 30px
}

.testdriving-campaign__box-sub {
  background-color: #c09d4d;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em
}

.testdriving-campaign__box-content {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 4px 40px rgba(0, 0, 0, .08);
  padding: 30px 40px
}

.testdriving-campaign__box-present {
  width: 47.33333%
}

.testdriving-campaign__box-image {
  width: 48.22222%
}

.testdriving-campaign__box-note {
  margin-top: 15px;
  border: 1px solid rgba(0, 0, 0, .5);
  padding: 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em
}

.testdriving-campaign__cars {
  width: 1400px;
  position: absolute;
  bottom: -100px;
  left: calc(50% - 700px)
}

.testdriving-campaign__cv {
  margin-top: 40px;
  position: relative
}

.testdriving-campaign__cv-button {
  -webkit-justify-content: center;
  justify-content: center
}

.campaign {
  padding-bottom: 80px
}

.campaign__heading {
  margin-bottom: 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 200px;
  background-color: #fe829a;
  position: relative
}

.campaign__heading:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 57px solid transparent;
  border-left: 57px solid transparent;
  border-top: 59px solid #fe829a;
  border-bottom: 0;
  position: absolute;
  top: calc(100% - 14px);
  left: calc(50% - 57px);
  z-index: -1
}

.campaign__content+.campaign__content {
  margin-top: 60px
}

.campaign__content-image {
  border: 1px solid #b1b1b1
}

.campaign__content-image .image {
  display: block
}

.campaign__content-cv {
  margin-top: 30px;
  text-align: center
}

.campaign__content-anchor {
  max-width: 540px;
  height: 80px;
  margin: 0 auto;
  border-radius: 200px;
  font-size: 2.0rem;
  letter-spacing: .05em
}

.campaign__content-anchor:after {
  width: 12px;
  height: 12px;
  right: 5.55556%
}

.sns {
  margin-bottom: 60px
}

.sns__title {
  background-color: #ff3362;
  border-radius: 20px 20px 0 0;
  padding: 20px;
  color: #fff;
  font-size: 3.0rem;
  font-weight: 700;
  text-align: center;
  line-height: 1
}

.sns__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: #fff;
  border: 4px solid #ff3362;
  border-top: 0;
  border-radius: 0 0 20px 20px;
  padding: 40px
}

.sns__item {
  width: 48.88889%
}

.sns__item:not(:nth-child(-n+2)) {
  margin-top: 20px
}

.sns__label {
  margin-bottom: 12px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: 2.0rem;
  font-weight: 500
}

.sns__label:before,
.sns__label:after {
  content: '';
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 15px;
  height: 26px;
  margin: 0 10px;
  background: url(../img/share/ico-sns_slash.svg) no-repeat center center;
  background-size: contain
}

.sns__label:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.sns__link {
  position: relative
}

.sns__link:before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 38px auto;
  position: absolute;
  top: calc(50% - 30px);
  left: 10px;
  z-index: 1;
  pointer-events: none
}

.sns__link.-youtube:before {
  background-image: url(../img/share/ico-sns_youtube.svg)
}

.sns__link.-instagram:before {
  background-image: url(../img/share/ico-sns_instagram.png)
}

.sns__link.-x:before {
  background-image: url(../img/share/ico-sns_x.png);
  background-size: 30px auto
}

.sns__link.-line:before {
  background-image: url(../img/share/ico-sns_line.png)
}

.sns__anchor {
  height: 80px;
  border-radius: 200px;
  font-size: 2.0rem;
  letter-spacing: .05em
}

.sns__anchor:after {
  width: 12px;
  height: 12px;
  right: 6.81818%
}

.free-area {
  padding: 60px 0 0
}

.free-area__content:not(:last-child) {
  margin-bottom: 60px
}

.free-area__link {
  max-width: 540px;
  margin: 20px auto 0
}

.free-area__anchor {
  height: 80px;
  font-size: 2.2rem;
  border-radius: 200px
}

.free-area__anchor:after {
  width: 13px;
  height: 13px;
  top: calc(50% - 6.5px);
  right: 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.shop-list__title {
  font-size: 3.4rem;
  font-weight: 500;
  letter-spacing: .1em
}

.float-cv__anchor {
  outline: 2px solid #fff;
  outline-offset: -2px
}

.free-area__image {
  margin-bottom: 30px;
}


@-webkit-keyframes deco-float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
  }
}

@keyframes deco-float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
  }
}

@media screen and (max-width:979px) and (min-width:768px) {
  .page-nav__item.o-car:before {
    top: -24%
  }

  .benefits-block__heading {
    max-width: 92%
  }

  .cv-button__anchor-text {
    font-size: 2.0rem
  }

  .nav__suffix {
    font-size: 1.6rem
  }

  .section__inner,
  .footer_inner,
  .footnote_inner {
    margin-left: 4%;
    margin-right: 4%
  }

  .header_new,
  .float-bottom-conversion_inner {
    padding-left: 4%;
    padding-right: 4%
  }

  .new-lineup__cv {
    width: 106.9697%;
    margin-left: -3.48485%;
    margin-right: -3.48485%
  }
}

@media(hover:hover) and (pointer:fine) {
  .car-nav__anchor:hover {
    border-color: #ff3362
  }

  .car-nav__anchor:hover:before {
    border-color: #ff3362
  }

  .car-slider__button:hover {
    opacity: .5
  }

  .car-slider-thumb__icon:hover {
    outline: 2px solid #f44187;
    outline-offset: -2px
  }

  .new-lineup-slider__slide-anchor:hover {
    position: relative
  }

  .new-lineup-slider__slide-anchor:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0
  }

  .new-lineup-slider__button-next:hover,
  .new-lineup-slider__button-prev:hover {
    opacity: .5
  }

  .cv-button__anchor:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  .anchor:hover {
    opacity: .5
  }

  .anchor.o-zoom:hover {
    opacity: 1;
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }

  .anchor.o-shine:hover {
    opacity: 1
  }

  .anchor.o-shine:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -120%;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    -webkit-animation: shine .75s;
    animation: shine .75s
  }

  .inline-anchor:hover {
    text-decoration: none;
    opacity: .5
  }
}

@media(-ms-high-contrast:none), (-ms-high-contrast:active) {
  .car-nav__anchor:hover {
    border-color: #ff3362
  }

  .car-nav__anchor:hover:before {
    border-color: #ff3362
  }

  .car-slider__button:hover {
    opacity: .5
  }

  .car-slider-thumb__icon:hover {
    outline: 2px solid #f44187;
    outline-offset: -2px
  }

  .new-lineup-slider__slide-anchor:hover {
    position: relative
  }

  .new-lineup-slider__slide-anchor:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0
  }

  .new-lineup-slider__button-next:hover,
  .new-lineup-slider__button-prev:hover {
    opacity: .5
  }

  .cv-button__anchor:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
  }

  .anchor:hover {
    opacity: .5
  }

  .anchor.o-zoom:hover {
    opacity: 1;
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
  }

  .anchor.o-shine:hover {
    opacity: 1
  }

  .anchor.o-shine:hover:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -120%;
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    -webkit-animation: shine .75s;
    animation: shine .75s
  }

  .inline-anchor:hover {
    text-decoration: none;
    opacity: .5
  }
}

@media screen and (min-width:768px) and (max-width:979px) {
  .car-nav {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto
  }

  .car-nav__item {
    margin-bottom: 6px
  }

  .car-nav__item:not(:nth-of-type(-n+8)) {
    margin-top: 0
  }
}

@media screen and (max-width:1104px) and (min-width:980px) {
  .new-lineup__inner {
    max-width: 85.96491%
  }
}

@media screen and (max-width:979px) {
  .new-lineup__inner {
    max-width: 85.96491%;
    margin: 0 auto
  }
}

@media screen and (max-width:1099px) and (min-width:768px) {
  .testdriving-campaign__cars {
    width: 127.2727vw;
    bottom: -9.0909vw;
    left: calc(50% - 63.6364vw)
  }
}

@media(min-width:768px) and (max-width:1024px) {
  .pagetop {
    bottom: 14.64844%
  }
}