@charset "utf-8";
/*----------------------------------------------------------
　全体
-----------------------------------------------------------*/
html {
	width: 100%;
	height: 100%;
	font-family: "Noto Sans Japanese",メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%;/*10px相当*/
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	background: #fff;
	color: #333;
	text-align: center;
  position: relative;
}
@media only screen and ( max-width: 599px ) {
	body {
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.textC {
	text-align: center;
}
.textL {
	text-align: left;
}
.textR {
	text-align: right;
}
.text_fff {
	color: #fff;
}
.red {
	color: #c3002f;
}
.text_b {
  font-weight: 700;
}
a:link, a:visited {
	color: #005ECF;
	text-decoration: none;
}

a:hover {
	color: #005ECF;
	text-decoration: none;
}
/*イメージマップ用
IE対応：<area onFocus="this.blur();">
------------------------------------*/
area {
	border: none;
	outline: none;
}
/*******************************************************************
　ページ共通パーツ
*******************************************************************/

@media print, screen and (min-width:750px){
	.display_sp {display: none}
}
@media screen and (max-width:749px){
	.display_pc {display: none}
}
@media print, screen and (min-width:1501px){
	.display_1500 {display: none}
}
@media screen and (max-width:1500px){
	.display_1920 {display: none}
}


/*******************************************************************
　各セクション
*******************************************************************/
/*共通 ------------------------------*/
.contents {
	width: 100%;
	text-align: center;
	margin: 0 auto;
  position: relative;
}
.wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.container {
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
}
.box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
@media only screen and ( max-width: 599px ) {
	.container {
	}
}

/*----------------------------------------------------------
　ヘッダー 
-----------------------------------------------------------*/
/*header {
	width: 100%;
	margin: 0;
	padding: 0 0 10px;
	overflow: hidden;
  background: #fff;
}
.header_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 96%;
	max-width: 1080px;
	margin: 0 auto;
}
.header_logo{
	width: 15%;
	text-align: left;
}
.header_logo img {
	max-width: 100px;

}
.header_name {
	text-align: right;
}
.header_name img {
	max-width: 120px;
}
@media only screen and ( max-width: 599px ) {
	header {
		margin: 0 auto 0;
	  padding: 10px 0 10px;
  }
	.header_logo {
		width: 50%
	}
  .header_logo img {
    max-width: none;
  }
  .header_name {
  }
  .header_name img {
    width: 80%;
    }
}*/
/*----------------------------------------------------------
　ナビゲーション
-----------------------------------------------------------*/
#header {
  position: relative;
  background: #0076F8;
}
#header .logo {
  position: absolute;
  top: 12px;
  left: 0;
}
#header .lead {
  padding: 37px 20px 0 160px;
  float: left;
  font-size: 14px;
}
/*ログインボタン*/
#header .h_btn {
  width: 225px;
  background: url("../img/parts/ico_arr_y.png") no-repeat 98% 50% #c90028;
  border-radius: 10px;
  margin: 5px 10px 0 20px;
}
#header .h_btn a {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 2px 6px;
  /*border-right: 1px solid #d6405e;*/
  line-height: 1.5;
  text-align: left;
}
#header nav ul {
  /*padding-left: 152px;*/
}
@media only screen and (max-width: 749px) {
  #header {
    min-width: inherit;
  }
  #header .logo {
    top: 6px;
    left: 2.6%;
    width: 48.4%;
  }
  #header .lead {
    display: none;
  }
  #header .h_btn {
    display: none;
  }
}
/*販社ロゴ*/
.header_logo_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
.header_logo_pc img {
  max-width: 100px;
  margin: 0 auto;
}
.header_logo_sp {
  display: none;
}
.header_name img {
  margin-right: 10px;
}

@media only screen and (max-width: 749px) {
  .header_logo_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .header_logo_pc {
    display: none;
  }
  .header_logo_sp {
    display: block;
  }
  .header_logo_sp img {
    max-width: 200px;
    margin: 0 auto;
  }
  .header_name img {
    max-width: 100px;
    margin: 0 auto;
  }
}


nav {
  text-align: center;
  line-height: 0;
  font-family: "Noto Sans Japanese";
}

