@charset "utf-8";

/*　base
-------------------------------------------------*/
nav.breadcrumb-list{display: none!important;}

#nac{margin-top:60px;}
@media only screen and (max-width: 768px) {
    #nac{margin-top:60px;}
}

#nac ol, 
#nac ul, 
#nac li  {
	list-style: none;
	padding:0;
	margin:0;
    line-height: 1.5;
}
@media only screen and (max-width: 768px) {
    #nac ol, #nac ul, #nac li{font-size:14px;}
}  

#nac .image{
    margin-left:auto;
    margin-right: auto;
}

#nac .image p{margin:10px 0 0 0!important;}

@media screen and (max-width: 768px) {
    #nac .image{
        width:100%;
    }
}

#nac .image img{
    width: 100%;
    height: auto;
}

#nac figure{margin-left:auto;margin-right:auto;}

#nac a{text-decoration: underline;}
#nac a:hover{color:#d7000f;}

/* dotUL */
#nac ul.dotUL {
  padding: 0 0 0 1.75em;
  margin: 0;
  position: relative;
  font-weight: normal;
  text-align: left;
}
#nac ul.dotUL li {
  line-height: 1.5;
  padding: 0 0 0.5em 0;
  list-style-type: none !important;
  position: relative;
}
@media screen and (max-width: 768px) {
 #nac ul.dotUL li {
    left: 0;
    padding: 0 0 0.5em 0;
  }
}
#nac ul.dotUL li:before {
  content: "●";
  position: absolute;
  left: -1.5em;
  color:inherit;
  top: 0;
  z-index: 1;
}

/* dotUL2 */
#nac ul.dotUL2 {
  padding: 0 0 0 1.75em;
  margin: 0;
  position: relative;
  font-weight: normal;
  text-align: left;
}
#nac ul.dotUL2 li {
  line-height: 1.5;
  padding: 0 0 0.25em 0;
  list-style-type: none !important;
  position: relative;
}
@media screen and (max-width: 768px) {
 #nac ul.dotUL2 li {
     left: 0;
     padding: 0 0 0.25em 0;
  }
}
#nac ul.dotUL2 li:before {
  content: "・";
  position: absolute;
  left: -1.5em;
  color:inherit;
  top: 0;
}

/* dotUL3 */
#nac ul.dotUL3 {
  padding: 0 0 0 1.75em;
  margin: 0;
  position: relative;
  font-weight: normal;
  text-align: left;
}
#nac ul.dotUL3 li {
  line-height: 1.5;
  padding: 0 0 0.25em 0;
  list-style-type: none !important;
  position: relative;
}
@media screen and (max-width: 768px) {
 #nac ul.dotUL3 li {
     left: 0;
     padding: 0 0 0.25em 0;
  }
}
#nac ul.dotUL3 li:before {
  content: "◎";
  position: absolute;
  left: -1.5em;
  color:inherit;
  top: 0;
}

#nac .note {
    font-size:14px!important;
    text-indent: -1em;
    padding-left: 1em;
  }
@media screen and (max-width: 768px) {
    #nac .note {
        font-size:0.95em!important;
  }
}


@media screen and (min-width: 769px) {
    .pctop0{padding-top:0!important;margin-top:0!important;}
    .pctop05{margin-top:5px!important;}
    .pctop10{margin-top:10px!important;}
    .pctop15{margin-top:15px!important;}
    .pctop20{margin-top:20px!important;}
    .pctop25{margin-top:25px!important;}
    .pctop30{margin-top:30px!important;}
    .pctop40{margin-top:40px!important;}
    .pctop50{margin-top:50px!important;}
    .pctop50{margin-top:60px!important;}
    .pctop70{margin-top:70px!important;}
    .pctop80{margin-top:80px!important;}
    .pctop90{margin-top:90px!important;}
    .pctop100{margin-top:100px!important;}
    .pcunder0{padding-bottom:0!important;margin-bottom:0!important;}
    .pcunder10{margin-bottom:10px!important;}
    .pcunder20{margin-bottom:20px!important;}
    .pcunder30{margin-bottom:30px!important;}
    .pcunder40{margin-bottom:40px!important;}
    .pcunder50{margin-bottom:50px!important;}
    .pcunder60{margin-bottom:60px!important;}
    .pcunder70{margin-bottom:70px!important;}
    .pcunder80{margin-bottom:80px!important;}
    .pcunder90{margin-bottom:90px!important;}
    .pcunder100{margin-bottom:100px!important;}
    .pc100{max-width: 100%;}
    .pc95{max-width: 95%;}
    .pc90{max-width: 90%;}
    .pc85{max-width: 85%;}
    .pc80{max-width: 80%;}
    .pc75{max-width: 75%;}
    .pc70{max-width: 70%;}
    .pc65{max-width: 65%;}
    .pc60{max-width: 60%;}
    .pc55{max-width: 55%;}
    .pc50{max-width: 50%;}
    .pc45{max-width: 45%;}
    .pc40{max-width: 40%;}
    .pc35{max-width: 35%;}
    .pc30{max-width: 30%;}
    .pc25{max-width: 25%;}
    .pc20{max-width: 20%;}
    .pc15{max-width: 15%;}
    .pc10{max-width: 10%;}
    .pc05{max-width: 5%;}
}
@media screen and (max-width: 768px) {
    .sptop0{padding-top:0!important;margin-top:0!important;}
    .sptop05{margin-top:5px!important;}
    .sptop10{margin-top:10px!important;}
    .sptop20{margin-top:20px!important;}
    .sptop30{margin-top:30px!important;}
    .sptop40{margin-top:40px!important;}
    .sptop50{margin-top:50px!important;}
    .sptop60{margin-top:60px!important;}
    .sptop70{margin-top:70px!important;}
    .sptop80{margin-top:80px!important;}
    .sptop90{margin-top:90px!important;}
    .spunder0{padding-bottom:0!important;margin-bottom:0!important;}
    .spunder10{margin-bottom:10px!important;}
    .spunder20{margin-bottom:20px!important;}
    .spunder30{margin-bottom:30px!important;}
    .spunder40{margin-bottom:40px!important;}
    .spunder50{margin-bottom:50px!important;}
    .spunder60{margin-bottom:60px!important;}
    .spunder70{margin-bottom:70px!important;}
    .spunder80{margin-bottom:80px!important;}
    .spunder90{margin-bottom:90px!important;}
    .sp95{max-width: 95%;}
    .sp90{max-width: 90%;}
    .sp85{max-width: 85%;}
    .sp80{max-width: 80%;}
    .sp75{max-width: 75%;}
    .sp70{max-width: 70%;}
    .sp65{max-width: 65%;}
    .sp60{max-width: 60%;}
    .sp55{max-width: 55%;}
    .sp50{max-width: 50%;}
    .sp45{max-width: 45%;}
    .sp40{max-width: 40%;}
    .sp35{max-width: 35%;}
    .sp30{max-width: 30%;}
    .sp25{max-width: 25%;}
    .sp20{max-width: 20%;}
    .sp15{max-width: 15%;}
    .sp10{max-width: 10%;}
    .sp05{max-width: 5%;}
}

