@charset "utf-8";
/* CSS Document */


/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
  margin: 0;
  padding: 0;
}
address,
em
{
  font-style: normal;
}
strong,
th
{
  font-weight: normal;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th
{
  text-align: left;
}
hr,
legend
{
  clear: both;
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
  font-size: 100%;
  font-weight: normal;
}
img,
fieldset
{
  border: 0;
}
img
{
  border:0;
  vertical-align:top;
  max-width:100%;
  height:auto;
  image-rendering: -webkit-optimize-contrast;
}

li
{
  list-style-type: none;
}
input[type="submit"],button,label,select{
  cursor:pointer;
}

hr{
  clear: both;
}


/* Fonts
------------------------------------------------------------*/
body{
  -webkit-text-size-adjust: 100%;
  word-wrap : break-word;
  overflow-wrap : break-word; 
}
body,input,button,textarea,select
{
  font: 14px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
  color: #333;
}
html>/**/body
{
  font-size: 14px;
} /* Except IE */
.clear
{
  clear: both;
}


/* link
------------------------------------------------------------*/
a,a:hover{
  color:#2980b9;
  text-decoration:none;
}
a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


/* clearfix
------------------------------------------------------------*/
.clearfix::after
{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.clearfix
{
  display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix
{
  height:1%;
}
.clearfix
{
  display:block;
}
/* end MacIE5 */
.clearfix + *
{
  clear: both;
}


/* 余白調整
------------------------------------------------------------*/
.mgn
{
  padding-top:4%;
}


/* 
------------------------------------------------------------*/
body{
  margin: 0;
  padding: 0;
}
html{
  /* scroll-behavior: smooth; */
}
div#main{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
div#main>h3{
  /* width: 90%; */
  /* max-width: 750px; */
  /* padding: 2% 5%; */
}
div#main>h3>a{
  display: block;
}
div#main>div{
  /* width: 90%; */
  /* max-width: 915px; */
  /* padding: 0 5% 5%; */
}
div#main img,
div#nissanbg img{
  display: block;
  width: 100%;
  height: auto;
}
img#nissanbg{
  display: block;
  margin-bottom: -35%;
}
#cont02box{
  background: url("../img-20230420/02.jpg");
  background-size: cover;
  padding: 150px 0 2%;
  width: 100%;
}
a#nissanbtn{
  display: block;
  width: 60%;
  margin: 0 auto;
}
.pLR20{
  padding-left: 20px;
  padding-right: 20px;
}
.pUD20{
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
div#main,
div#nissanbg{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}
.pLR20{
  padding-left: 2%!important;
  padding-right: 2%!important;
}
.pUD20{
  padding-top: 2%!important;
  padding-bottom: 2%!important;
}
}


/* .fixed
------------------------------------------------------------*/
div#main {
  /* 23.8% + 余白 */
  /* padding-bottom: 25%; */
}
a.fixed {
  margin-bottom: 1.2%;
  margin-left: 24.6875%;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 100;
  display: block;
  width: 23.8%;
  max-width: 233px;
}
a.fixed>img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 980px){
  div#main {
    /* padding-bottom: 245px;*/
  }
  a.fixed{
    margin-bottom: 12px;
    margin-left: 242px;
  }
}


/* topnav
------------------------------------------------------------*/
ul.topnav{
  width: 100%;
  max-width: 980px;
  font-size: 0;
}
ul.topnav>li{
  width: 50%;
  max-width: 490px;
  display:inline-block;
}


/* subnav
------------------------------------------------------------*/
ul.subnav{
  width: 100%;
  max-width: 980px;
  font-size: 0;
}
ul.subnav>li{
  width: 25%;
  display:inline-block;
}

ul.subnav2{
  width: 100%;
  font-size: 0;
  margin: 0 20px;
}
ul.subnav2>li{
  width: 45%;
  display:inline-block;
  padding: 10px;
}

ul.subnav3{
  width: 100%;
  font-size: 0;
}
ul.subnav3>li{
  /* width: 25%; */
  display:inline-block;
}
ul.subnav3>li:nth-child(1) { width: 33.316326530%; }/* 653 / 1960 * 100% */
ul.subnav3>li:nth-child(2) { width: 33.316326530%; }/* 653 / 1960 * 100% */
ul.subnav3>li:nth-child(3) { width: 33.367346938%; }/* 654 / 1960 * 100% */

ul.subnav5{
  width: 100%;
  font-size: 0;
}
ul.subnav5>li{
  width: 20%;
  display:inline-block;
}