.nav_box {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.flex_spacer {
  flex: 1 1 0;
  min-width: 40px;
}
.li_nav {
  margin-bottom: -3px;
}
.nav_login {
}
@media only screen and (max-width: 749px) {
  nav {
    display: none;
  }
}
/*.nav_box a {
  display: inline-block;
}
img.currentPage {
  pointer-events: none; 
}*/

/* sp_navi
---------------------------------------------------*/
.sp_btn,
.drawr,
.sp_br{
  display: none;
}
.pc_br {
  display: inherit;
}
@media only screen and (max-width: 749px) {
  /* sp_navi */
  .sp_br {
    display: inherit;
  }
  .pc_br {
    display: none;
  }
  .sp_btn {
    background:url("../img/parts/menu_btn.png") no-repeat 0 0;
    background-size: 100%;
    display: block;
    width: 50.5px;
    height: 50px;
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
    z-index: 200;
  }
  .peke {
    background:url(../img/parts/sp_menu.png) no-repeat 0 0;
    background-size: 100%;
  }
  .drawr {
    display: none;
    background-color:rgba(0,0,0,0.7);
    position: absolute;
    top: 0px;
    right:0;
    width:100%;
    padding-top: 50px;
    z-index: 100;
  }
  #sp_menu li {
    background: url(../img/parts/ico_arr_r_sp.png) no-repeat 95% 50% #fff;
    background-size: 18px;
    border-bottom: 1px solid #ccc;
    text-align: left;
  }
  /*ホーム*/
  #sp_menu .sp_navi_home img {
    width: 19.8%;
  }
  /*EVラインアップ*/
  #sp_menu .sp_navi_lineup img {
    width: calc(330 / 750 * 100%);
  }
  /*よくある質問*/
  #sp_menu .sp_navi_faq img {
    width: 25.2%;
  }
  /*ログイン*/
  #sp_menu .sp_navi_login1 img {
    width: 25.2%;
  }
  #sp_menu .sp_navi_login2 img {
    width: 25.2%;
  }

 #sp_menu li a {
    display: block;
    padding: 12px 15px 10px;
  }
}
.sp_members {
  display: none;
}
@media only screen and (max-width: 749px) {
  .sp_members {
	  display: block;
    text-align: left;
	  background: url("../img/parts/ico_arr_b_sp.png") no-repeat 95% 50%;
	  background-size: 18px;
	}
  .sp_members.sp_navi_login1 {
    background-color: #FED300
  }
  .sp_members.sp_navi_login2 {
	  background-color: #E68412;
  }
  .sp_members img {
    width: 70.5%;
  }
	.sp_members a {
    display: block;
    padding: 12px 15px 10px;
  }
}

/*----------------------------------------------------------
　メインビジュアル
-----------------------------------------------------------*/
main {
 border-top: 2px solid #fff;
}
@media only screen and (max-width: 749px) {
  main {
   border-top: none;
  }
}
.mv_wrap {
  background: url("../img/bg_mv.png") center bottom no-repeat;
  background-size: cover;
}
.mv_container {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}

/*----------------------------------------------------------
　3つのポイント
-----------------------------------------------------------*/
.pointArea {
  background: #fff;
  overflow: hidden;
}
.point_title {
  margin: 0 auto;
}
.point_box {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 8%;
}

/*----------------------------------------------------------
　プランタブ
-----------------------------------------------------------*/
.tab_btn_box {
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  padding: 3%;
}

/*----------------------------------------------------------
　日産のEVラインアップ
-----------------------------------------------------------*/
.meritArea {

}
.merit_wrap {
  background: url("../img/bg_mv.png") center bottom no-repeat;
  background-size: cover;
  overflow: hidden;
}
.merit_box {
  background: rgba(255,255,255,0.8);
  border-top: 2px solid #0059B9;
  border-right: 2px solid #0059B9;
  border-left: 2px solid #0059B9;
  max-width: 1080px;
  margin: 8% auto 0;
}
.merit_box_bottom {
  background: rgba(255,255,255,0.8);
  border-bottom: 2px solid #0059B9;
  border-right: 2px solid #0059B9;
  border-left: 2px solid #0059B9;
  max-width: 1080px;
  margin: 0 auto 2%;
}

/*----------------------------------------------------------
　ラインアップ
-----------------------------------------------------------*/
.lineupArea {
  background: #fff;
  overflow: hidden;
}
.lineup_box {
  background: #fff;
  overflow: hidden;
  margin: 5% auto;
}
.lineup_title {
  margin: 0 auto 2%;
}
.btn_item {
  margin: 0 auto 3%;
}