.under0{padding-bottom:0!important;margin-bottom:0!important;}
.top0{padding-top:0!important;margin-top:0!important;}

/* flexbox */
@media screen and (min-width: 769px) {
#nac .block-flex{display: flex;flex-wrap: wrap;justify-content:space-between;}
#nac .block-flex.align-items-center{align-items: center;}
#nac .block-flex.align-items-end{align-items: flex-end;}
#nac .block-flex.row-reverse{flex-direction: row-reverse;}
}

@media screen and (max-width: 768px) {
#nac .block-flex_sp{display: flex;flex-wrap: wrap;justify-content:space-between;}
#nac .block-flex_sp.row-reverse{flex-direction: row-reverse;}
}

#nac .bold{font-weight: 600;}
#nac .underline{text-decoration: underline;}
#nac .taC{text-align: center;}
#nac .taR{text-align: right;}
#nac .taL{text-align: left;}
#nac .red{color:#d7000f;}
#nac .color04{color:#ed6d34;}


/* PC・SP表示切替 */
#nac .pconly{display: block;}
#nac .sponly{display: none;}
@media only screen and (max-width: 768px) {
	#nac .pconly{display: none!important;}
    #nac .sponly{display: block!important;}
    #nac .taCsp{text-align: center;}
} 

@media screen and (min-width: 769px) {
    #nac .taCpc{text-align: center;}
    #nac .taRpc{text-align: right;}
} 


/* scroll_area */
@media screen and (max-width: 768px){
#nac .scroll_area{
  margin: 0 auto;
  padding: 0;
  width: 95%; 
  overflow-x: auto; 
  white-space: nowrap;
  overflow-scrolling: touch; 
  -webkit-overflow-scrolling: touch; 
}
#nac .scroll_area .scroll_item{
    min-width: 768px; 
    padding-bottom:10px;
}
}

/*---------------
base 
---------------*/
#nac p{line-height: 1.5;margin:0;padding:0;}
#nac .container {
    width:90%;
	max-width:1160px!important;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	box-sizing: border-box;
}
#nac .container2 {
	width:100%;
	max-width:100%!important;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	box-sizing: border-box;
}
#nac section.container-lp{margin:0 auto!important;padding:35px 0;}
#nac section.container-lp:first-child{padding:0 0 35px 0;}
#nac section.container-lp:last-child{padding:35px 0 0 0;}

#nac .inner {
	width:100%;
	max-width:970px!important;
	margin:0 auto;
	padding:0;
	overflow: hidden;
	box-sizing: border-box;
}

#nac .color1 {
    color:#d7000f;
}
#nac .color2 {
    color:#3fab9b;
}
#nac .color3 {
    color:#8ec43e;
}
#nac .color4 {
    color:#ed6d34;
}
#nac .color5 {
    color:#8e9bb3;
}

.main-title{
    display: flex;
    align-items: center;
    font-weight:600;
    text-align: left;
    border-top:25px;
    border-top-style: solid;
    margin-bottom:40px;
}
.color01 .main-title{
    border-color:#d7000f;
}
.color02 .main-title{
    border-color:#3fab9b;
}
.color03 .main-title{
    border-color:#8ec43e;
}
.color04 .main-title{
    border-color:#ed6d34;
}
.color05 .main-title{
    border-color:#8e9bb3;
}
.main-title:before{
    width: 120px;
    height: auto;
    margin-right: 20px;
}
.color01 .main-title:before{
    content: url('https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/05_number.svg');
    background-color:#d7000f; 
}
.color02 .main-title:before{
    content: url('https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/04_number.svg');
    background-color:#3fab9b; 
}
.color03 .main-title:before{
    content: url('https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/02_number.svg');
    background-color:#8ec43e; 
}
.color04 .main-title:before{
    content: url('https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/01_number.svg');
    background-color:#ed6d34; 
}
.color05 .main-title:before{
    content: url('https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/03_number.svg');
    background-color:#8e9bb3; 
}

