@media screen and (max-width: 768px) {
  /*------------------------------------------------------------------------------------------
*
*
    /blackstyle/
    Responsive / SP
*
*
------------------------------------------------------------------------------------------ */
  #contents_area {
    background-color: #000;
    color: #fff; }
    #contents_area .pc {
      display: none; }
    #contents_area .sp {
      display: block; }
    #contents_area .c_premium_white {
      background: #fff;
      width: 52px;
      height: 17px; }
    #contents_area .c_tinted_silver {
      background: #A9ADB9;
      width: 52px;
      height: 17px; }
    #contents_area .c_christal_black {
      background: #1E1E1E;
      width: 52px;
      height: 17px; }
    #contents_area .c_midnight_blue_metal {
      background: #003D80;
      width: 52px;
      height: 17px; }
    #contents_area .nav_color_list li.current:after {
      background-size: 10px; }
    #contents_area br {
      display: block !important; }
    #contents_area img {
      width: 100%;
      display: block; }
    #contents_area h2 {
      font-size: 7vw; }
    #contents_area .small {
      font-size: 12px; }
    #contents_area .line {
      border-bottom: 1px solid #fff;
      margin: 0 20px;
      display: none; }
    #contents_area button {
      display: none !important; }
    #contents_area p {
      line-height: 1.3rem; }
    #contents_area .sp-text {
      line-height: 1.4em;
      margin-bottom: 10px; }
    #contents_area .slick-list {
      margin-left: -30px;
      margin-bottom: 10px; }
    #contents_area .stepwgn-mainvisual {
      position: relative;
      margin-top: 55px; }
      #contents_area .stepwgn-mainvisual .mv-text {
        box-sizing: border-box;
        padding: 30px; }
      #contents_area .stepwgn-mainvisual .scroll {
        display: none; }
    #contents_area .main .content-block {
      width: 100%;
      max-width: 1148px;
      margin: 90px auto;
      box-sizing: border-box;
      padding: 0 20px; }
      #contents_area .main .content-block .title {
        margin-bottom: 25px;
        text-align: center;
        margin-top: -100px;
        padding-top: 100px; }
    #contents_area .main .stepwgn-read {
      text-align: left;
      padding: 65px 20px 75px;
      box-sizing: border-box; }
      #contents_area .main .stepwgn-read h2 {
        padding-bottom: 20px; }
      #contents_area .main .stepwgn-read p {
        font-size: 17px;
        line-height: 1.8em; }
    #contents_area .main .stepwgn-guide {
      width: 100%;
      max-width: 1256px;
      box-sizing: border-box;
      padding: 0 20px;
      margin: auto; }
      #contents_area .main .stepwgn-guide .anchor {
        margin-bottom: 40px; }
        #contents_area .main .stepwgn-guide .anchor ul {
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-around;
          justify-content: space-around;
          border-top: 1px solid #fff;
          border-bottom: 1px solid #fff;
          width: 100%; }
          #contents_area .main .stepwgn-guide .anchor ul li {
            width: 33.3%;
            border-right: 1px solid #fff;
            -moz-transform: skewX(150deg);
            -ms-transform: skewX(150deg);
            -webkit-transform: skewX(150deg);
            transform: skewX(150deg); }
            #contents_area .main .stepwgn-guide .anchor ul li:last-child {
              border-right: none; }
            #contents_area .main .stepwgn-guide .anchor ul li a {
              display: block;
              width: 100%;
              padding: 15px 0;
              -moz-transform: skewX(-150deg);
              -ms-transform: skewX(-150deg);
              -webkit-transform: skewX(-150deg);
              transform: skewX(-150deg); }
              #contents_area .main .stepwgn-guide .anchor ul li a img {
                height: 1.7vh;
                width: auto;
                margin: auto; }
      #contents_area .main .stepwgn-guide .img-block-1 {
        margin-bottom: 25px; }
      #contents_area .main .stepwgn-guide .img-block-2 {
        display: block; }
        #contents_area .main .stepwgn-guide .img-block-2 div:first-child {
          margin-bottom: 25px; }
    #contents_area .main #EXTERIOR .title .left img {
      max-width: 355px;
      margin: auto; }
    #contents_area .main #EXTERIOR .title .right {
      margin-top: 20px; }
      #contents_area .main #EXTERIOR .title .right img {
        max-width: 128px;
        margin: auto; }
    #contents_area .main #EXTERIOR .title .line {
      width: 52.3%; }
    #contents_area .main #EXTERIOR .img-content .img-box {
      width: 100%;
      margin-bottom: 30px; }
      #contents_area .main #EXTERIOR .img-content .img-box p {
        margin-top: 10px;
        padding-left: 1em;
        text-indent: -1em; }
      #contents_area .main #EXTERIOR .img-content .img-box .sp {
        position: relative; }
        #contents_area .main #EXTERIOR .img-content .img-box .sp img:last-child {
          position: absolute;
          bottom: 0;
          left: 0;
          width: auto;
          height: 15px;
          padding: 0 0 7px 10px; }
    #contents_area .main #INTERIOR .title .left img {
      max-width: 355px;
      margin: auto; }
    #contents_area .main #INTERIOR .title .right {
      margin-top: 20px; }
      #contents_area .main #INTERIOR .title .right img {
        max-width: 103px;
        margin: auto; }
    #contents_area .main #INTERIOR .title .line {
      width: 52.8%; }
    #contents_area .main #INTERIOR .block-1 .img,
    #contents_area .main #INTERIOR .block-2 .img {
      display: block; }
    #contents_area .main #INTERIOR .block-1 .text,
    #contents_area .main #INTERIOR .block-2 .text {
      margin-top: 20px; }
    #contents_area .main #INTERIOR .block-1 {
      margin-bottom: 30px; }
    #contents_area .main #INTERIOR .block-2 {
      margin-bottom: 38px; }
      #contents_area .main #INTERIOR .block-2 .img .sp {
        position: relative; }
        #contents_area .main #INTERIOR .block-2 .img .sp img:last-child {
          position: absolute;
          bottom: 0;
          left: 0;
          width: auto;
          height: 2.4vh;
          max-height: 15px;
          padding: 0 0 7px 10px; }
    #contents_area .main #INTERIOR .block-3 h3 {
      border-bottom: 1px solid #fff;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    #contents_area .main #INTERIOR .block-3 p {
      line-height: 1.6rem; }
    #contents_area .main #INTERIOR .block-3 a {
      color: #ccc;
      text-decoration: underline; }
    #contents_area .main #TYPE {
      padding: 0; }
      #contents_area .main #TYPE .title .left img {
        max-width: 275px;
        margin: auto; }
      #contents_area .main #TYPE .title .line {
        width: 73%;
        margin-right: 0; }
      #contents_area .main #TYPE .type-1,
      #contents_area .main #TYPE .type-2 {
        display: block; }
        #contents_area .main #TYPE .type-1 .body_color_gallery,
        #contents_area .main #TYPE .type-2 .body_color_gallery {
          width: 100%; }
          #contents_area .main #TYPE .type-1 .body_color_gallery .color_slider .pic img,
          #contents_area .main #TYPE .type-2 .body_color_gallery .color_slider .pic img {
            max-width: 600px;
            -moz-transform: scale(1.1, 1.1);
            -ms-transform: scale(1.1, 1.1);
            -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1); }
          #contents_area .main #TYPE .type-1 .body_color_gallery .color_slider .name,
          #contents_area .main #TYPE .type-2 .body_color_gallery .color_slider .name {
            margin-top: 15px;
            margin-left: 30px;
            font-size: 14px; }
          #contents_area .main #TYPE .type-1 .body_color_gallery .price-plus,
          #contents_area .main #TYPE .type-2 .body_color_gallery .price-plus {
            box-sizing: border-box;
            padding: 10px 20px;
            font-size: 12px; }
        #contents_area .main #TYPE .type-1 .car-info,
        #contents_area .main #TYPE .type-2 .car-info {
          width: 100%;
          margin-top: 20px;
          box-sizing: border-box;
          padding: 0 20px; }
          #contents_area .main #TYPE .type-1 .car-info h3,
          #contents_area .main #TYPE .type-2 .car-info h3 {
            font-size: 4.5vw;
            line-height: 1.4em; }
          #contents_area .main #TYPE .type-1 .car-info .price,
          #contents_area .main #TYPE .type-2 .car-info .price {
            position: relative; }
            #contents_area .main #TYPE .type-1 .car-info .price .detail .inner,
            #contents_area .main #TYPE .type-2 .car-info .price .detail .inner {
              margin-bottom: 5px; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner p,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner p {
                margin-top: 10px; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner .detail-1,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner .detail-1 {
                font-size: 12px;
                width: 100%; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner .detail-2,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner .detail-2 {
                font-size: 12px;
                padding: 7px 10px;
                border: 1px solid #fff;
                display: inline-block;
                margin-right: 10px; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner .detail-3,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner .detail-3 {
                font-size: 9.5vw;
                display: inline-block;
                vertical-align: bottom; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner .detail-4WD,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner .detail-4WD {
                padding: 7px 3px !important; }
            #contents_area .main #TYPE .type-1 .car-info .price .detail .small,
            #contents_area .main #TYPE .type-2 .car-info .price .detail .small {
              font-size: 3.1vw; }
            #contents_area .main #TYPE .type-1 .car-info .price .tax,
            #contents_area .main #TYPE .type-2 .car-info .price .tax {
              position: absolute;
              top: 50%;
              margin-top: -4.5vw;
              right: 10px; }
            #contents_area .main #TYPE .type-1 .car-info .price a img,
            #contents_area .main #TYPE .type-2 .car-info .price a img {
              max-width: 10vw; }
          #contents_area .main #TYPE .type-1 .car-info .sensing,
          #contents_area .main #TYPE .type-2 .car-info .sensing {
            margin-top: 15px; }
            #contents_area .main #TYPE .type-1 .car-info .sensing img,
            #contents_area .main #TYPE .type-2 .car-info .sensing img {
              max-width: 120px; }
          #contents_area .main #TYPE .type-1 .car-info .simulation_btn,
          #contents_area .main #TYPE .type-2 .car-info .simulation_btn {
            margin-top: 20px; }
            #contents_area .main #TYPE .type-1 .car-info .simulation_btn a,
            #contents_area .main #TYPE .type-2 .car-info .simulation_btn a {
              width: 100%;
              height: 27px;
              padding-top: 13px;
              background: #818181;
              color: #fff;
              display: block;
              text-align: center;
              vertical-align: middle;
              font-weight: bold;
              position: relative; }
              #contents_area .main #TYPE .type-1 .car-info .simulation_btn a:after,
              #contents_area .main #TYPE .type-2 .car-info .simulation_btn a:after {
                content: "";
                background: url("../image/link-mark.png") no-repeat;
                position: absolute;
                width: 19px;
                height: 19px;
                top: 10px;
                right: 10%;
                background-size: contain; }
      #contents_area .main #TYPE .type-2 {
        margin: 70px 0 100px; }
    #contents_area .main .plus-btn {
      display: block;
      margin-bottom: 64px;
      box-sizing: border-box;
      padding: 0 20px; }
      #contents_area .main .plus-btn .left,
      #contents_area .main .plus-btn .right {
        border: 1px solid #fff; }
        #contents_area .main .plus-btn .left a,
        #contents_area .main .plus-btn .right a {
          color: #fff;
          display: block;
          font-weight: bold;
          font-size: 5vw;
          position: relative;
          width: 430px;
          height: 66px;
          display: table-cell;
          vertical-align: middle;
          box-sizing: border-box; }
          #contents_area .main .plus-btn .left a:after,
          #contents_area .main .plus-btn .right a:after {
            content: "";
            background: url("../image/link-mark.png") no-repeat;
            position: absolute;
            width: 24px;
            height: 24px;
            top: 29%;
            right: 7%;
            display: block;
            background-size: contain; }
      #contents_area .main .plus-btn .left {
        margin-bottom: 10px; }
        #contents_area .main .plus-btn .left a {
          padding: 0 20px; }
      #contents_area .main .plus-btn .right a {
        padding: 0 20px; } }