@media print, screen and (min-width: 769px) {
  /*------------------------------------------------------------------------------------------
*
*
    /blackstyle/
    Responsive / PC
*
*
------------------------------------------------------------------------------------------ */
  #contents_area {
    background-color: #000;
    color: #fff; }
    #contents_area .pc {
      display: block; }
    #contents_area .sp {
      display: none; }
    #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 img {
      width: 100%;
      display: block; }
    #contents_area h2 {
      font-size: 30px; }
    #contents_area .small {
      font-size: 12px; }
    #contents_area .line {
      border-bottom: 1px solid #fff;
      margin: 0 20px; }
    #contents_area button {
      display: none !important; }
    #contents_area p {
      line-height: 1.3rem; }
    #contents_area .stepwgn-mainvisual {
      position: relative; }
      #contents_area .stepwgn-mainvisual .scroll {
        position: absolute;
        bottom: 10px;
        left: 50%; }
        #contents_area .stepwgn-mainvisual .scroll img {
          max-width: 50px; }
    #contents_area .main .content-block {
      width: 100%;
      max-width: 1148px;
      margin: 180px auto;
      box-sizing: border-box;
      padding: 0 20px; }
      #contents_area .main .content-block .title {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 50px;
        margin-top: -100px;
        padding-top: 100px; }
    #contents_area .main .stepwgn-read {
      text-align: center;
      padding: 130px 0 150px; }
      #contents_area .main .stepwgn-read h2 {
        padding-bottom: 40px; }
      #contents_area .main .stepwgn-read p {
        font-size: 17px;
        line-height: 3.5em; }
    #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: 85px; }
        #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: 16px;
                width: auto;
                margin: auto; }
      #contents_area .main .stepwgn-guide .img-block-1 {
        margin-bottom: 25px;
        position: relative; }
        #contents_area .main .stepwgn-guide .img-block-1 img:last-child {
          position: absolute;
          top: 5%;
          left: 5%;
          max-width: 250px; }
      #contents_area .main .stepwgn-guide .img-block-2 {
        display: -webkit-flex;
        display: flex; }
        #contents_area .main .stepwgn-guide .img-block-2 .left {
          position: relative; }
          #contents_area .main .stepwgn-guide .img-block-2 .left img:last-child {
            position: absolute;
            bottom: 3%;
            right: 5%;
            max-width: 400px; }
        #contents_area .main .stepwgn-guide .img-block-2 .right {
          position: relative; }
          #contents_area .main .stepwgn-guide .img-block-2 .right img:last-child {
            position: absolute;
            top: 5%;
            left: 5%;
            max-width: 300px; }
    #contents_area .main #EXTERIOR .title .left img {
      max-width: 355px; }
    #contents_area .main #EXTERIOR .title .right img {
      max-width: 128px; }
    #contents_area .main #EXTERIOR .title .line {
      width: 52.3%; }
    #contents_area .main #EXTERIOR .img-content {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%; }
      #contents_area .main #EXTERIOR .img-content .img-box {
        width: 31%;
        margin-bottom: 60px; }
        #contents_area .main #EXTERIOR .img-content .img-box:last-child, #contents_area .main #EXTERIOR .img-content .img-box:nth-last-child(2), #contents_area .main #EXTERIOR .img-content .img-box:nth-last-child(3) {
          width: 19.2%;
          margin-bottom: 0; }
        #contents_area .main #EXTERIOR .img-content .img-box:nth-last-child(4) {
          margin-bottom: 0; }
        #contents_area .main #EXTERIOR .img-content .img-box p {
          margin-top: 10px;
          padding-left: 1em;
          text-indent: -1em; }
    #contents_area .main #INTERIOR .title .left img {
      max-width: 355px; }
    #contents_area .main #INTERIOR .title .right img {
      max-width: 103px; }
    #contents_area .main #INTERIOR .title .line {
      width: 52.8%; }
    #contents_area .main #INTERIOR .block-1 .img,
    #contents_area .main #INTERIOR .block-2 .img {
      display: -webkit-flex;
      display: flex; }
    #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: 55px; }
    #contents_area .main #INTERIOR .block-2 {
      margin-bottom: 75px; }
      #contents_area .main #INTERIOR .block-2 .img .pc {
        position: relative; }
        #contents_area .main #INTERIOR .block-2 .img .pc img:last-child {
          position: absolute;
          bottom: 0;
          left: 0;
          width: auto;
          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 {
      margin-bottom: 60px; }
      #contents_area .main #TYPE .title .left img {
        max-width: 275px; }
      #contents_area .main #TYPE .title .line {
        width: 73%;
        margin-right: 0; }
      #contents_area .main #TYPE .type-1,
      #contents_area .main #TYPE .type-2 {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-around;
        justify-content: space-around; }
        #contents_area .main #TYPE .type-1 .body_color_gallery,
        #contents_area .main #TYPE .type-2 .body_color_gallery {
          width: 50%; }
          #contents_area .main #TYPE .type-1 .body_color_gallery .color_slider .pic,
          #contents_area .main #TYPE .type-2 .body_color_gallery .color_slider .pic {
            margin: 0; }
            #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; }
          #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-bottom: 10px;
            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 {
            margin-top: 30px;
            font-size: 12px;
            text-align: center; }
        #contents_area .main #TYPE .type-1 .car-info,
        #contents_area .main #TYPE .type-2 .car-info {
          width: 40.4%; }
          #contents_area .main #TYPE .type-1 .car-info h3,
          #contents_area .main #TYPE .type-2 .car-info h3 {
            font-size: 23px;
            line-height: 1.4em; }
          #contents_area .main #TYPE .type-1 .car-info .price,
          #contents_area .main #TYPE .type-2 .car-info .price {
            margin-top: 10px;
            display: -webkit-flex;
            display: flex; }
            #contents_area .main #TYPE .type-1 .car-info .price .detail,
            #contents_area .main #TYPE .type-2 .car-info .price .detail {
              margin-right: 30px; }
              #contents_area .main #TYPE .type-1 .car-info .price .detail .inner,
              #contents_area .main #TYPE .type-2 .car-info .price .detail .inner {
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                align-items: center;
                -webkit-justify-content: space-between;
                justify-content: space-between; }
                #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: 75px; }
                #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; }
                #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: 35px; }
            #contents_area .main #TYPE .type-1 .car-info .price a img,
            #contents_area .main #TYPE .type-2 .car-info .price a img {
              max-width: 60px; }
          #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: 82px; }
          #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: 294px;
              height: 40px;
              background: #818181;
              color: #fff;
              display: table-cell;
              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: 140px 0 100px; }
        #contents_area .main #TYPE .type-2 .car-info .detail .detail-4WD {
          padding: 7px 3px !important; }
    #contents_area .main .plus-btn {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      margin-bottom: 128px; }
      #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: 24px;
          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-right: 10px; }
        #contents_area .main .plus-btn .left a {
          padding: 0 30px; }
      #contents_area .main .plus-btn .right a {
        padding: 0 70px; }
        #contents_area .main .plus-btn .right a:after {
          right: 16%; } }