.main-title h2{
    display: inline;
    font-size:26px;
	line-height: 1.5;
    vertical-align: top;
    align-items: center;
    margin:0!important;
    padding:0;
}
.color01 .main-title h2{
    color:#d7000f!important;
}
.color02 .main-title h2{
    color:#3fab9b!important;
}
.color03 .main-title h2{
    color:#8ec43e!important;
}
.color04 .main-title h2{
    color:#ed6d34!important;
}
.color05 .main-title h2{
    color:#8e9bb3!important;
}

h3.baseH3{
    font-size:22px!important;
    padding-bottom:10px;
    border-bottom:8px;
    border-bottom-style: solid;
    margin-bottom:20px;
}

h3.baseH3 span.smlr{
    display: block;
    font-size:17px!important;
    padding-bottom:8px;
}

.color01 h3.baseH3{
    border-color:#d7000f;
}
.color02 h3.baseH3{
    border-color:#3fab9b;
}
.color03 h3.baseH3{
    border-color:#8ec43e;
}
.color04 h3.baseH3{
    border-color:#ed6d34;
}
.color05 h3.baseH3{
    border-color:#8e9bb3;
}

h3.nxpH3{
    font-size:22px!important;
    margin-bottom:20px;
}

h3.nxpH3:before {
  content: '■';
  color: #ed6d34;
  margin-right: 5px;
}

h4.baseH4{
    font-size:19px!important;
    padding-bottom:10px;
    border-bottom:1px;
    border-bottom-style: solid;
    border-color:#ccc;
    margin-bottom:15px;
}

h4.baseH4 span.big{
    font-size:21px!important;
}
h5.baseH5{
    font-size:18px!important;
    margin-bottom:10px;
}

@media screen and (max-width: 768px) {
    #nac p{font-size:14px;}
    #nac .container {padding:0;width:90%;margin:0 auto;}
    #nac .container2 {padding:0;width:100%;margin:0 auto;}
    #nac section.container-lp{margin:0 auto!important;padding:20px 0!important;}
    
    .main-title{
        border-top:10px;
        border-top-style: solid;
        margin-bottom:20px;
        margin-top:-20px;
        
    }
    .main-title:before{
        display: inline-block; 
        width: 60px;
        margin-right: 10px;
        padding:15px 5px;
        box-sizing: border-box;
    }
    
    .main-title h2{
        font-size:17px!important;
        line-height: 1.4;
        margin:0!important;
    }
    h3.baseH3{
        font-size:16px!important;
        padding-bottom:8px;
        border-bottom:6px;
        border-bottom-style: solid;
        margin-bottom:20px;
    }
    h3.baseH3 span.smlr{
        display: block;
        font-size:14px!important;
        padding-bottom:6px;
    }
    h3.nxpH3{
    font-size:16px!important;
    margin-bottom:20px;
    }
    
    h4.baseH4{
        font-size:15px!important;
        margin-bottom:10px;
    }
    h4.baseH4 span.big{
        font-size:16px!important;
    }
    h5.baseH5{
        font-size:15px!important;
        margin-bottom:10px;
    }
}

@media screen and (max-width: 415px){
    .main-title:before{
        display: inline-block; 
        width: 40px;
        margin-right: 10px;
        padding:12px 5px;
        box-sizing: border-box;
    }
    
    .main-title h2{
        font-size:15px!important;
        line-height: 1.2;
        margin:0!important;
    }
}

/*---------------
navifix 
---------------*/
.navifix{
    position: fixed;
    top:80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    background-color:#fff; 
}

@media screen and (max-width:1024px) {
.navifix{
    top:60px;
}
}

@media only screen and (max-width: 768px) {
 .navifix{
    top:60px;
}   
}

/*---------------
navi 
---------------*/
#nac ul.navi{
 width: 100%;
 display:flex;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 margin-bottom:0;
 }
#nac ul.navi li {
 width:100%;
 }
 
#nac ul.navi li a{
 display:inline-flex;
 width: 100%;
 height: 100%;
 align-items: center;
 justify-content: center;
 padding:10px;
 transition: ease 0.2s;
 text-decoration: none;
 text-align: center;
 color:#fff;
 font-size:13px;
 line-height: 1.4;
font-weight: 400;
 }
#nac ul.navi a:hover {
 opacity: 0.8;
 }
#nac ul.navi li:nth-child(1){background-color: #ed6d34;}
#nac ul.navi li:nth-child(2){background-color: #8ec43e;}
#nac ul.navi li:nth-child(3){background-color: #8e9bb3;}
#nac ul.navi li:nth-child(4){background-color: #3fab9b;}
#nac ul.navi li:nth-child(5){background-color: #d7000f;}

@media (min-width: 769px) and (max-width: 960px){
#nac ul.navi li a{
    font-size:12px;
}
#nac ul.navi li a br{
    display: none;
}
}

@media screen and (max-width: 768px){
#nac ul.navi{
  margin: 0 auto!important;
  width: 100%; 
  overflow-x: auto; 
  white-space: nowrap;
  overflow-scrolling: touch; 
  -webkit-overflow-scrolling: touch; 
}
#nac ul.navi li a{
    font-size:12px;
    padding:10px 10px 20px 10px;
}
}

