/*
* top.css
*
*/
.kv {
  position: relative;
  z-index: 10;
  padding-bottom: calc(70 * var(--liq-scale));
  background-color: #fff;
}
.kv * {
  box-sizing: border-box;
}
.kv img {
  width: 100%;
}
.kv .kv-back {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  top: calc(16 * var(--liq-scale));
  left: calc(20 * var(--liq-scale));
  padding-left: calc(15 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid #000;
  width: calc(180 * var(--liq-scale));
  height: calc(30 * var(--liq-scale));
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  font-size: calc(12 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 750px) {
  .kv .kv-back {
    display: none;
    width: calc(300 * var(--liq-scale));
    height: calc(40 * var(--liq-scale));
    font-size: calc(18 * var(--liq-scale));
  }
}
.kv .kv-back::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(12 * var(--liq-scale));
  width: calc(5 * var(--liq-scale));
  height: calc(9 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #000;

  -webkit-mask-image: url("/car/evitara/arcampaign/img/icon-back.svg");

          mask-image: url("/car/evitara/arcampaign/img/icon-back.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .kv .kv-back::before {
    right: calc(20 * var(--liq-scale));
    width: calc(15 * var(--liq-scale));
  }
}
.kv .kv-back {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.kv .kv-back::before,
.kv .kv-back::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .kv .kv-back:hover,
  .kv .kv-back:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .kv .kv-back:hover::before,
  .kv .kv-back:hover::after,
  .kv .kv-back:focus::before,
  .kv .kv-back:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.kv .kv-slider-item {
  position: relative;
  right: calc(250 * var(--liq-scale));
  width: calc(500 * var(--liq-scale));
  height: calc(290 * var(--liq-scale));
  cursor: pointer;
}
@media (max-width: 750px) {
  .kv .kv-slider-item {
    right: calc(175 * var(--liq-scale));
    width: calc(350 * var(--liq-scale));
    height: calc(480 * var(--liq-scale));
  }
}
.kv .kv-slider-item img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 750px) {
  .kv .kv-slider-item img {
    max-height: calc(430 * var(--liq-scale));
  }
}
.kv .kv-slider-sub {
  display: grid;
  position: absolute;
  z-index: 1;
  width: calc(297 * var(--liq-scale));

  inset: calc(26 * var(--liq-scale)) calc(662 * var(--liq-scale)) auto 0;
  margin-inline: auto;
}
@media (max-width: 750px) {
  .kv .kv-slider-sub {
    top: calc(52 * var(--liq-scale));
    right: calc(350 * var(--liq-scale));
    width: calc(300 * var(--liq-scale));
  }
}
.kv .kv-slider-sub-item {
  cursor: pointer;
}
.kv .kv-slider-controls {
  display: grid;
  position: absolute;
  top: calc(340 * var(--liq-scale));
  left: calc(-79 * var(--liq-scale));
  width: calc(50 * var(--liq-scale));

  margin-block: auto;
  gap: calc(5 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-slider-controls {
    display: flex;
    top: calc(522 * var(--liq-scale));
    right: calc(-346 * var(--liq-scale));
    left: auto;
    width: -moz-fit-content;
    width: fit-content;

    gap: calc(12 * var(--liq-scale));
  }
}
.kv .kv-slider-number {
  display: flex;
  justify-content: center;
  margin-bottom: calc(8 * var(--liq-scale));
  font-size: calc(17 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-slider-number {
    align-items: center;
    margin-right: calc(16 * var(--liq-scale));
    margin-bottom: 0;
    font-size: calc(30 * var(--liq-scale));

    gap: calc(6 * var(--liq-scale));
  }
}
.kv .kv-slider-button {
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .kv .kv-slider-button:hover,
  .kv .kv-slider-button:focus {
    opacity: 0.75;
  }
}
@media (max-width: 750px) {
  .kv .kv-slider-button {
    flex-shrink: 0;
    width: calc(70 * var(--liq-scale));
    height: calc(70 * var(--liq-scale));
  }
}
.kv .kv-slider-button._toggle {
  display: grid;
  transition: opacity 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.kv .kv-slider-button._toggle > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50 * var(--liq-scale));
  height: calc(50 * var(--liq-scale));

  grid-area: 1/1;
}
@media (max-width: 750px) {
  .kv .kv-slider-button._toggle > span {
    width: calc(70 * var(--liq-scale));
    height: calc(70 * var(--liq-scale));
  }
}
.kv .kv-slider-button._toggle > span[hidden] {
  opacity: 0;
}
.kv .kv-slider-button._toggle > span img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.kv .kv-slider-device {
  position: relative;
  z-index: 2;
  pointer-events: none;

  grid-area: 1/1;
}
.kv .kv-slider-clone {
  overflow: hidden;
  overflow: hidden;
  position: relative;
  z-index: 1;
  top: calc(-6 * var(--liq-scale));
  margin: auto;
  border-radius: calc(24 * var(--liq-scale));
  width: calc(245 * var(--liq-scale));
  height: calc(520 * var(--liq-scale));

  grid-area: 1/1;
}
@media (max-width: 750px) {
  .kv .kv-slider-clone {
    top: calc(-6 * var(--liq-scale));
    width: calc(247 * var(--liq-scale));
    height: calc(528 * var(--liq-scale));
  }
}
.kv .kv-slider-clone * {
  height: 100%;
}
.kv .kv-slider-clone img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.kv .kv-inner {
  position: relative;
  max-width: calc(1440 * var(--liq-scale));

  margin-inline: auto;
}
.kv .kv-textarea {
  margin-left: auto;
  padding-top: calc(75 * var(--liq-scale));
  width: calc(873 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-textarea {
    padding-top: calc(174 * var(--liq-scale));
    width: 100%;

    padding-inline: calc(64 * var(--liq-scale));
  }
}
.kv .kv-logo {
  display: block;
  width: calc(314 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-logo {
    width: calc(380 * var(--liq-scale));
  }
}
.kv .kv-copy {
  display: block;
  margin-top: calc(20 * var(--liq-scale));
  width: calc(516 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-copy {
    width: calc(624 * var(--liq-scale));
  }
}
.kv .kv-text {
  margin-top: calc(25 * var(--liq-scale));
  font-size: calc(16 * var(--liq-scale));
  line-height: 1.64;
}
@media (max-width: 750px) {
  .kv .kv-text {
    margin-top: calc(30 * var(--liq-scale));
    font-size: calc(24 * var(--liq-scale));
  }
}
.kv .kv-text img[src*=icon-x] {
  display: inline-block;
  position: relative;
  top: calc(-2 * var(--liq-scale));
  margin-right: calc(9 * var(--liq-scale));
  width: calc(23 * var(--liq-scale));
}
@media (max-width: 750px) {
  .kv .kv-text img[src*=icon-x] {
    top: calc(-1 * var(--liq-scale));
    width: calc(34 * var(--liq-scale));

    margin-inline: calc(6 * var(--liq-scale));
  }
}
.kv .kv-ar {
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .kv .kv-ar:hover,
  .kv .kv-ar:focus {
    opacity: 0.75;
  }
}
.kv .kv-ar {
  position: absolute;
  z-index: 1;
  width: calc(286 * var(--liq-scale));

  margin-inline: auto;
  inset: calc(-152 * var(--liq-scale)) calc(-750 * var(--liq-scale)) auto 0;
}
@media (max-width: 750px) {
  .kv .kv-ar {
    top: calc(-140 * var(--liq-scale));
    right: calc(-348 * var(--liq-scale));
    width: calc(300 * var(--liq-scale));
  }
}
.kv .kv-ar::before {
  content: "";
  position: absolute;
  bottom: calc(15 * var(--liq-scale));
  left: 50%;
  width: calc(10 * var(--liq-scale));
  height: calc(11 * var(--liq-scale));
  transform: translateX(-50%) rotate(90deg);
  background-color: #0098d8;

  -webkit-mask-image: url("/car/evitara/arcampaign/img/icon-arrow-blue.svg");

          mask-image: url("/car/evitara/arcampaign/img/icon-arrow-blue.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 750px) {
  .kv .kv-ar::before {
    bottom: calc(15 * var(--liq-scale));
    width: calc(10 * var(--liq-scale));
    height: calc(10 * var(--liq-scale));
  }
}

.ar {
  position: relative;
  z-index: 8;

  padding-block: calc(127 * var(--liq-scale)) calc(160 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar {
    overflow: hidden;

    padding-block: calc(168 * var(--liq-scale)) calc(130 * var(--liq-scale));
  }
}
.ar * {
  box-sizing: border-box;
}
.ar .ar-slider {
  margin-top: calc(26 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-slider {
    margin-top: calc(52 * var(--liq-scale));
  }
}
.ar .ar-slider-main {
  overflow: hidden;
}
.ar .ar-slider-item {
  width: calc(633 * var(--liq-scale));
  height: calc(300 * var(--liq-scale));
  cursor: pointer;
}
@media (max-width: 750px) {
  .ar .ar-slider-item {
    width: calc(633 * var(--liq-scale));
    height: calc(305 * var(--liq-scale));
  }
}
.ar .ar-slider-item img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ar .ar-slider-track {
  display: flex;
}
.ar .ar-slider-track > * {
  flex-shrink: 0;
}
.ar .ar-slider-sub {
  display: grid;
  position: relative;
  position: relative;
  z-index: 1;
  left: calc(2 * var(--liq-scale));
  margin-top: calc(-160 * var(--liq-scale));
  width: calc(467 * var(--liq-scale));

  margin-inline: auto;
}
@media (max-width: 750px) {
  .ar .ar-slider-sub {
    left: calc(-4 * var(--liq-scale));
    margin-top: calc(-80 * var(--liq-scale));
    width: calc(570 * var(--liq-scale));
  }
}
.ar .ar-slider-sub::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: calc(411 * var(--liq-scale));
  height: calc(177 * var(--liq-scale));
  transform: translate(-50%, -50%);
  background-image: url(/car/evitara/arcampaign/img/ar-frame.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
@media (max-width: 750px) {
  .ar .ar-slider-sub::before {
    width: calc(500 * var(--liq-scale));
    height: calc(215 * var(--liq-scale));
  }
}
.ar .ar-slider-sub-item {
  cursor: pointer;
}
.ar .ar-slider-controls {
  display: flex;
  justify-content: space-between;
  position: absolute;
  height: calc(40 * var(--liq-scale));

  grid-area: 1/1;
  inset: auto calc(-57 * var(--liq-scale)) calc(53 * var(--liq-scale));
  margin-block: auto;
}
@media (max-width: 750px) {
  .ar .ar-slider-controls {
    bottom: calc(21 * var(--liq-scale));
    height: calc(80 * var(--liq-scale));

    inset-inline: calc(-102 * var(--liq-scale));
    padding-inline: calc(24 * var(--liq-scale));
  }
}
.ar .ar-slider-button {
  position: relative;
  padding: calc(12 * var(--liq-scale));
  height: 100%;
  background-color: #b3b3b3;

  aspect-ratio: 1/1;
}
@media (max-width: 750px) {
  .ar .ar-slider-button {
    padding: calc(26 * var(--liq-scale));
    width: calc(30 * var(--liq-scale));
    height: calc(30 * var(--liq-scale));
  }
}
.ar .ar-slider-button._prev {
  transform: rotate(180deg);
}
.ar .ar-slider-button img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(13 * var(--liq-scale));
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  .ar .ar-slider-button img {
    width: calc(27 * var(--liq-scale));
  }
}
.ar .ar-slider-button {
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .ar .ar-slider-button:hover,
  .ar .ar-slider-button:focus {
    opacity: 0.75;
  }
}
.ar .ar-slider-device {
  position: relative;
  z-index: 2;
  pointer-events: none;

  grid-area: 1/1;
}
.ar .ar-slider-clone {
  overflow: hidden;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: auto;
  width: calc(466 * var(--liq-scale));
  height: calc(221.5 * var(--liq-scale));

  grid-area: 1/1;
  -webkit-mask-image: url(/car/evitara/arcampaign/img/ar-device-mask.png);
          mask-image: url(/car/evitara/arcampaign/img/ar-device-mask.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .ar .ar-slider-clone {
    position: relative;
    top: calc(-4 * var(--liq-scale));
    width: calc(558 * var(--liq-scale));
    height: calc(286 * var(--liq-scale));
  }
}
.ar .ar-slider-clone * {
  height: 100%;
}
.ar .ar-slider-clone img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}
.ar .ar-slider-ar {
  position: relative;
  position: relative;
  z-index: 1;
  top: calc(12 * var(--liq-scale));
  margin: auto;
  width: calc(275 * var(--liq-scale));
  pointer-events: none;

  grid-area: 1/1;
}
@media (max-width: 750px) {
  .ar .ar-slider-ar {
    top: calc(10 * var(--liq-scale));
    width: calc(334 * var(--liq-scale));
  }
}
.ar .ar-experience {
  display: grid;

  margin-inline: auto;
}
@media (max-width: 750px) {
  .ar .ar-experience {
    width: calc(600 * var(--liq-scale));
  }
}
.ar .ar-heading {
  text-align: center;
  font-size: calc(24 * var(--liq-scale));
  font-weight: 600;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .ar .ar-heading {
    font-size: calc(32 * var(--liq-scale));
    line-height: 1.37;
  }
}
.ar .ar-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: calc(13 * var(--liq-scale));
  margin-right: calc(10 * var(--liq-scale));
  padding: calc(26 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid #0098d8;
  width: -moz-fit-content;
  width: fit-content;
  min-width: calc(640 * var(--liq-scale));
  background-color: #0098d8;
  letter-spacing: 0.04em;
  color: var(--color-white);
  font-size: calc(26 * var(--liq-scale));
  line-height: 1;

  margin-inline: auto;
  gap: calc(12 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-link {
    justify-content: center;
    margin-top: calc(25 * var(--liq-scale));
    margin-right: 0;
    padding: calc(30 * var(--liq-scale));
    width: 100%;
    min-width: initial;
    font-size: calc(34 * var(--liq-scale));

    gap: calc(12 * var(--liq-scale));
  }
}
.ar .ar-link:has(.ar-link-wrap) {
  padding: calc(16 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-link:has(.ar-link-wrap) {
    padding: calc(22 * var(--liq-scale));
  }
}
.ar .ar-link:not(:has(.ar-link-wrap))::before {
  content: "";
  flex-shrink: 0;
  position: relative;
  top: calc(2 * var(--liq-scale));
  width: calc(26 * var(--liq-scale));
  height: calc(30 * var(--liq-scale));
  background-color: #000;

  -webkit-mask-image: url(/car/evitara/arcampaign/img/icon-ar.svg);

          mask-image: url(/car/evitara/arcampaign/img/icon-ar.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .ar .ar-link:not(:has(.ar-link-wrap))::before {
    position: relative;
    top: calc(1 * var(--liq-scale));
    width: calc(36 * var(--liq-scale));
    height: calc(40 * var(--liq-scale));
  }
}
.ar .ar-link::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  right: calc(30 * var(--liq-scale));
  width: calc(20 * var(--liq-scale));
  height: calc(18 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #fff;

  -webkit-mask-image: url(/car/evitara/arcampaign/img/icon-arrow.svg);

          mask-image: url(/car/evitara/arcampaign/img/icon-arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .ar .ar-link::after {
    right: calc(30 * var(--liq-scale));
    width: calc(19 * var(--liq-scale));
    height: calc(17 * var(--liq-scale));
  }
}
.ar .ar-link {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ar .ar-link::before,
.ar .ar-link::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .ar .ar-link:hover,
  .ar .ar-link:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .ar .ar-link:hover::before,
  .ar .ar-link:hover::after,
  .ar .ar-link:focus::before,
  .ar .ar-link:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.ar .ar-link-wrap {
  font-size: calc(32 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-link-wrap {
    font-size: calc(47 * var(--liq-scale));
  }
}
.ar .ar-link-wrap::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  position: relative;
  top: calc(5 * var(--liq-scale));
  margin-right: calc(10 * var(--liq-scale));
  width: calc(26 * var(--liq-scale));
  height: calc(30 * var(--liq-scale));
  background-color: #000;

  -webkit-mask-image: url(/car/evitara/arcampaign/img/icon-ar.svg);

          mask-image: url(/car/evitara/arcampaign/img/icon-ar.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .ar .ar-link-wrap::before {
    position: relative;
    top: calc(8 * var(--liq-scale));
    width: calc(42 * var(--liq-scale));
    height: calc(45 * var(--liq-scale));
  }
}
.ar .ar-link-wrap small {
  display: block;
  margin-top: calc(6 * var(--liq-scale));
  text-align: center;
  font-size: calc(12 * var(--liq-scale));
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 750px) {
  .ar .ar-link-wrap small {
    font-size: calc(18 * var(--liq-scale));
  }
}
.ar .ar-info {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.ar .ar-browser {
  margin-top: calc(16 * var(--liq-scale));
  text-align: center;
  font-size: calc(14 * var(--liq-scale));
  font-weight: 400;
}
@media (max-width: 750px) {
  .ar .ar-browser {
    margin-top: calc(52 * var(--liq-scale));
    font-size: calc(24 * var(--liq-scale));
  }
}
.ar .ar-caption {
  margin-top: calc(10 * var(--liq-scale));
  padding-left: 1em;
  text-align: center;
  text-indent: -1em;
  color: #808080;
  font-size: calc(12 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-caption {
    margin-top: calc(12 * var(--liq-scale));
    font-size: calc(20 * var(--liq-scale));
  }
}
.ar .ar-caption + .ar-caption {
  margin-top: 0;
}
.ar .ar-box {
  display: grid;
  margin-top: calc(54 * var(--liq-scale));
  padding: calc(30 * var(--liq-scale)) calc(85 * var(--liq-scale)) 0 calc(110 * var(--liq-scale));
  border-radius: calc(6 * var(--liq-scale));
  max-width: calc(1000 * var(--liq-scale));
  background-color: #f2f2f2;

  margin-inline: auto;
  grid-template-columns: 1fr calc(421 * var(--liq-scale));
  grid-template-rows: auto 1fr;
  gap: calc(10 * var(--liq-scale));
}
@media (max-width: 750px) {
  .ar .ar-box {
    margin-top: calc(76 * var(--liq-scale));
    padding: calc(12 * var(--liq-scale)) calc(60 * var(--liq-scale)) 0;
    max-width: calc(630 * var(--liq-scale));

    gap: calc(18 * var(--liq-scale));
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
}
.ar .ar-box-title {
  position: relative;
  margin-top: calc(10 * var(--liq-scale));
  padding: calc(4 * var(--liq-scale)) calc(30 * var(--liq-scale));
  width: -moz-fit-content;
  width: fit-content;
  font-size: calc(25 * var(--liq-scale));
  font-weight: 400;
  line-height: 1;
  line-height: 1.6;

  grid-area: 1/1/2/2;
}
@media (max-width: 750px) {
  .ar .ar-box-title {
    margin-top: calc(30 * var(--liq-scale));
    padding: calc(18 * var(--liq-scale)) calc(10 * var(--liq-scale));
    width: 100%;
    text-align: center;
    font-size: calc(30 * var(--liq-scale));
  }
}
.ar .ar-box-title::before,
.ar .ar-box-title::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(8 * var(--liq-scale));
  height: 100%;
  transform: translateY(-50%);

  border-block: calc(1 * var(--liq-scale)) solid #000;
  border-inline-start: calc(1 * var(--liq-scale)) solid #000;
}
.ar .ar-box-title::after {
  right: 0;
  left: initial;
  transform: translateY(-50%) rotate(180deg);
}
.ar .ar-box-text {
  font-size: calc(16 * var(--liq-scale));
  line-height: 160%;

  grid-area: 2/1/3/2;
}
@media (max-width: 750px) {
  .ar .ar-box-text {
    text-align: center;
    font-size: calc(26 * var(--liq-scale));
    line-height: 1.5;

    grid-area: 2/1/3/2;
  }
}
.ar .ar-box-img {
  grid-area: 1/2/3/3;
}
@media (max-width: 750px) {
  .ar .ar-box-img {
    grid-area: 3/1/4/2;
  }
}

.reward {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.reward .reward-header {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .reward .reward-header {
    flex-direction: column;

    gap: calc(36 * var(--liq-scale));
  }
}
.reward .reward-inner {
  position: relative;
  z-index: 1;
  width: calc(1000 * var(--liq-scale));

  padding-block: calc(80 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 750px) {
  .reward .reward-inner {
    width: calc(640 * var(--liq-scale));

    padding-block: calc(65 * var(--liq-scale));
  }
}
.reward .reward-date {
  margin-bottom: calc(-5 * var(--liq-scale));
  width: calc(726 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-date {
    margin-bottom: 0;
    width: 100%;
  }
}
@media (max-width: 750px) {
  .reward .reward-content {
    overflow: visible;
  }
}
.reward .reward-content .swiper-wrapper {
  display: grid;
  position: relative;
  margin-top: calc(20 * var(--liq-scale));

  grid-template-columns: 1fr 1fr;
  gap: calc(10 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-content .swiper-wrapper {
    display: flex;
  }
}
.reward .reward-content-inner {
  padding: calc(40 * var(--liq-scale)) calc(45 * var(--liq-scale));
  background-color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 750px) {
  .reward .reward-content-inner {
    padding: calc(52 * var(--liq-scale));
    width: calc(600 * var(--liq-scale));
    height: auto;

    gap: calc(30 * var(--liq-scale));
  }
}
.reward .reward-cp {
  display: flex;
  align-items: center;
  margin-top: calc(36 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-cp {
    flex-direction: column;
    margin-top: calc(36 * var(--liq-scale));
    text-align: center;
  }
}
.reward .reward-cp-text {
  margin-right: calc(45 * var(--liq-scale));
  font-size: calc(14 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-cp-text {
    font-size: calc(20 * var(--liq-scale));
  }
}
.reward .reward-heading {
  display: flex;
  align-items: center;

  gap: calc(14 * var(--liq-scale));
}
.reward .reward-heading-type {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: calc(3 * var(--liq-scale));
  height: calc(33 * var(--liq-scale));
  font-size: calc(30 * var(--liq-scale));

  padding-inline: calc(28 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-heading-type {
    height: calc(44 * var(--liq-scale));
    font-size: calc(40 * var(--liq-scale));

    padding-inline: calc(36 * var(--liq-scale));
  }
}
.reward .reward-heading-type::before,
.reward .reward-heading-type::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(8 * var(--liq-scale));
  height: 100%;
  transform: translateY(-50%);
  background-color: #000;

  -webkit-mask-image: url("/car/evitara/arcampaign/img/reward-heading-wrap.svg");

          mask-image: url("/car/evitara/arcampaign/img/reward-heading-wrap.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.reward .reward-heading-type::after {
  right: 0;
  left: initial;
  transform: translateY(-50%) rotate(180deg);
}
.reward .reward-heading-type span {
  font-size: calc(36 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-heading-type span {
    font-size: calc(48 * var(--liq-scale));
  }
}
.reward .reward-heading-text {
  margin-left: calc(24 * var(--liq-scale));
  letter-spacing: -0.05em;
  font-size: calc(30 * var(--liq-scale));
  line-height: 1.4;
}
@media (max-width: 750px) {
  .reward .reward-heading-text {
    margin-top: calc(10 * var(--liq-scale));
    margin-left: 0;
    text-align: center;
    letter-spacing: initial;
    font-size: calc(34 * var(--liq-scale));
  }
}
.reward .reward-heading-many {
  position: relative;
  font-size: calc(20 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-heading-many {
    font-size: calc(30 * var(--liq-scale));
  }
}
.reward .reward-heading-many small {
  font-size: calc(26 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-heading-many small {
    font-size: calc(34 * var(--liq-scale));
  }
}
.reward .reward-heading-many-sub {
  position: absolute;
  top: calc(-16 * var(--liq-scale));
  right: 0;
  font-size: calc(16 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-heading-many-sub {
    top: calc(-20 * var(--liq-scale));
    font-size: calc(22 * var(--liq-scale));
  }
}
.reward .reward-present {
  margin-top: calc(11 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present {
    margin-top: calc(20 * var(--liq-scale));
  }
}
.reward .reward-present-name {
  display: flex;
  flex-flow: column;
  position: relative;
  padding-left: calc(27 * var(--liq-scale));
  letter-spacing: 0.009em;
  font-size: calc(30 * var(--liq-scale));
  line-height: 1;
}
@media (max-width: 750px) {
  .reward .reward-present-name {
    padding-left: calc(33 * var(--liq-scale));
    font-size: calc(40 * var(--liq-scale));
  }
}
.reward .reward-present-name::before {
  content: "";
  position: absolute;
  top: calc(10 * var(--liq-scale));
  left: 0;
  width: calc(17 * var(--liq-scale));
  height: calc(17 * var(--liq-scale));
  background-image: url("/car/evitara/arcampaign/img/icon-gift.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 750px) {
  .reward .reward-present-name::before {
    width: calc(22 * var(--liq-scale));
    height: calc(22 * var(--liq-scale));
  }
}
.reward .reward-present-name span {
  display: block;
  margin-top: calc(6 * var(--liq-scale));
  text-align: right;
  font-size: calc(12 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-name span {
    font-size: calc(20 * var(--liq-scale));
  }
}
.reward .reward-present-about {
  display: grid;
  align-items: center;
  margin-top: calc(3 * var(--liq-scale));

  grid-template-columns: 1fr auto;
  gap: calc(15 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-about {
    margin-top: calc(8 * var(--liq-scale));

    gap: calc(14 * var(--liq-scale));
  }
}
.reward .reward-present-about.--b {
  margin-top: calc(15 * var(--liq-scale));
}
.reward .reward-present-about-line {
  display: block;
  width: 100%;
  height: calc(1 * var(--liq-scale));
  background-color: #000;
}
.reward .reward-present-about-text {
  white-space: nowrap;
  line-height: 1.2;
}
.reward .reward-present-about-text.--a {
  font-size: calc(16 * var(--liq-scale));
  font-weight: bold;
}
@media (max-width: 750px) {
  .reward .reward-present-about-text.--a {
    font-size: calc(23 * var(--liq-scale));
  }
}
.reward .reward-present-about-text.--a .size01 {
  font-size: calc(30 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-about-text.--a .size01 {
    font-size: calc(43 * var(--liq-scale));
  }
}
.reward .reward-present-about-text.--a .size02 {
  margin-right: calc(4 * var(--liq-scale));
  margin-left: calc(2 * var(--liq-scale));
  font-size: calc(24 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-about-text.--a .size02 {
    margin-right: calc(6 * var(--liq-scale));
    font-size: calc(34 * var(--liq-scale));
  }
}
.reward .reward-present-about-text.--b {
  font-size: calc(32 * var(--liq-scale));
  font-weight: bold;
}
@media (max-width: 750px) {
  .reward .reward-present-about-text.--b {
    font-size: calc(42 * var(--liq-scale));
  }
}
.reward .reward-present-about-text.--b span {
  margin: 0;
  font-size: calc(24 * var(--liq-scale));
}
.reward .reward-present-img {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 750px) {
  .reward .reward-present-img {
    margin: 0 auto;
    width: 100%;
  }
}
.reward .reward-present-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: calc(1 * var(--liq-scale)) solid #0098d8;
  border: calc(1 * var(--liq-scale)) solid #0098d8;
  width: 100%;
  height: calc(46 * var(--liq-scale));
  background: #0098d8;
  color: #fff;
  font-size: calc(16 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-link {
    height: calc(80 * var(--liq-scale));
    font-size: calc(22 * var(--liq-scale));
  }
}
.reward .reward-present-link:visited {
  color: #fff;
}
.reward .reward-present-link[target=_blank]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(15 * var(--liq-scale));
  margin-left: calc(18 * var(--liq-scale));
  width: calc(14 * var(--liq-scale));
  height: calc(14 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #fff;

  -webkit-mask-image: url("/car/evitara/arcampaign/img/icon-target.svg");

          mask-image: url("/car/evitara/arcampaign/img/icon-target.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (max-width: 750px) {
  .reward .reward-present-link[target=_blank]::after {
    margin-left: calc(20 * var(--liq-scale));
  }
}
.reward .reward-present-link {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.reward .reward-present-link::before,
.reward .reward-present-link::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .reward .reward-present-link:hover,
  .reward .reward-present-link:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .reward .reward-present-link:hover::before,
  .reward .reward-present-link:hover::after,
  .reward .reward-present-link:focus::before,
  .reward .reward-present-link:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.reward .reward-present-link.--gray {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
}
.reward .reward-present-link.--gray::before,
.reward .reward-present-link.--gray::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(18 * var(--liq-scale));
  border-radius: 50%;
  width: calc(12 * var(--liq-scale));
  height: calc(1 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #fff;
}
@media (max-width: 750px) {
  .reward .reward-present-link.--gray::before,
  .reward .reward-present-link.--gray::after {
    right: calc(20 * var(--liq-scale));
    width: calc(15 * var(--liq-scale));
  }
}
.reward .reward-present-link.--gray::after {
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateY(-50%) rotate(90deg);
}
.reward .reward-present-link.--gray {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.reward .reward-present-link.--gray::before,
.reward .reward-present-link.--gray::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .reward .reward-present-link.--gray:hover,
  .reward .reward-present-link.--gray:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .reward .reward-present-link.--gray:hover::before,
  .reward .reward-present-link.--gray:hover::after,
  .reward .reward-present-link.--gray:focus::before,
  .reward .reward-present-link.--gray:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.reward .reward-present-link.--gray[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}
.reward .reward-present-list li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: calc(18 * var(--liq-scale));
  line-height: 1.66;
}
@media (max-width: 750px) {
  .reward .reward-present-list li {
    font-size: calc(24 * var(--liq-scale));
    line-height: 1.9;
  }
}
.reward .reward-present-detail {
  margin-top: calc(10 * var(--liq-scale));
}
.reward .reward-present-detail-wrap {
  display: grid;

  grid-template-columns: calc(132 * var(--liq-scale)) auto;
  gap: calc(16 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-present-detail-wrap {
    margin-top: calc(23 * var(--liq-scale));
    margin-bottom: calc(40 * var(--liq-scale));

    grid-template-columns: calc(144 * var(--liq-scale)) auto;
    gap: calc(30 * var(--liq-scale));
  }
}
.reward .reward-present-detail-links {
  display: grid;

  gap: calc(4 * var(--liq-scale));
}
.reward .reward-present-detail-text {
  margin-top: calc(11 * var(--liq-scale));
  font-size: calc(15 * var(--liq-scale));
  line-height: 1.6;
}
@media (max-width: 750px) {
  .reward .reward-present-detail-text {
    font-size: calc(20 * var(--liq-scale));
  }
}
.reward .reward-text {
  margin-top: calc(20 * var(--liq-scale));
  font-size: calc(15 * var(--liq-scale));
  line-height: 1.6;
}
@media (max-width: 750px) {
  .reward .reward-text {
    margin-top: calc(20 * var(--liq-scale));
    font-size: calc(26 * var(--liq-scale));
    line-height: 1.5;
  }
}
.reward .reward-text span {
  display: block;
  margin-top: calc(8 * var(--liq-scale));
  color: #4d4d4d;
  font-size: calc(12 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-text span {
    font-size: calc(20 * var(--liq-scale));
  }
}
.reward .reward-current {
  display: none;
  margin: 0 auto;
  margin-top: calc(32 * var(--liq-scale));
  border-radius: calc(50 * var(--liq-scale));
  background: #fff;
}
@media (max-width: 750px) {
  .reward .reward-current {
    display: flex;
    align-items: center;
    flex-flow: row;
    justify-content: center;
    padding: calc(7 * var(--liq-scale)) calc(22 * var(--liq-scale));
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
}
.reward .reward-current .swiper-pagination {
  display: flex;
  position: static;
  width: -moz-fit-content;
  width: fit-content;

  gap: calc(15 * var(--liq-scale));
}
.reward .reward-current .swiper-pagination-bullet {
  opacity: 1;
  margin: 0 !important;
  border-radius: 50%;
  width: calc(12 * var(--liq-scale));
  height: calc(12 * var(--liq-scale));
  transition: background-color 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  background-color: #ccc !important;
}
@media (max-width: 750px) {
  .reward .reward-current .swiper-pagination-bullet {
    width: calc(30 * var(--liq-scale));
    height: calc(30 * var(--liq-scale));
  }
}
.reward .reward-current .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0098d8 !important;
}
.reward .reward-current-text {
  width: calc(198 * var(--liq-scale));
  text-align: center;
  letter-spacing: 0.114em;
  font-size: calc(20 * var(--liq-scale));
}
.reward .reward-notice {
  margin-top: calc(10 * var(--liq-scale));
  text-align: center;
  font-size: calc(15 * var(--liq-scale));
}
@media (max-width: 750px) {
  .reward .reward-notice {
    margin-top: calc(20 * var(--liq-scale));
    font-size: calc(26 * var(--liq-scale));
  }
}

.howto {
  position: relative;
  z-index: 7;
}
.howto .howto-inner {
  position: relative;
  z-index: 1;
  width: calc(1000 * var(--liq-scale));

  padding-block: calc(80 * var(--liq-scale)) calc(80 * var(--liq-scale));
  margin-inline: auto;
}
@media (max-width: 750px) {
  .howto .howto-inner {
    width: calc(640 * var(--liq-scale));
    height: auto;

    padding-block: calc(65 * var(--liq-scale)) calc(65 * var(--liq-scale));
  }
}
.howto .howto-list {
  display: grid;
  margin-top: calc(20 * var(--liq-scale));

  gap: calc(8 * var(--liq-scale));
}
@media (max-width: 750px) {
  .howto .howto-list {
    margin-top: calc(40 * var(--liq-scale));
  }
}
.howto .howto-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: calc(13 * var(--liq-scale)) calc(20 * var(--liq-scale)) calc(13 * var(--liq-scale)) 0;
  background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 750px) {
  .howto .howto-item {
    align-items: center;
    padding: calc(22 * var(--liq-scale)) calc(60 * var(--liq-scale));
    min-height: calc(200 * var(--liq-scale));

    gap: calc(48 * var(--liq-scale));
  }
}
.howto .howto-item[href] {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.howto .howto-item[href]::before,
.howto .howto-item[href]::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .howto .howto-item[href]:hover,
  .howto .howto-item[href]:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .howto .howto-item[href]:hover::before,
  .howto .howto-item[href]:hover::after,
  .howto .howto-item[href]:focus::before,
  .howto .howto-item[href]:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.howto .howto-item[href]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(30 * var(--liq-scale));
  width: calc(30 * var(--liq-scale));
  height: calc(30 * var(--liq-scale));
  transform: translateY(-50%);
  background-image: url("/car/evitara/arcampaign/img/icon-item-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 750px) {
  .howto .howto-item[href]::after {
    right: calc(35 * var(--liq-scale));
    width: calc(46 * var(--liq-scale));
    height: calc(46 * var(--liq-scale));
  }
}
.howto .howto-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: calc(260 * var(--liq-scale));

  gap: calc(70 * var(--liq-scale));
}
@media (max-width: 750px) {
  .howto .howto-item-header {
    min-width: initial;
  }
}
.howto .howto-item-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: calc(1 * var(--liq-scale)) solid #dcdcdc;
  width: calc(130 * var(--liq-scale));
  height: calc(60 * var(--liq-scale));
  font-size: calc(20 * var(--liq-scale));
}
@media (max-width: 750px) {
  .howto .howto-item-heading {
    position: absolute;
    top: calc(15 * var(--liq-scale));
    left: calc(20 * var(--liq-scale));
    border-right: initial;
    width: initial;
    height: initial;
    font-size: calc(24 * var(--liq-scale));
  }
}
.howto .howto-item-img {
  position: relative;
  width: calc(56 * var(--liq-scale));
}
.howto .howto-item-img.--type04 {
  left: calc(3 * var(--liq-scale));
  width: calc(52 * var(--liq-scale));
}
@media (max-width: 750px) {
  .howto .howto-item-img.--type04 {
    left: calc(6 * var(--liq-scale));
    width: calc(80 * var(--liq-scale));
  }
}
@media (max-width: 750px) {
  .howto .howto-item-img {
    width: calc(86 * var(--liq-scale));
  }
}
.howto .howto-item-text {
  margin-left: calc(56 * var(--liq-scale));
  font-size: calc(17 * var(--liq-scale));
  line-height: 1.6;
}
@media (max-width: 750px) {
  .howto .howto-item-text {
    margin-top: 0;
    margin-left: 0;
    font-size: calc(24 * var(--liq-scale));
    line-height: 1.6;
  }
}
.howto .howto-item-text a {
  text-decoration: underline;
  color: #0098d8;
}
.howto .howto-item-text a:visited {
  color: #0098d8;
}
.howto .howto-item-text a {
  transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .howto .howto-item-text a:hover,
  .howto .howto-item-text a:focus {
    opacity: 0.8;
    color: #0098d8;
  }
}
.howto .howto-item-text img {
  margin-right: calc(4 * var(--liq-scale));
  margin-bottom: calc(4 * var(--liq-scale));
  vertical-align: middle;
}
.howto .howto-item-text span {
  display: inline-block;
}
.howto .howto-item-text .howto-item-text-notice {
  padding-left: calc(18 * var(--liq-scale));
  color: #4d4d4d;
  font-size: calc(12 * var(--liq-scale));
  line-height: 1.6;
}
@media (max-width: 750px) {
  .howto .howto-item-text .howto-item-text-notice {
    margin-top: calc(16 * var(--liq-scale));
    padding-left: 0;
    font-size: calc(20 * var(--liq-scale));
  }
}
.howto .howto-terms-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(30 * var(--liq-scale));
  padding-left: calc(15 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid #000;
  width: calc(300 * var(--liq-scale));
  height: calc(40 * var(--liq-scale));
  background-color: transparent;
  color: #000;
  font-size: calc(14 * var(--liq-scale));
  line-height: 1;

  margin-inline: auto;
}
@media (max-width: 750px) {
  .howto .howto-terms-btn {
    margin-top: calc(20 * var(--liq-scale));
    width: calc(434 * var(--liq-scale));
    height: calc(52 * var(--liq-scale));
    font-size: calc(20 * var(--liq-scale));
  }
}
.howto .howto-terms-btn::before,
.howto .howto-terms-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(12 * var(--liq-scale));
  border-radius: 50%;
  width: calc(12 * var(--liq-scale));
  height: calc(1 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #000;
}
@media (max-width: 750px) {
  .howto .howto-terms-btn::before,
  .howto .howto-terms-btn::after {
    right: calc(20 * var(--liq-scale));
    width: calc(15 * var(--liq-scale));
  }
}
.howto .howto-terms-btn::after {
  transition: transform 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateY(-50%) rotate(90deg);
}
.howto .howto-terms-btn {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.howto .howto-terms-btn::before,
.howto .howto-terms-btn::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .howto .howto-terms-btn:hover,
  .howto .howto-terms-btn:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .howto .howto-terms-btn:hover::before,
  .howto .howto-terms-btn:hover::after,
  .howto .howto-terms-btn:focus::before,
  .howto .howto-terms-btn:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}
.howto .howto-terms-btn[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}
.howto .howto-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: calc(25 * var(--liq-scale));
  border: calc(1 * var(--liq-scale)) solid #0098d8;
  width: -moz-fit-content;
  width: fit-content;
  min-width: calc(400 * var(--liq-scale));
  background-color: #0098d8;
  letter-spacing: 0.04em;
  color: var(--color-white);
  font-size: calc(20 * var(--liq-scale));
  line-height: 1;

  margin-inline: auto;
  gap: calc(12 * var(--liq-scale));
  margin-block: calc(130 * var(--liq-scale));
}
@media (max-width: 750px) {
  .howto .howto-link {
    justify-content: center;
    padding: calc(30 * var(--liq-scale));
    width: calc(540 * var(--liq-scale));
    min-width: initial;
    font-size: calc(26 * var(--liq-scale));

    margin-block: calc(100 * var(--liq-scale));
    gap: calc(12 * var(--liq-scale));
  }
}
.howto .howto-link::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  right: calc(20 * var(--liq-scale));
  width: calc(20 * var(--liq-scale));
  height: calc(18 * var(--liq-scale));
  transform: translateY(-50%);
  background-color: #fff;

  -webkit-mask-image: url(/car/evitara/arcampaign/img/icon-arrow.svg);

          mask-image: url(/car/evitara/arcampaign/img/icon-arrow.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (max-width: 750px) {
  .howto .howto-link::after {
    right: calc(30 * var(--liq-scale));
    width: calc(19 * var(--liq-scale));
    height: calc(17 * var(--liq-scale));
  }
}
.howto .howto-link {
  transition: color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.howto .howto-link::before,
.howto .howto-link::after {
  transition: background-color 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media (min-width: 750px) {
  .howto .howto-link:hover,
  .howto .howto-link:focus {
    transition: color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    color: #0098d8;
  }
  .howto .howto-link:hover::before,
  .howto .howto-link:hover::after,
  .howto .howto-link:focus::before,
  .howto .howto-link:focus::after {
    transition: background-color 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #0098d8;
  }
}

.visual {
  position: relative;
  z-index: 8;
}
.visual .visual-bg {
  width: 100%;
  height: 100%;
}
.visual .visual-bg img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
  aspect-ratio: 1440/800;
}
@media (max-width: 750px) {
  .visual .visual-bg img {
    aspect-ratio: 750/650;
  }
}
.visual .visual-logo {
  position: absolute;
  z-index: 1;
  bottom: calc(108 * var(--liq-scale));
  left: 50%;
  width: calc(455 * var(--liq-scale));
  transform: translateX(-50%);
}
@media (max-width: 750px) {
  .visual .visual-logo {
    bottom: calc(130 * var(--liq-scale));
    width: calc(510 * var(--liq-scale));
  }
}

/* --------------------------------
  top
-------------------------------- */
body,
html {
  scroll-behavior: initial;
}

footer {
  background-color: #fff;
}

.catalog-menu-evitara--footer {
  display: none;
}

.e-vitara-cp {
  display: block;
  position: relative;
  z-index: 0;
  padding: 0;
  padding-top: var(--global-header-height);
  background-color: initial;
  font-family: var(--font-family-default);

  --global-header-height: calc(137 * var(--liq-scale));
}
@media (max-width: 750px) {
  .e-vitara-cp {
    --global-header-height: calc(212 * var(--liq-scale));
  }
}
.e-vitara-cp .js-fade,
.e-vitara-cp .js-fade {
  opacity: 0;
}
.e-vitara-cp img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.e-vitara-cp a {
  text-decoration: none;
}
.e-vitara-cp a[href^="tel:"]:hover {
  color: var(--color-black);
}
@media (min-width: 750px) {
  .e-vitara-cp a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}
.e-vitara-cp p {
  text-align: left;
  color: var(--color-black);
}
.e-vitara-cp .catalog-menu-evitara {
  font-family: var(--font-family-body);
}

.section-bg {
  position: relative;
  z-index: 7;
}
.section-bg .section-bg-img {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-bg .section-bg-img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}