ul.subnav-eigyo{
  width: 100%;
  font-size: 0;
  background-color: #fffcdb;
}
ul.subnav-eigyo>li{
  width: 50%;
  display:inline-block;
}


/* calendar-btn
------------------------------------------------------------*/
ul.calendar-btn{
  padding-top: 2%;
  padding-bottom: 2%;
  width: 100%;
  max-width: 980px;
  font-size: 0;
  display: flex;
  background-color: #fffcdb;
  justify-content: center;
}
ul.calendar-btn li{
  width: 50%;
  flex: 1;
}
ul.calendar-btn li a{
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 93%;
}
ul.calendar-btn li a img{
  display: block;
  width: 100%;
}


/* article#next_subnav4
------------------------------------------------------------*/
article#next_subnav4{
  background: url("../img-20230420/next02_01.jpg");
  background-size: cover;
  width: 94%;
  padding: 20% 3% 0;
}
article#next_subnav4>p{
  width: 95%;
  display: block;
  margin:0 auto;
}
article#next_subnav4>ul{
  width: 100%;
  font-size: 0;
  display: block;
  margin:0 auto;
  padding: 2% 0;
}
article#next_subnav4>ul>li{
  width: 46%;
  display:inline-block;
  padding: 2%;
}


/* article.main02
------------------------------------------------------------*/
article.main02{
  position: relative;
}
article.main02 a{
  margin-top: 88%;
  display: block;
  position: absolute;
  top:  50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 84%;
}
article.main02 a img{
  display: block;
  width: 100%;
}


/* ページ内リンク先のアンカー（20210819 追加 ueyama）
------------------------------------------------------------*/
.anchor
{
  position: absolute;
  top:  0;
  left: 0;
  width:  100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.anchor > div
{
  position: absolute;
  top:  50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
  transform:         translate(-50%, -50%);
  width: 100%;
  height: 1px;
}
#limited-1 .anchor > div#anchor-1 { margin-top: -206%; }/* オーラ */
#limited-1 .anchor > div#anchor-2 { margin-top:  -80%; }/* ノート */
#limited-1 .anchor > div#anchor-3 { margin-top:   56%; }/* セレナ */
#limited-2 .anchor > div#anchor-4 { margin-top: -262%; }/* デイズ */
#limited-2 .anchor > div#anchor-5 { margin-top: -139%; }/* ルークス */
#limited-2 .anchor > div#anchor-6 { margin-top:   -6%; }/* エクストレイル */
#limited-2 .anchor > div#anchor-7 { margin-top:  128%; }/* セレナ */


/* 間のボタン
------------------------------------------------------------*/
.whilebtn
{
  padding-top: 4%;
  padding-bottom: 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.whilebtn a
{
  margin-left: 1%;
  margin-right: 1%;
  width: 40%;
  display: block;
}
.whilebtn a img
{
  display: block;
  width: 100%;
}



/* 追従化
------------------------------------------------------------*/
#header-cmn-anchor
{
  width: 100%;
  height: auto;
}

body.is-header-fix ul.subnav
{
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform:     translateX(-50%);
      transform:     translateX(-50%);
  z-index: 101;
  background-color: #fff;
}


/* 支援キャンペーン topic （1206記述）
------------------------------------------------------------*/
.topic_03
{
  position: relative;
}
.topic_03 .btn
{
  position: absolute;
  top: 77%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-49%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
  width: 100%;
}
.topic_03 .btn a img
{
  display: block;
  width: 100%;
}
.topic_03 .btn
{
  width: 90%;
}
.topic_03 .btn a:nth-child(n+2)
{
  margin-left: 3.75%;
}
.topic_03 .btn a:nth-child(n+2)
{
  margin-left: 0.1%;
  
}

/* 支援キャンペーン topic （1206記述）
------------------------------------------------------------*/
.support_03
{
  position: relative;
}
.support_03 .btn
{
  position: absolute;
  top: 18.9%;
  left: 25%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform:     translate(-50%, -50%);
      transform:     translate(-49%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:  justify;
      -ms-flex-pack: justify;
  justify-content:   space-between;
  width: 100%;
}
.support_03 .btn a img
{
  display: block;
  width: 100%;
}
.support_03 .btn
{
  width: 14%;
}
.topic_03 .btn a:nth-child(n+2)
{
  margin-left: 3.75%;
}
.support_03 .btn a:nth-child(n+2)
{
  margin-left: 0.1%;
  
}