@media screen and (max-width: 415px){
#nac ul.navi li a{
    padding:10px;
}
}

/*---------------
navi02
---------------*/
#nac ul.navi02 br{display: none;}

#nac ul.navi02{
 width: 100%;
 display:flex;
 flex-wrap: nowrap;
 justify-content: space-around;
 align-items: stretch;
 margin:10px 0 10px;
 gap:5px;
 }
#nac ul.navi02 li {
 width:100%;
 }
 
#nac ul.navi02 li a{
 display:inline-flex;
 width: 100%;
 height: 100%;
 align-items: center;
 justify-content: center;
 padding:15px 10px;
 transition: ease 0.2s;
 text-decoration: none;
 text-align: center;
 color:#ed6d34;
 font-size:14px;
 line-height: 1.4;
 border:1px solid #ed6d34;
 border-radius: 4px;
 font-weight: 400;
 box-sizing: border-box;
 }
#nac ul.navi02 li a:hover {
 color:#fff;
 background-color: #ed6d34;
}

#nac ul.navi02 li a.active {
 color:#fff;
 background-color: #ed6d34;
}


@media screen and (max-width: 768px){
#nac ul.navi02{
  flex-wrap: wrap;
  gap:0;
  margin:-10px 0 0 0;
}
#nac ul.navi02 li{
  width: 23%;
  margin:5px 0;
}
#nac ul.navi02 li a{
  font-size:12px;
  line-height: 1.4;
  padding:6px 5px;
}
}

@media screen and (max-width: 415px){
#nac ul.navi02 br{display: block;}
}



/*---------------
subnavi
---------------*/
#nac ul.subnavi{
 width: 100%;
 display:flex;
 flex-wrap: nowrap;
 justify-content:space-between;
 align-items: stretch;
 margin:10px 0 10px;
 gap:20px;
 flex:1;
 }
#nac ul.subnavi li {
 width:100%;
 }

#nac ul.subnavi li a{
 display:inline-flex;
 width: 100%;
 height: 100%;
 align-items: center;
 justify-content: center;
 padding:15px 10px;
 transition: ease 0.2s;
 text-decoration: none;
 text-align: center;
 color:#d7000f;
 font-size:14px;
 line-height: 1.4;
 border:1px solid #d7000f;
 border-radius: 4px;
 font-weight: 400;
 box-sizing: border-box;
 }
#nac.color01 ul.subnavi li a{
 color:#d7000f;
 border:1px solid #d7000f;
 }
#nac.color02 ul.subnavi li a{
 color:#3fab9b;
 border:1px solid #3fab9b;
 }
#nac.color03 ul.subnavi li a{
 color:#8ec43e;
 border:1px solid #8ec43e;
 }
#nac.color04 ul.subnavi li a{
 color:#ed6d34;
 border:1px solid #ed6d34;
 }

#nac.color05 ul.subnavi{
 gap:10px;
 }

#nac.color05 ul.subnavi li a{
 color:#8e9bb3;
 border:1px solid #8e9bb3;
 font-size:12px;
 padding:5px;
 }

#nac.color01  ul.subnavi li a:hover,
#nac.color01  ul.subnavi li a.active{
 color:#fff;
 background-color: #d7000f;
}
#nac.color02  ul.subnavi li a:hover,
#nac.color02  ul.subnavi li a.active{
 color:#fff;
 background-color: #3fab9b;
}
#nac.color03  ul.subnavi li a:hover,
#nac.color03  ul.subnavi li a.active{
 color:#fff;
 background-color: #8ec43e;
}
#nac.color04  ul.subnavi li a:hover,
#nac.color04  ul.subnavi li a.active{
 color:#fff;
 background-color: #ed6d34;
}
#nac.color05  ul.subnavi li a:hover,
#nac.color05  ul.subnavi li a.active{
 color:#fff;
 background-color: #8e9bb3;
}

@media screen and (max-width: 768px){
#nac ul.subnavi{
  margin:-10px 0 0 0;
}
#nac ul.subnavi li{
  margin:5px 0;
  gap:10px;
}
#nac ul.subnavi li a{
  font-size:12px;
  line-height: 1.4;
  padding:10px;
  }
    
#nac.color03 ul.subnavi{
  flex-wrap:wrap;
  gap:0;
    }
#nac.color03 ul.subnavi li {
 width:47%;
 }
    
#nac.color05 ul.subnavi{
  flex-wrap:wrap;
  gap:0;
    }
#nac.color05 ul.subnavi li {
 width:24%;
 }
    
#nac.color05 ul.subnavi li a{
  font-size:10px;
  line-height: 1.2;
  padding:5px;
  }
    
}

@media screen and (max-width: 440px){
#nac ul.subnavi{
  gap:10px;
}
#nac ul.subnavi li a{
  font-size:12px;
  line-height: 1.4;
  padding:5px;
  }
    
#nac.color03 ul.subnavi{
  gap:0;
} 
#nac.color05 ul.subnavi{
  gap:0;
}
    
}

