@charset "utf-8";

/***
* reset
**************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
body {
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: auto;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  font-weight: normal;
  font-size: 100%;
}
#root,
#__next {
  isolation: isolate;
}
li {
  list-style-type: none;
}

/***
* root
**************************************/
:root {
  --windowW: 375;
  --winW: calc(100vw / var(--windowW));

  /* color */
  --color-base: #fff;
  --color-btn: #000;
  --color-points-shadow-inner: #FFF;
  --color-links: #EEEEEE;
}
@media screen and (min-width: 769px) {
  :root {
    --windowW: 1280;
    --winW: calc(100vw / var(--windowW));
  }
}
 @media screen and (min-width: 1280px) {
  :root {
    --winW: 1px;
  }
}

/***
* html
**************************************/
/**html::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
  background: var(--color-base-01);
}:**/

/***
* body
**************************************/
body::-webkit-scrollbar {
  display: none;
}

body {
  margin: 0;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
}

/***
* common
**************************************/
a {
  text-decoration: none;
  color: var(--color-link);
}

.is-sp {
  display: block;
}
.is-pc {
  display: none;
}

@media only screen and (min-width: 769px) {
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

/***
* header
**************************************/
header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  height: calc(var(--winW) * 60);
}
header img {
  filter: brightness(0) invert(0);
}
header .logo_pc {
  display: none;
  width: calc(var(--winW) * 92);
}
header .logo_sp {
  display: block;
  width: calc(var(--winW) * 120);
  margin-left: calc(var(--winW) * 20);
  margin-top: calc(var(--winW) * 24);
}
.headerLogoArea {
  display: inline-block;
  vertical-align: bottom;
}
.is-sp {
  display: block;
}
.is-pc {
  display: none;
}
@media only screen and (min-width: 769px) {
  header {
    height: 120px;
  }
  .headerLogoArea {
    margin-left: calc(var(--winW) * 30);
    margin-top: calc(var(--winW) * 30);
  }
  header .logo_pc {
    display: block;
  }
  header .logo_sp {
    display: none;
  }
  .is-sp {
    display: none;
  }
  .is-pc {
    display: block;
  }
}

/***
* footer
**************************************/
#gn_footer .gn_element .grid-row.bleed {
  max-width: none !important;
}
#gn_footer .gn_element .grid-row.bleed {
  max-width: none !important;
}
#gn_footer {
  position: relative;
  z-index: 999;
}

@font-face {
  font-family: 'icon';
  src:  url('/CONNECT/MEMBER/shared/fonts/icon.eot?rm6l2i');
  src:  url('/CONNECT/MEMBER/shared/fonts/icon.eot?rm6l2i#iefix') format('embedded-opentype'),
    url('/CONNECT/MEMBER/shared/fonts/icon.ttf?rm6l2i') format('truetype'),
    url('/CONNECT/MEMBER/shared/fonts/icon.woff?rm6l2i') format('woff'),
    url('/CONNECT/MEMBER/shared/fonts/icon.svg?rm6l2i#icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: icon-Nissan-Global, 'Verdana', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'MS PGothic', 'sans-serif' !important;
  color:#c3002f;
}

.icon-find-a-dealer:after {
  content: "\e67f";
}
.icon-test-drive:after {
  content: "\e641";
}
.icon-fuel_type_ev:after {
  content: "\e96a";
}
.icon-nissan_fleet:after {
  content: "\e936";
}
.icon-nissan_fleet:after {
  content: "\e936";
}
.icon-onboarding_to_ownership:after {
  content: "\e92b";
}
.icon-live-chat:after {
  content: "\e665";
}
.icon-calculator:after {
  content: "\e68f";
}
.icon-work_location:after {
  content: "\e947";
}
.icon-car_location:after {
  content: "\e94f";
}
.icon-offers:after {
  content: "\e668";
}
.icon-battery_service:after {
  content: "\e930";
}
.icon-tyre:after {
  content: "\e67b";
}

.icon-version-grade:after {
  content: "\e915";
}

.icon-assisted_steering:after {
  content: "\e952";
}

.icon-list:after {
  content: "\e663";
}
.icon-service_log:after {
  content: "\e956";
}
.icon-book-a-service:after {
  content: "\e606";
}
.icon-test-drive:after {
  content: "\e641";
}
.icon-inventory-results:after {
  content: "\e691";
}
.icon-info:after {
  content: "\e61f";
}
.icon-commerce:after {
  content: "\e929";
}

.icon {
  font-size: calc(var(--winW) * 20);
  margin-right: calc(var(--winW) * 8);
  color: #000;
}
@media screen and (min-width: 768px) {
  .icon {
    font-size: calc(var(--winW) * 24);
  }
}



.svg_icon {
  width: calc(var(--winW) * 32);
  height: calc(var(--winW) * 32);
  left: calc(var(--winW) * -5);
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
}
.icon-drivers-profiles {
  background-image: url("../IMAGES/icon-drivers-profiles.svg");
}
.icon-wifi {
  background-image: url("../IMAGES/icon-wifi.svg");
}
.icon-service-at-home {
  background-image: url("../IMAGES/icon-service-at-home.svg");
}
.icon-payment {
  background-image: url("../IMAGES/icon-payment.svg");
}
.icon-dealer-view {
  background-image: url("../IMAGES/icon-dealer-view.svg");
}
.icon-dealer-sales-staff {
  background-image: url("../IMAGES/icon-dealer-sales-staff.svg");
}
.icon-remote-door-control {
  background-image: url("../IMAGES/icon-remote-door-control.svg");
}
.icon-thinking {
  background-image: url("../IMAGES/icon-thinking.svg");
}
.icon-police {
  background-image: url("../IMAGES/icon-police.svg");
}
.icon-apple-carplay {
  background-image: url("../IMAGES/icon-apple-carplay.svg");
}
.icon-info2-filled {
  background-image: url("../IMAGES/icon-info2-filled.svg");
}
.icon-kauzo {
  background-image: url("../IMAGES/kauzo.svg");
}
.icon-denki {
  background-image: url("../IMAGES/denki.svg");
}
@media screen and (min-width: 768px) {
  .svg_icon {
    width: calc(var(--winW) * 36);
    height: calc(var(--winW) * 36);
  }
}