/*----------------------------------------------------------
　リンクボタン
-----------------------------------------------------------*/
.linkArea {
  background: #fff;
  overflow: hidden;
}
.link_title {
  margin: 0 auto;
  text-align: left;
}
.link_box {
  width: 100%;
  margin: 0 auto 5%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.link_box > div {
  width: calc(100% / 3);
  margin: 0 auto;
}
.link_box img {
  display: block;
  padding: 3% 1% 0;
}

/*----------------------------------------------------------
　FAQ
-----------------------------------------------------------*/
.faqArea {
  position: relative;
  overflow: hidden;
}
.faqArea::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 640px;
  background-image: url('../img/bg_mv.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 0;
}
.faqArea > * {
  position: relative;
  z-index: 1;
}
.faq_box_wrap {
  width: 100%;
  margin: 8% auto;
  background: rgba(255,255,255,0.9);
  border: 2px solid #0059B9;
}

.accordion {
  width: 96%;
  margin: 0 auto 5%;
  text-align: left;
}
.inner {
  display: none;
}
.toggle {
  display: block;
  /*border: 1px solid #ccc;*/
  cursor: pointer;
  padding: 15px 25px 15px 70px;
  font-size: 23px;
  font-weight: bold;
  color: #666;
  border-radius: 6px;
  background: url("../img/faq/ico_q.png") no-repeat 1% 50% /*#fff*/;
  background-size: 48px;
  margin-top: 20px;
  position: relative;
}
.toggle:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}


.toggle.active {
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
  border-bottom: 1px dashed #ccc;
}
.inner {
  background: url("../img/faq/ico_a.png") no-repeat 1% 20px /*#fff*/;
  background-size: 48px;
  border-radius: 0 0 6px 6px;
  /*border: 1px solid #ccc;*/
  /*border-top: none;*/
  margin-left: max(4%,50px);
}
/*.inner {
  background: url(../img/parts/ico_a.png) no-repeat 3% 20px #fff;
  background-size: 48px;
  border-radius: 0 0 6px 6px;
  border: 1px solid #ccc;
  border-top: none;
  padding: 15px 30px 15px 85px;
  line-height: 1.8;
  font-size: 14px;
  min-height: 75px;
}
*/
.inner p {
  padding: 15px 30px 15px 70px;
  line-height: 1.5;
  font-size: 18px;
  min-height: 75px;
  color: #444;
}


.inner a {
  text-decoration: underline;
}
.inner a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 749px) {
  .accordion {
  }
  .toggle {
    display: block;
    /*border: 1px solid #ccc;*/
    cursor: pointer;
    padding: 20px 5% 20px 11%;
    font-size: 16px;
    background: url("../img/faq/ico_q.png") no-repeat 2% 50% /*#fff*/;
    background-size: 8%;
    margin-top: 10px;
  }
  .toggle:before {
    width: 10px;
    height: 10px;
  }
  .toggle br {
    display: none;
  }
  .inner {
    background: url("../img/faq/ico_a.png") no-repeat 2% 9px /*#fff*/;
    background-size: 8%;
    margin-left: max(4%,20px);
  }
  .inner p {
    padding: 9px 5% 9px 11%;
    line-height: 1.5;
    font-size: 14px;
  }
  /*.inner {
    background: url(../img/parts/ico_a.png) no-repeat 3% 9px #fff;
    background-size: 13.2%;
    padding: 9px 4% 9px 17%;
  }*/
}

/*----------------------------------------------------------
　シミュレーション
-----------------------------------------------------------*/
.simuArea {
  background: #E0F1F4;
  overflow: hidden;
}
.simuArea .container {
}
.simu_box {
  background: #fff;
  margin: 0 auto 5%;
  padding: 5% 0;
}
.simu_btn {
  width: 90%;
  margin: 3% auto 0;
}
.plan_menu {
  padding-bottom: 5%;
}

/*----------------------------------------------------------
　ページの先頭に戻る
-----------------------------------------------------------*/
#pageTop {
	position: fixed;
	/*bottom: 60px;*/
	bottom: 20px;
	right: 10px;
	display: block;
	z-index: 1001;
}
#pageTop a {
	display: block;
	width: 50px;
	height: 50px;
	padding: 5px 0;
	line-height: 1.2;
	border-radius: 50%;
	background: #d40039;
	text-align: center;
	color: #ffffff;
	transition: .3s;
	box-shadow: 0 0 6px 2px rgba(0,0,0,0.4);
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}
@media only screen and ( max-width: 749px ) {
	#pageTop {
	/*bottom: 70px;*/
		bottom: 20px;
		right: 1em;
	}
}

/* -----------------------------------------------------
　フッター
-----------------------------------------------------------*/
.footer_btn_wrap {
  background: #0059B9;
  overflow: hidden;
}
.footer_item {
  padding: 3% 0 2%;
  border-bottom: 2px solid #fff;
}

.footer_tel_box {
  display: flex;
  justify-content: center;
}
.footer_btn {
  padding: 3% 3% 5%;
  
}

@media only screen and ( max-width: 749px ) {
}



.footer_wrap {
	background: #FFF;
}
.copyright {
	text-align: center;
	padding: 1em 0 5%;
}

@media only screen and ( max-width: 749px ) {
}
/*非表示 ------------------------------*/