/*---------------
mv
---------------*/
@media only screen and (min-width: 769px) {
#nac .mv{width:90%;max-width:1160px;margin:56px auto 0 auto;}
#nac .mv.fornavi02{margin:128px auto 0 auto;}
#nac.color01 .mv{margin:128px auto 0 auto;}
#nac.color02 .mv{margin:128px auto 0 auto;}
#nac.color03 .mv{margin:128px auto 0 auto;}
#nac.color04 .mv{margin:128px auto 0 auto;}
#nac.color05 .mv{margin:128px auto 0 auto;}
#nac .mv{background: url("https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/mv_pic.png") right center no-repeat;background-size:contain;}
#nac .mv .txt{width:100%;margin:0 auto;padding:85px 0;text-align: left;}
#nac .mv .txt img{width:45.5%;}
}
@media screen and (max-width:1024px) {
    #nac .mv.fornavi02{margin:166px auto 0 auto;}
    #nac.color01 .mv{margin:128px auto 0 auto;}
    #nac.color02 .mv{margin:148px auto 0 auto;}
    #nac.color03 .mv{margin:128px auto 0 auto;}
    #nac.color04 .mv{margin:166px auto 0 auto;}
    #nac.color05 .mv{margin:148px auto 0 auto;}
}
@media only screen and (max-width: 768px) {
    #nac .mv{width:90%;margin:0 auto;} 
    #nac .mv{background: url("https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/mv_pic.png") right center no-repeat;background-size:contain;}
    #nac .mv.fornavi02{margin:185px auto 0 auto;}
    #nac.color01 .mv{margin:135px auto 0 auto;}
    #nac.color02 .mv{margin:148px auto 0 auto;}
    #nac.color03 .mv{margin:185px auto 0 auto;}
    #nac.color04 .mv{margin:185px auto 0 auto;}
    #nac.color05 .mv{margin:185px auto 0 auto;}
    #nac .mv .txt{width:100%;margin:0 auto;padding:40px 0;}
    #nac .mv .txt img{width:54.352%;}
}
@media screen and (max-width:440px) {
    #nac.color03 .mv{margin:175px auto 0 auto;}
    #nac.color05 .mv{margin:205px auto 0 auto;}
    #nac .mv .txt{width:90%;margin:0 auto;padding:20px 0;}
    #nac .mv .txt img{width:70%;}
}

/*---------------
anchor
---------------*/
@media screen and (min-width: 769px) {
a.anchor{
    display: block;
    padding-top: 140px;
    margin-top: -140px;
}	
}
@media screen and (max-width: 768px) {
#nac.color01 a.anchor{
    display: block;
    padding-top: 140px;
    margin-top: -140px;
}
#nac.color02 a.anchor{
    display: block;
    padding-top: 158px;
    margin-top: -158px;
}
#nac.color03 a.anchor{
    display: block;
    padding-top: 195px;
    margin-top: -195px;
}
#nac.color04 a.anchor{
    display: block;
    padding-top: 195px;
    margin-top: -195px;
}
#nac.color05 a.anchor{
    display: block;
    padding-top: 195px;
    margin-top: -195px;
}  
}
@media screen and (max-width:440px) {
#nac.color03 a.anchor{
    display: block;
    padding-top: 195px;
    margin-top: -195px;
}
#nac.color05 a.anchor{
    display: block;
    padding-top: 205px;
    margin-top: -205px;
}
}



/*---------------
block-footerlink 
---------------*/
@media screen and (min-width: 769px) {
#nac .block-footerlink ul.link-list{margin-bottom:40px;}
#nac .block-footerlink ul.link-list li{margin-bottom:10px;}
}
@media screen and (max-width: 768px) {
#nac .block-footerlink ul.link-list{margin-bottom:30px;}
#nac .block-footerlink ul.link-list li{margin-bottom:10px;}
}


/*---------------
block-footerbtn 
---------------*/
#nac .block-footerbtn a {
  color: inherit;
  text-decoration: none!important;
}
#nac a.footerbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 45%;
    border: 1px solid #d20000;
    border-radius: 5px;
    background-color: #fff;
    color: #d20000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 2em;
    margin-bottom: 3em;
}

#nac a.footerbtn.next {
    padding: 20px 3em 20px 1em;
}
#nac a.footerbtn.back {
    padding: 20px 1em 20px 3em;
}

#nac a.footerbtn.next::after {
    position: absolute;
    right: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2em;
    height: .5em;
    background-color: #d20000;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

#nac a.footerbtn.back::after {
    position: absolute;
    left: 2em;
    transform: translateY(-50%);
    transform-origin: right;
    width: 2em;
    height: .5em;
    background-color: #d20000;
    clip-path: polygon(100% 100%, 0 100%, 30% 40%, 30% 90%, 100% 90%);
    content: '';
    transition: transform .3s;
}

#nac a.footerbtn:hover::after {
    transform: translateY(-50%) scaleX(1.4);
}

#nac a.footerbtn:hover {
    border: 1px solid #e46666;
    color: #e46666;
}



@media screen and (max-width: 970px) {
#nac a.footerbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 94%;
    padding: 20px 3em 20px 1em;
    border: 1px solid #d20000;
    border-radius: 5px;
    background-color: #fff;
    color: #d20000;
    font-size: 14px;
    font-weight: 600;
    margin: 1.5em auto;
}  
    
#nac a.footerbtn.next {
    padding: 20px 2em 20px 1em;
}
#nac a.footerbtn.back {
    padding: 20px 1em 20px 2em;
}
    
#nac a.footerbtn.next::after {
    position: absolute;
    right: 1em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 1.5em;
    height: .5em;
    background-color: #d20000;
    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
    content: '';
    transition: transform .3s;
}

