body.page-car{color:#fff;}
body.on header{height:100%;}
a{color:#fff;}

header div.main-visual.page-1 ul.main-visual-images li.images-child{height:600px; width:100%; background-image: url(/images/car-mainv01.jpg); background-repeat: repeat-x; background-position: center center; background-size:cover;}
header div.main-visual.page-1 ul.main-visual-images{display:flex; overflow:hidden; position:relative; z-index:1;}

.taImg{display:none;}

main div.lead-block{background:#f6f6f6; padding: 0 0 80px;}
main div.lead-block p.lead{font-size:1.5rem; line-height:1.7; width:800px; padding:80px 0 50px; margin:0 auto;}

main section.car-section{width:100%; display:flex;}
main section.car-section div.car-block img{width:100%; height:auto;}
main section.car-section div.car-block{width:33.33%; color:#fff;}
main section.car-section div.car-block div.car-block-inner{padding:35px 40px 55px;}
main section.car-section div.car-block:nth-of-type(n+1){background:#222222;}
main section.car-section div.car-block:nth-of-type(2n){background:#2d2d2d;}
main section.car-section div.car-block div.car-block-inner{ display:flex; flex-direction:column; justify-content:space-between;}
main section.car-section div.car-block div.car-block-inner div.inner-first h2.car-block-caption{font-size:2.8rem;font-weight:bold; margin-bottom:30px; line-height:1.4;}
main section.car-section div.car-block div.car-block-inner div.inner-first h3.car-block-goods{font-size:1.6rem;font-weight:bold; margin-bottom:30px; line-height:1.6;}
main section.car-section div.car-block div.car-block-inner div.inner-first p.car-block-description{font-size:1.5rem; line-height:1.7;}
main section.car-section div.car-block div.car-block-inner div.inner-second{padding:30px 30px 30px; background:rgba(255,255,255,0.1);border:1px solid #fff;}
main section.car-section div.car-block div.car-block-inner div.inner-second p.sales-point-title{font-size:1.7rem; font-weight:bold; margin-bottom:34px;}
main section.car-section div.car-block div.car-block-inner div.inner-second ul.sales-point li.sales-point-child{font-size:1.5rem; line-height:1.7;}

div.salesWrap{border: 1px solid #fe2531; width: 700px; padding: 25px 50px 30px; margin:0 auto;}
div.salesWrap p.sales-point-title{color: #fe2531; font-size: 2.0rem; font-weight:bold; margin-bottom:20px; text-align: center;}
div.salesWrap ul{color: #fe2531; font-size: 1.5rem;}
div.salesWrap ul li{position: relative; text-align: left; display: inline-block; width: 43%; padding: 0 20px 0 20px; vertical-align: top;}
div.salesWrap ul li::before{content: "■"; position: absolute; left: 0; top: 0;}

main section.about.page-car div.about-block-wrapper div.about-block {width:100%;}
main section.about.page-car div.about-block-wrapper div.about-block div.about-block-inner{left:50px; width:auto; height:auto; }


/* タブレット */
@media (max-width: 1100px){

main div.lead-block p.lead{width:calc(100% - 100px); padding:80px 50px 50px;}
div.salesWrap{width: calc(100% - 200px); padding: 25px 50px 30px;}
div.salesWrap ul li{display: block; width: auto; padding: 0 0 0 20px;}

main section.car-section div.car-block div.car-block-inner{padding: 35px 30px 55px;}
main section.car-section div.car-block div.car-block-inner div.inner-second{padding: 20px 20px 20px;}
main section.about.page-car div.about-block-wrapper div.about-block div.about-block-inner{left:0;}

}

@media (max-width: 1100px) and (min-width: 961px){
    {background-image:url("/images/value-link-back.jpg"); background-position: center;}
    /* {background-image:url("/images/value-link-back.jpg"); background-position: -180px center; background-size:1280px 865px;} */
    main section.about div.about-block-wrapper div.about-block.value div.about-block-inner{padding-top: 20px;}
    .taImg{display:block;}

}



@media (max-width: 960px){
main section.about div.about-block-wrapper div.about-block div.about-block-inner.white {background-image: url(/images/sp-index-object01.png); background-repeat: no-repeat; background-position: top; background-size: 150%;}
main section.about div.about-block-wrapper div.about-block div.about-block-inner { width: 100%!important; height: 250px!important; transform: none; overflow: visible}
main section.about div.about-block-wrapper div.about-block.value a.about-block-link div.about-block-back { background-image: url(/images/value-link-back2.jpg);}
main section.about div.about-block-wrapper div.about-block div.about-block-inner div.copy.bottom p.copy-caption { font-size: 2.5rem; line-height: 1.4;}
main section.about div.about-block-wrapper div.about-block div.about-block-inner div.copy.bottom p.copy-description {font-size: 1.5rem;}
}



/* スマホ */
@media (max-width: 760px){

  .sp{display:block;}
  header div.main-visual.page-1 ul.main-visual-images li.images-child{height:240px;}
  header div.main-visual.page-1 ul.main-visual-images{position:relative; z-index:1;}

  main div.lead-block{padding: 0 0 50px;}
  main div.lead-block p.lead{width:calc(100% - 40px); padding:30px 20px;}

  div.salesWrap{width:calc(100% - 70px); padding: 25px 15px 30px; margin:0 auto;}

  main section.car-section div.car-block div.car-block-inner{height:auto;}
  main section.car-section{display:block;}
  main section.car-section div.car-block{width:100%;}
  main section.car-section div.car-block div.car-block-inner div.inner-first p.car-block-description{margin-bottom:30px;}
  main section.car-section div.car-block div.car-block-inner div.inner-first h2.car-block-caption{font-size:2.4rem;}
  main section.about div.about-block-wrapper div.about-block div.about-block-inner div.copy.bottom {margin-top: -82px;}

  main section.about.page-car div.about-block-wrapper div.about-block.value{position:static;}
  main section.about.page-car div.about-block-wrapper div.about-block div.about-block-inner{left:auto!important;bottom:10px;}

  footer p.button-top{background:#f6f6f6;}

}