@charset "utf-8";

@font-face {
  font-family:icon-Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(../COMMON/GN/FONTS/ICONS/Nissan-Global.eot);
  src:url(../COMMON/GN/FONTS/ICONS/Nissan-Global.eot?#iefix) format("embedded-opentype"),
  url(../COMMON/GN/FONTS/ICONS/Nissan-Global.woff) format("woff"),
  url(../COMMON/GN/FONTS/ICONS/Nissan-Global.ttf) format("truetype"),
  url(../COMMON/GN/FONTS/ICONS/Nissan-Global.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:normal;
  src:url(../COMMON/GN/FONTS/NissanBrandW01-Light.woff) format("woff"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Light.ttf) format("truetype"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Light.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:400;
  src:url(../COMMON/GN/FONTS/NissanBrandW01-Regular.woff) format("woff"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Regular.ttf) format("truetype"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Regular.svg#wp-icons) format("svg");
}
@font-face {
  font-family:Nissan-Global;
  font-style:normal;
  font-weight:bold;
  src:url(../COMMON/GN/FONTS/NissanBrandW01-Bold.woff) format("woff"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Bold.ttf) format("truetype"),
  url(../COMMON/GN/FONTS/NissanBrandW01-Bold.svg#wp-icons) format("svg");
}
@import url("../COMMON/WEBFONTS/ShinGoPro-Light/woff/ShinGoPro-Light.css");

@import url("../COMMON/WEBFONTS/ShinGoPro-Bold/woff/ShinGoPro-Bold.css");

@import url("../COMMON/WEBFONTS/ShinGoPro-Regular/woff/ShinGoPro-Regular.css");

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,option,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;line-height:1.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;zoom:1}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1rem}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-size:1rem;margin:0}em{font-style:normal}strong,b{font-weight:700}sub,sup{font-size:.5em;line-height:0;vertical-align:baseline;position:relative}sub{bottom:-.25em}sup{top:-.5em}br{*letter-spacing:0}input,select{vertical-align:middle}ol,ul{margin:0;padding:0}li{list-style:none}hr{color:inherit;height:auto;-moz-box-sizing:content-box;box-sizing:content-box}a{text-decoration:none}a:focus{outline:thin dotted}a:hover,a:active{outline:0}table{border-collapse:collapse;border-spacing:0}caption{padding:0;text-align:left}th,td{text-align:left;vertical-align:baseline;padding:0}img{border:0;vertical-align:bottom}svg:not(:root){overflow:hidden}i,em{font-style:normal}sup,sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative}.cfx:after{content:".";display:block;clear:both;height:0;visibility:hidden}.i{display:block;overflow:hidden;text-indent:110%;white-space:nowrap}.nowrap{white-space:nowrap}

body {
  font-family: Verdana,"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}


/* SP用 */
@media screen and (max-width:580px) {
br.pc {
  display: none;
}

/* main */
#main {
  width: 100vw;
}
}

/* Display用 */
@media screen and (min-width:581px) {
br.sp {
  display: none;
}

/* main */
#main {
  max-width: 1500px;
  margin: 0 auto;
}
}

/* Tablet用 */
@media screen and (min-width: 581px) and (max-width: 1279px) {
html {
  font-size: 0.7818608vw;
}
}

/* 2022.3.14 */
#bodyColor select {
  font-family: ShinGoPro-Regular,sans-serif !important;
  color: #000;
}
.h1{
  font-size: clamp(2.5rem, 3.75vw, 3rem);
  line-height: 1.5;
  letter-spacing: 0.04em;
}
.h2 {
  font-size: clamp(2rem, 3.125vw, 2.5rem);
  line-height: 1.65;
  letter-spacing: 0.08em;
}
.h3 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.title-01::before {
  content: "";
  display: block;
  width: 1.3em;
  height: 4px;
  background-color: #C3002F;
  margin-bottom: 2px;
}
.title-02 {
  position: relative;
  padding-left: 0.6em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  display: inline-block;
}
.title-02::before {
  content: "";
  display: block;
  height: 100%;
  width: 4px;
  background-color: #C3002F;
  position: absolute;
  left: 0;
  top: 0;
}
.feature-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-end; /* PCでもスマホでも常に右寄せ */
  gap: 5px; /* 文字と矢印の隙間 */
  margin-top: 1.5rem; /* 上のテキストとの余白 */
  font-size: 0.875rem; /* 14px相当 */
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid currentColor; /* テキストと同じ色で下線を引く */
  padding-bottom: 2px;
  transition: opacity 0.2s;
}
.feature-link:hover{
  opacity: 0.6;
}
.feature-link::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("../IMAGES/icon-link-arrow-16x16.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}
.feature-link.cta-red-s,
.feature-link.cta-red-m,
.feature-link.cta-red-l,
.feature-link.cta-black-s,
.feature-link.cta-black-m,
.feature-link.cta-black-l,
.feature-link.cta-black-line-s,
.feature-link.cta-black-line-m,
.feature-link.cta-black-line-l{
  border-radius: 5px;
  gap: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  width: auto;
  font-family: "ShinGoPro-Bold" !important;
  border-bottom: none;
}
.feature-link.cta-red-s,
.feature-link.cta-red-m,
.feature-link.cta-red-l{
  background: #C3002F;
  color: #ffffff;
  position: relative;
}
.feature-link.cta-red-s::before,
.feature-link.cta-red-m::before,
.feature-link.cta-red-l::before{
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  border: 1px solid #ffffff;
  border-radius: 3px;
  box-sizing: border-box;
}
.feature-link.cta-red-s::after,
.feature-link.cta-red-m::after,
.feature-link.cta-red-l::after,
.feature-link.cta-black-s::after,
.feature-link.cta-black-m::after,
.feature-link.cta-black-l::after{
  background-image: url("../IMAGES/icon-link-arrow-white-20x20.svg")!important;
  width: 20px;
  height: 20px;
}
.feature-link.cta-black-s,
.feature-link.cta-black-m,
.feature-link.cta-black-l{
  background: #000000;
  color: #ffffff;
}
.feature-link.cta-black-line-s,
.feature-link.cta-black-line-m,
.feature-link.cta-black-line-l{
  position: relative;
  border: 1px solid #000000;
}
.feature-link.cta-black-line-s::after, .feature-link.cta-black-line-m::after, .feature-link.cta-black-line-l::after {
  background-image: url("../IMAGES/icon-link-arrow-20x20.svg") !important;
  width: 20px;
  height: 20px;
}
.feature-link.cta-black-line-s::before,
.feature-link.cta-black-line-m::before,
.feature-link.cta-black-line-l::before{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  border: 1px solid #ffffff;
  border-radius: 3px;
}
.feature-link.cta-red-s,
.feature-link.cta-black-s,
.feature-link.cta-black-line-s{
  padding: 5px 20px 5px 26px;

}
.feature-link.cta-red-m,
.feature-link.cta-black-m,
.feature-link.cta-black-line-m{
  font-size: 1rem;
  line-height: 1.5;
  padding: 14px 31px 14px 34px;
}
.feature-link.cta-red-l,
.feature-link.cta-black-l,
.feature-link.cta-black-line-l{
  font-size: 1.125rem;
  line-height: 1.5;
  padding: 22px 31px 22px 34px;
}