#nac a.footerbtn.back::after {
    position: absolute;
    left: 1em;
    transform: translateY(-50%);
    transform-origin: right;
    width: 1.5em;
    height: .5em;
    background-color: #d20000;
    clip-path: polygon(100% 100%, 0 100%, 30% 40%, 30% 90%, 100% 90%);
    content: '';
    transition: transform .3s;
}
}

/*---------------
color01 
---------------*/
#nac .logo01{margin:0 auto 30px auto;max-width:480px;}
#nac.color01 .block-lead .block-lead__txt01 p{text-align: center;font-weight: 600;font-size:20px;padding-top:20px;}
#nac.color01 .block-one .block-flex .txt{ width:50%;padding:0 30px;box-sizing: border-box;}
#nac.color01 .block-one .block-flex .pic{width:50%;}
#nac.color01 .block-two .block-flex .image{width:45%;margin:20px auto;}

@media screen and (max-width: 768px) {
#nac .logo01{margin:0 auto 20px auto;width:75%;max-width:480px;}
#nac.color01 .block-lead .block-lead__txt01 p{font-size:16px;padding-top:0;}
#nac.color01 .block-one .block-flex .txt{ width:100%;padding:0;}
#nac.color01 .block-one .block-flex .pic{width:100%;margin:10px auto 40px;}
#nac.color01 .block-two .block-flex .image{width:90%;margin: 30px auto 0;}
}

/*---------------
color02 
---------------*/
#nac .logo02{margin:0 auto 30px auto;max-width:370px;}
#nac.color02 .lead h3{font-weight: 700;font-size:32px;}
@media screen and (max-width: 768px) {
#nac .logo02{margin:0 auto 20px auto;width:65%;max-width:300px;}
#nac.color02 .lead h3{font-size:20px;}
}

/*---------------
color04 
---------------*/
#nac.color04 h2.nxpH2{font-size:20px!important;padding:7px 20px;margin-bottom:40px; background-image: linear-gradient(90deg, #bbbbbb, #ffffff);color:#fff;vertical-align:middle;}
#nac.color04 h4.nxpH4{font-size:18px!important;padding:5px 20px;margin-bottom:20px; background-color:#d7000f;color:#fff;vertical-align:middle;}
#nac.color04 h6.nxpH6{color:#ed6d34;font-weight: 600;font-size:16px;margin-bottom:10px;}
#nac.color04 h4.baseH4.txt01 img{width:250px;margin-bottom:10px;}

#nac.color04 p.logo01{width:200px;margin:0 auto 30px;}
#nac.color04 p.logo01 img{width:100%;}
#nac.color04 table.table01.tbl01 th{background-color:#f39c6c;color:#fff;font-size:14px;}
#nac.color04 table.table01.tbl01 td{vertical-align: top;font-size:14px;}
#nac.color04 table.table01.tbl02 tr.cl01 th{background-color:#cad8ef;font-size:14px;}
#nac.color04 table.table01.tbl02 th.cl02{background-color:#fdf0e7;writing-mode:sideways-lr;}
#nac.color04 table.table01.tbl02 td{text-align: center;font-size:14px;}
#nac.color04 table.table01.tbl02 td.left{text-align: left;}
#nac.color04 table.table01.tbl03 td{font-size:14px;}
#nac.color04 table.table01.tbl03 th{background-color:#cad8ef;font-size:14px;}
#nac.color04 table.table01.tbl04 th{color:#fff;background-color: #444;}
#nac.color04 table.table01.tbl04 th.cl01{background-color:#ed6d34;}
#nac.color04 table.table01.tbl04 th,#nac.color04 table.table01.tbl04 td{border-color:#fff;}
#nac.color04 table.table01.tbl04 td{background-color:#fcece0;text-align: center;}
#nac.color04 table.table01.tbl05 th,#nac.color04 table.table01.tbl05 td{border-color:#fff;}
#nac.color04 table.table01.tbl05 th{color:#fff;background-color: #444;}
#nac.color04 table.table01.tbl05 td{background-color:#e6e5e5;text-align: center;}
#nac.color04 table.table01.tbl05 tr:nth-child(odd) td {background-color:#d3d3d3;}
#nac.color04 table.table01.tbl06 td{font-size:14px;}
#nac.color04 table.table01.tbl06 th{font-size:14px;}
#nac.color04 table.table01.tbl06 th:nth-child(1){background-color: #d0d1d1;}
#nac.color04 table.table01.tbl06 th:nth-child(2){background-color: #7eaddd;}
#nac.color04 table.table01.tbl06 th:nth-child(3){background-color: #74c0d2;}
#nac.color04 table.table01.tbl06 td:nth-child(1) {background-color:#ebebec;}
#nac.color04 table.table01.tbl06 td:nth-child(2) {background-color:#e9eff9;}
#nac.color04 table.table01.tbl06 td:nth-child(3) {background-color:#e8f4f7;}
#nac.color04 table.table01.tbl06 tr:nth-child(odd) td {background-color:#fff!important;}
#nac.color04 table.table01.tbl07 th,#nac.color04 table.table01.tbl07 td{border-color:#fff;}
#nac.color04 table.table01.tbl07 th:nth-child(1),
#nac.color04 table.table01.tbl07 th:nth-child(2){color:#fff;background-color: #f9bb00;}
#nac.color04 table.table01.tbl07 th:nth-child(3),
#nac.color04 table.table01.tbl07 th:nth-child(4){color:#fff;background-color: #13366a;}
#nac.color04 table.table01.tbl07 td{text-align: center;}
#nac.color04 table.table01.tbl07 td:nth-child(1),
#nac.color04 table.table01.tbl07 td:nth-child(2) {background-color:#feebbf;}
#nac.color04 table.table01.tbl07 td:nth-child(3), 
#nac.color04 table.table01.tbl07 td:nth-child(4) {background-color:#b2b6ce;}
#nac.color04 table.table01.tbl07 tr.cl01 td:nth-child(1),
#nac.color04 table.table01.tbl07 tr.cl01 td:nth-child(2){background-color:#fff9eb;}
#nac.color04 table.table01.tbl07 tr.cl01 td:nth-child(3),
#nac.color04 table.table01.tbl07 tr.cl01 td:nth-child(4){background-color:#e6e7f0;}
#nac.color04 table.table01.tbl08 td{font-size:14px;}
#nac.color04 table.table01.tbl08 th{font-size:14px;}
#nac.color04 table.table01.tbl08 th,#nac.color04 table.table01.tbl08 td{border-color:#fff;}
#nac.color04 table.table01.tbl08 th{color:#fff;background-color: #77b9e1;}
#nac.color04 table.table01.tbl08 th .pic{width:60%;margin:0 auto;}
#nac.color04 table.table01.tbl08 th .pic image{width:100%;}
#nac.color04 table.table01.tbl08 td{background-color:#c2ddf1;}
#nac.color04 table.table01.tbl08 tr:nth-child(odd) td {background-color:#e2eff9;}
#nac.color04 table.table01.tbl09 td{font-size:14px;text-align: center;}
#nac.color04 table.table01.tbl09 th{font-size:14px;color:#fff;}
#nac.color04 table.table01.tbl09 th .smlr{font-size:12px;}
#nac.color04 table.table01.tbl09 th,#nac.color04 table.table01.tbl09 td{border-color:#fff;}
#nac.color04 table.table01.tbl09 tr.gray th{background-color: #636b70;}
#nac.color04 table.table01.tbl09 tr.lightgray th{background-color: #a7aaa9;}
#nac.color04 table.table01.tbl09 tr.cl01 th{background-color: #f9bb00;}
#nac.color04 table.table01.tbl09 tr.cl01 td{background-color: #fee4a7;}
#nac.color04 table.table01.tbl09 tr.cl02 th{background-color: #6fba2c;}
#nac.color04 table.table01.tbl09 tr.cl02 td{background-color: #cee4ae;}
#nac.color04 table.table01.tbl09 tr.cl03 th{background-color: #00a9e6;}
#nac.color04 table.table01.tbl09 tr.cl03 td{background-color: #b6def6;}
#nac.color04 table.table01.tbl09 tr.cl04 th{background-color: #2d6aae;}
#nac.color04 table.table01.tbl09 tr.cl04 td{background-color: #b2bede;}
#nac.color04 table.table01.tbl09 tr.cl05 th{background-color: #ed6d34;}
#nac.color04 table.table01.tbl09 tr.cl05 td{background-color: #f9c9aa;}

