@charset "UTF-8";

@font-face {
	font-family: "Nissan Brand L";
	font-style: normal;
	src: url(fonts/NissanBrandW01-Light.eot);
	src: url(fonts/NissanBrandW01-Light.eot?#iefix) format("embedded-opentype"), url(fonts/NissanBrandW01-Light.woff) format("woff"), url(fonts/NissanBrandW01-Light.ttf) format("truetype")
}
@font-face {
	font-family:"Nissan Brand R";
	font-style: normal;
	src:url(fonts/NissanBrandW01-Regular.woff) format("woff"),
	url(fonts/NissanBrandW01-Regular.ttf) format("ttf");
}
@font-face {
	font-family: "Nissan Brand B";
	font-style: normal;
	src: url(fonts/NissanBrandW01-Bold.eot);
	src: url(fonts/NissanBrandW01-Bold.eot?#iefix) format("embedded-opentype"), url(fonts/NissanBrandW01-Bold.woff) format("woff"), url(fonts/NissanBrandW01-Bold.ttf) format("truetype");
}
.brand_L {
	font-family: "Nissan Brand L", sans-serif !important;
	font-style: normal;
	font-size: 115%;
}
.brand_R {
	font-family: "Nissan Brand R", sans-serif !important;
	font-style: normal;
	font-size: 115%;
}
.brand_B {
	font-family: "Nissan Brand B", sans-serif !important;
	font-style: normal;
	font-size: 118%;
}

.nbf-bold {
	font-weight: normal;
}

html {
	font-size: 100%
}

* {
	margin: 0;
	padding: 0
}

body {
	position: relative;
	font-size: 1.6rem;
	line-height: 1.6;
	color:#000;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	font-feature-settings: "palt";
/* scrollbar css */
	-ms-overflow-style: none;
	scrollbar-width: none;
}
@media screen and (max-width:768px) {
	body {
	}
}

/* scrollbar css */
body::-webkit-scrollbar {
	display:none;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}

a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: underline
}

a:active {
	text-decoration: underline
}

:focus {
	outline: 0
}

sup {
	vertical-align: super
}

em {
	font-style: normal;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top
}

li,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.en {
	font-size: 118%;
	line-height: 1;
}

.jp {
	font-size: 85%
}

.is-pc {
	display: block !important;
}
.is-pc-inline {
	display: inline !important;
}
.is-sp {
	display: none !important;
}
.is-sp-inline {
	display: none !important;
}
.tab_br {
	display: none;
}
.pc_br {
	display: block;
}
@media screen and (max-width:768px) {
	.is-pc {
		display: none !important;
	}
	.is-pc-inline {
		display: none !important;
	}
	.is-sp {
		display: block !important;
	}
	.is-sp-inline {
		display: inline !important;
	}
	.pc_br {
		display: none;
	}
}

*,
:after,
:before {
 box-sizing: border-box
}

pre {
 font-family: monospace, serif;
 font-weight: 400
}

@media (min-width:768px) {
 .-hidden-pc {
  display: none !important
 }
}

@media screen and (max-width:960px) {
	img {
		max-width: 100%;
		height: auto
	}
}

@media screen and (min-width:768px) and (max-width:960px){
	.tab_br {
		display: block;
	}
}

#gn_footer {
 background-color: #000;
 position: relative;
 z-index: 10
}

#gn_header {
 display: none
}

#gn_header img {
 width: auto
}

@media (max-width:1024px) {
 #gn_header {
  display: block
 }
}

.gn_header-container {
 background-color: #fff;
 position: relative;
 z-index: 100
}

.main-container {
 overflow: hidden
}

.headerpc,
.main img {
 width: 100%
}

.headerpc {
 height: 0;
 background-color: #fff;
 position: relative;
 z-index: 1000;
 transition: 1.4s cubic-bezier(.11, .85, .14, 1);
 transition-delay: 1s;
 opacity: 1;
 transform: translateZ(0);
 line-height: 0
}

.headerpc .wrapper {
 height: 1px
}

@media (max-width:599px) {
 .headerpc .wrapper {
  height: inherit
 }
}

@media (max-width:1024px) {
 .headerpc {
  display: none
 }
}

.headerpc img {
 width: 100%
}

.headerpc_logo {
 width: 70px;
 display: block;
 position: relative;
 z-index: 1;
 margin-left: 20px;
 padding-top: 20px
}

button {
 border: none;
 padding: 0;
 line-height: 0;
 outline: none;
 background-color: transparent
}

.clearfix:after {
 content: "";
 clear: both;
 display: table
}

.footerIn {
 background: #343434;
 padding: 8vw 5.33333vw
}

.footerIn .footerIn_list {
 display: flex
}

.footerIn .footerIn_list_item {
 width: 42vw
}

.footerIn .footerIn_list_item_btn {
 display: block;
 position: relative;
 padding: 3.46667vw;
 font-family: "Shin Go Medium", sans-serif;
 font-size: 3.2vw;
 font-weight: 500;
 letter-spacing: .4em;
 text-align: center;
 color: #fff;
 background: #000
}

.footerIn .icon_window_white {
 position: relative;
 right: 1.06667vw;
 width: 3.73333vw;
 height: 3.73333vw
}

#gn_footer .gn_element .grid-row.bleed {
 max-width: none !important
}


@media only screen and (min-width: 768px) {
 .footerIn {
  padding: 2.92826vw 7.32064vw 2.19619vw
 }

 .footerIn .footerIn_list_item {
  width: 26.79356vw
 }

 .footerIn .footerIn_list_item:not(:first-child) {
  margin-left: 2.48902vw
 }

 .footerIn .footerIn_list_item_btn {
  padding: 1.46413vw;
  font-size: 1.02489vw;
  transition: background .2s ease-out
 }

 .footerIn .footerIn_list_item_btn:hover {
  background: #444
 }

 .footerIn .icon_window_white {
  position: absolute;
  right: 2.19619vw;
  width: 1.02489vw;
  height: 1.02489vw
 }

}

@media only screen and (max-width: 767px) {

 .footerIn .footerIn_list {
  flex-flow: wrap
 }

 .footerIn .footerIn_list_item:nth-child(2) {
  margin-left: 5.33333vw
 }

 .footerIn .footerIn_list_item:last-child {
  margin-top: 5.33333vw;
  flex-grow: 1
 }

 .footerIn .footerIn_list_item_btn_txt {
  position: relative
 }

 .footerIn .icon_window_white {
  vertical-align: middle
 }

}