#nac.color04 .block-one {border:6px solid #c8ccd8;padding-bottom:60px;margin-top:60px;}
#nac.color04 .block-one_ttl{width:80%;width:600px;margin:-50px auto 60px auto;}
#nac.color04 .block-one .comment{width:28em;text-align: center;display: block;margin:60px auto 0; border:1px solid #666;padding:20px;}

#nac.color04 .box01 h5{width:80%;max-width:360px;margin:0 auto;padding:0;}
#nac.color04 .box01 article{border:1px solid #000;background-color:#f6f7f7;}
#nac.color04 .box01 article .txt{padding:30px;}
#nac.color04 .box02{border:1px solid #ed6d34;padding:20px;max-width: 500px;}
#nac.color04 .box03{border:1px solid #ccc;padding:20px;margin:30px auto 0;max-width: 26em;}
#nac.color04 .box04{border:1px solid #ccc;padding:20px;margin:30px auto 0;max-width: 53em;}
#nac.color04 .box05 h5{display: block;background-color: #fcece0;padding:3px;font-size:15px;}
#nac.color04 .box05 h5 span{display: inline-block;background-color: #ed6d34;padding:3px 10px;color:#fff;margin-right:10px;text-align: center;}
#nac.color04 .box06{background-color: #fcece0; padding:30px;}

#nac.color04 .arrow{padding:20px;max-width: 100px}

#nac.color04 .listDL01 dl{display: flex;flex-wrap: wrap;}
#nac.color04 .listDL01 dt{width:6em;font-weight: 600;margin-top:5px;}
#nac.color04 .listDL01 dd{width:cal(100% - 6em);margin-top:5px;}
    
@media screen and (max-width: 768px) {
#nac.color04 h2.nxpH2{font-size:16px!important;padding:5px 10px;margin-bottom:20px;}
#nac.color04 h4.nxpH4{font-size:14px!important;padding:5px 10px;margin-bottom:20px;}
#nac.color04 h6.nxpH6{font-size:14px;}
#nac.color04 h4.baseH4.txt01 img{width:220px;margin-bottom:8px;}
#nac.color04 .pc25 .image{width:70%;max-width: 300px;}
#nac.color04 .block-one {border:2px solid #c8ccd8;padding-bottom:30px;padding:0 5% 30px;margin-top:30px;}
#nac.color04 .block-one_ttl{width:90%;max-width:400px;margin:-40px auto 20px auto;}
#nac.color04 .block-one .comment{width:100%;margin:30px auto 0;padding:10px;}
#nac.color04 .box01 article .txt{padding:20px;}
#nac.color04 .box02{padding:20px;}
#nac.color04 .box03{padding:20px;margin:20px auto 0;}
#nac.color04 .box04{padding:20px;margin:20px auto 0;}
#nac.color04 .box06{padding:20px;}
#nac.color04 .listDL01 dl{display: block;}
#nac.color04 .listDL01 dt{width:100%;margin-top:10px;}
#nac.color04 .listDL01 dd{width:100%;margin-top:0;}
}

/*---------------
color05 
---------------*/
#nac.color05 .point{display: inline-block;padding:5px 10px;margin-right:8px;background-color: #d7000f;color:#fff;font-size:0.9em;vertical-align:middle;}
#nac.color05 table.table01.tbl01 th,#nac.color05 table.table01.tbl01 td{border-color:#fff;}
#nac.color05 table.table01.tbl01 th{color:#fff;background-color: #a7aaa9;}
#nac.color05 table.table01.tbl01 td{background-color:#d3d4d3;text-align: center;}
#nac.color05 table.table01.tbl01 td:nth-child(2){text-align: left;}
#nac.color05 table.table01.tbl01 tr:nth-child(odd) td {background-color:#eee;}
#nac.color05 table.table01.tbl02 th,#nac.color05 table.table01.tbl02 td{border-color:#fff;}
#nac.color05 table.table01.tbl02 th{color:#fff;background-color: #367c52;}
#nac.color05 table.table01.tbl02 td{background-color:#dde2d8;}
#nac.color05 table.table01.tbl02 tr:nth-child(odd) td {background-color:#f4f6f3;}

@media screen and (max-width: 768px) {
#nac.color05 .block-flex .pc35,
#nac.color05 .block-flex .pc45{width:100%;margin:10px auto 40px;}
#nac.color05 .block-flex .pc20{width:30%;max-width: 150px; margin:10px auto 40px;}
#nac.color05 .point{padding:3px 5px;}
#nac.color05 .pc30.ttl{max-width:240px!important;}
}


/*---------------
floating-btn
---------------*/
.floating-btn {
	position: fixed;
	bottom: 40px;
	right: 30px;
	width: 170px;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s, transform 0.3s;
	cursor: pointer;
	z-index: 9;
}

.floating-btn:hover {
	opacity: 0.9;
	transform: scale(1.05);
}

.floating-btn img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 768px) {
	.floating-btn {
		width: 100%;
		height: auto;
		bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.7); 
	}
    .floating-btn img {
		width: 90%;
		max-width:310px;
        padding:10px 0;
        margin:0 auto;
    }
    .floating-btn:hover {
        opacity: 0.9;
        transform: scale(1);
    }
}

/*---------------
floating-btn02 
※floating-btnの上部に表示
---------------*/
.floating-btn02 {
	position: fixed;
	bottom: 190px;
	right: 30px;
	width: 170px;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s, transform 0.3s;
	cursor: pointer;
	z-index: 9;
}

.floating-btn02:hover {
	opacity: 0.9;
	transform: scale(1.05);
}

.floating-btn02 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 768px) {
	.floating-btn02 {
		width: 100%;
		height: auto;
		bottom: 74px;
        left: 0;
        background-color: rgba(255, 255, 255, 0.7); 
	}
    .floating-btn02 img {
		width: 90%;
		max-width:310px;
        padding:10px 0 0 0;
        margin:0 auto;
    }
    .floating-btn02:hover {
        opacity: 0.9;
        transform: scale(1);
    }
}

/*---------------
contact-btn
---------------*/
.contact-btn {
	width: 80%;
	max-width:320px;
	height: auto;
	opacity: 1;
	transition: opacity 0.3s, transform 0.3s;
	cursor: pointer;
}

.contact-btn:hover {
	opacity: 0.75;
}

.contact-btn img {
	width: 100%;
	max-width:320px;
    margin:20px auto 0;
}


/*---------------
detail-btn
---------------*/
.detail-btn_area {
    display: flex;
    justify-content:center;
    gap:30px;
    margin-top:40px;
}
    
a.detail-btn {
  width: 45%;
  max-width:340px;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-radius: 100vh;

  text-decoration: none!important;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  background-color: #156082;

  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease;
}
    
a.detail-btn.en {
  width: 45%;
  max-width:380px;
}

a.detail-btn.-blank {
  background-color: #555;
}

a.detail-btn:hover {
  opacity: 0.75;
  color: #fff!important;
}

/* 左：外部リンクアイコン */
a.detail-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex-shrink: 0;

  background: url("https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/icon_link_white.svg")
    no-repeat center / contain;
}
a.detail-btn.-blank::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 15px;
  flex-shrink: 0;

  background: url("https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/icon_blank_white.svg")
    no-repeat center / contain;
}

/* 右：矢印 */
a.detail-btn::after {
  content: "";
  width: 15px;
  height: 15px;
  margin-left: auto;

  background: url("https://enexty-assets-public.dxp.nexty-ele.com/nexty-ele/nxp_automotive_catalog/icon_arrow.svg")
    no-repeat center / contain;
}

@media (max-width: 768px) {
	.detail-btn_area {
		display: block;
	}
    
    a.detail-btn {
        width: 100%;
        max-width:320px;
        margin:20px auto 0;
        font-size: 14px;
    }
    
    a.detail-btn.en {
        width: 100%;
        max-width:400px;
    }
}