/** -------------------------------
 * mainview
 */
#mainview {
  background-color: #000;
}
  #mainview > .wrap {
    position: relative;
    width: 100%;
  }
    #mainview .swiper-container {}
      #mainview .swiper-wrapper {}
        #mainview .swiper-slide {
          position: relative;
          padding-top: 52%;
        }
          #mainview .bg {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
          }
          #mainview .swiper-slide > .wrap {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
          }
            #mainview .inner {
              position: relative;
              width: 100%;
              /*max-width: 1280px;*/
              height: 100%;
              /*margin: 0 auto;*/
            }
              #mainview .inner .copy {
                position: absolute;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                display: block;
              }
                #mainview .inner .copy span {
                  display: block;
                  height: 100%;
                  background-repeat: no-repeat;
                  background-size: contain;
                  background-position: center;
                }

/* item01 */
#mainview .item01 {}
  #mainview .item01 .bg {
    background-image: url(../i_IMAGES/PC/pfa01.jpg);
    transition: 1.0s ease-in;
    -o-transition: 1.0s ease-in;
    -moz-transition: 1.0s ease-in;
    -webkit-transition: 1.0s ease-in;
    opacity: 0;
  }
  #mainview .item01.show .bg {
    opacity: 1;
  }
    #mainview .item01 .inner {

    }
      /* copy */
      #mainview .item01 .inner .copy {
        transition: 1.0s ease-in 3.15s;
        -o-transition: 1.0s ease-in 3.15s;
        -moz-transition: 1.0s ease-in 3.15s;
        -webkit-transition: 1.0s ease-in 3.15s;
        opacity: 0;
      }
      #mainview .item01.show .inner .copy {
        opacity: 1;
      }
        #mainview .item01 .inner .copy span {
          /*background-image: url(../i_IMAGES/PC/mainview01_copy01.png);*/
        }

/* item02 */
#mainview .item02 {}
  #mainview .item02 .bg {
    background-image: url(../i_IMAGES/PC/pfa02.jpg);
  }
    #mainview .item02 .inner {

    }
      /* copy */
      #mainview .item02 .inner .copy {
        /*transition: 1.0s ease-in;
        -o-transition: 1.0s ease-in;
        -moz-transition: 1.0s ease-in;
        -webkit-transition: 1.0s ease-in;
        opacity: 0;*/
      }
      #mainview .item02.show .inner .copy {
        opacity: 1;
      }
        #mainview .item02 .inner .copy span {
          /*background-image: url(../i_IMAGES/PC/mainview02_copy01.png);*/
        }
  #mainview .item02 .btn {
    display: none;
    /*position: absolute;
    left: 5.66%;
    top: 0;
    margin-top: 18.72%;*/
  }
  /*
    #mainview .item02 .btn a {
      position: relative;
      display: table;
      height: 38px;
      background-color: #c3002f;
      color: #fff;
    }

    #mainview .item02 .btn a:after {
      content: '';
      position: absolute;
      right: 14px;
      top: 0;
      bottom: 0;
      display: block;
      width: 10px;
      background-image: url(../i_IMAGES/swiper_next_white.png);
      background-repeat: no-repeat;
      background-position: right;
      background-size: auto 10px;
    }
      #mainview .item02 .btn a span {
        display: table-cell;
        padding-left: 14px;
        padding-right: 36px;
        font-size: 1.5em;
        white-space: nowrap;
        vertical-align: middle;
      }
    #mainview .item02 .btn a:hover {
      background-color: #900025;
      color: #fff;
    }
    #mainview .item02 .btn a:hover:after {
      background-image: url(../i_IMAGES/swiper_next_white.png);
    }
    */

  /* aside */
  #mainview .aside {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
    #mainview .aside > .wrap {
      position: relative;
      max-width: 1280px;
      height: 100%;
      margin: 0 auto;
      transition: 1.0s ease-in 3.15s;
      -o-transition: 1.0s ease-in 3.15s;
      -moz-transition: 1.0s ease-in 3.15s;
      -webkit-transition: 1.0s ease-in 3.15s;
      opacity: 0;
    }
    #mainview .item01.show .aside > .wrap {
      opacity: 1;
    }
    #mainview .item02 .aside {
      display: none;
    }
    #mainview .item02 .aside > .wrap {
      opacity: 1;
    }
      #mainview .aside .content {
        position: absolute;
        left: 4.3%;
        bottom: 2%; /* 5% */
        z-index: 2;
        display: table;
        transition: 1.0s ease-in;
        -o-transition: 1.0s ease-in;
        -moz-transition: 1.0s ease-in;
        -webkit-transition: 1.0s ease-in;
      }
        #mainview .aside .price {
          display: table-cell;
          padding-right: 10px;
          vertical-align: bottom;
        }
          #mainview .aside .price dl {
            white-space: nowrap;
          }
            #mainview .aside .price dt {
              font-size: 1.2em;
              color: #000;
              line-height: 1.1;
            }
            #mainview .aside .price dd {
              padding-top: 3px;
              font-size: 3.6em;
              font-weight: bold;
              color: #000;
              line-height: 1.1;
            }
              #mainview .aside .price em {
                padding-left: 2%;
                font-size: 0.6em;
                vertical-align: middle;
              }
        #mainview .aside .button {
          display: table-cell;
          padding-left: 10px;
          vertical-align: bottom;
        }
          #mainview .aside .button.quotation a {
            position: relative;
            display: table;
            height: 34px;
            background-color: rgba(0,0,0,0.4);
            border: 1px solid #555;
          }
          #mainview .aside .button.carSearch a {
            position: relative;
            display: table;
            height: 34px;
            background-color: #c3002f;
            border: 1px solid #c3002f;
          }
          #mainview .aside .button a:before {
            content: '';
            position: absolute;
            left: 5px;
            top: 50%;
            display: block;
            width: 32px;
            height: 32px;
            margin-top: -16px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
          }
          #mainview .aside .button.carSearch a:before { background-image: url(../i_IMAGES/icon_carSearch02.png); }
          #mainview .aside .button.quotation a:before { background-image: url(../i_IMAGES/icon_quotation.png); }
            #mainview .aside .button span {
              display: table-cell;
              padding-left: 40px;
              padding-right: 15px;
              font-size: 1.3em;
              color: #fff;
              line-height: 1.1;
              white-space: nowrap;
              vertical-align: middle;
            }
            #mainview .aside .button.quotation:hover span {
              color: #c3002c;
            }
            #mainview .aside .button.carSearch:hover a {
              background-color: #a60028;
            }

/* swiper ctrl */
#mainview .swiper-button-prev {
  left: 0;
  display: block;
  width: 38px;
  height: 200px;
  margin-top: -100px;
  background-color: rgba(238,238,238,.85);
  background-image: url(../i_IMAGES/swiper_prev_gray.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}
#mainview .swiper-button-prev:hover {
  background-color: #c3002f;
  background-image: url(../i_IMAGES/swiper_prev_white.png);
}
#mainview .swiper-button-prev.swiper-button-disabled {
  display: none;
}
#mainview .swiper-button-prev.none {
  display: none;
}
#mainview .swiper-button-next {
  right: 0;
  display: block;
  width: 38px;
  height: 200px;
  margin-top: -100px;
  background-color: rgba(238,238,238,.85);
  background-image: url(../i_IMAGES/swiper_next_gray.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px auto;
}
#mainview .swiper-button-next:hover {
  background-color: #c3002f;
  background-image: url(../i_IMAGES/swiper_next_white.png);
}
#mainview .swiper-button-next.swiper-button-disabled {
  display: none;
}
#mainview .swiper-button-next.none {
  display: none;
}
#mainview .swiper-pagination {
  clear: both;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: -125px;
  padding-right: 15px;
  text-align: center;
}
#mainview .swiper-pagination.none {
  display: none;
}
  #mainview .swiper-pagination-bullet {
    position: relative;
    width: 170px;
    height: 96px;
    margin-left: 15px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    opacity: 1;
  }
    #mainview .swiper-pagination-bullet:nth-child(2) {
      background-image: url(../i_IMAGES/pfa_thumb01.jpg);
    }
    #mainview .swiper-pagination-bullet:nth-child(1) {
      background-image: url(../i_IMAGES/pfa_thumb02.jpg);
    }
  #mainview .swiper-pagination-bullet-active {

  }
  #mainview .swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    right: -4px;
    bottom: -4px;
    display: block;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #c3002c;
  }

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
/* aside */
#mainview .aside .price {
  padding-right: 0.78125vw;
}
    #mainview .aside .price dd {
      padding-top: 0.234375vw;
    }
#mainview .aside .button {
  padding-left: 0.78125vw;
}
  #mainview .aside .button a {
    height: 2.65625vw;
  }
  #mainview .aside .button a:before {
    left: 0.390625vw;
    width: 2.5vw;
    height: 2.5vw;
    margin-top: -1.25vw;
  }
    #mainview .aside .button span {
      padding-left: 3.125vw;
      padding-right: 1.171875vw;
    }
/* swiper ctrl */
#mainview .swiper-button-prev {
  width: 2.8vw;
  height: 15vw;
  margin-top: -7.5vw;
  background-size: 1.5vw auto;
}
#mainview .swiper-button-next {
  width: 2.8vw;
  height: 15vw;
  margin-top: -7.5vw;
  background-size: 1.5vw auto;
}
}





/** -------------------------------
 * section | information
 */
.section#information {
  margin-top: 180px;
}
  .section#information > .wrap {}
    .section#information .header {
      display: none;
    }
    .section#information .content {
      margin-top: 2.4%;
      padding-bottom: 3.418%;
    }
      .section#information .content > .wrap {
        position: relative;
        /*padding: 0 2.564%;*/
      }
        .section#information .swiper-container {

        }
          .section#information .swiper-wrapper {

          }
            .section#information .swiper-slide {

            }
              .section#information .swiper-slide a {
                display: block;
              }
                .section#information .swiper-slide a > .wrap {

                }
                  .section#information .swiper-slide .image {
                    display: block;
                  }
                  .section#information .swiper-slide .image.sp {
                    display: none;
                  }
                  .section#information .swiper-slide .description {
                    display: none;
                  }
                  .section#information .swiper-slide .button {
                    display: none;
                  }
        .section#information .swiper-button-prev {
          display: none;
          left: -16px;
          width: 32px;
          height: 32px;
          margin-top: -16px;
          background-color: #000;
          background-image: url(../i_IMAGES/icon_prev.png);
          background-size: contain;
        }
        .section#information .swiper-button-next {
          display: none;
          right: -16px;
          width: 32px;
          height: 32px;
          margin-top: -16px;
          background-color: #000;
          background-image: url(../i_IMAGES/icon_next.png);
          background-size: contain;
        }
        .section#information .swiper-pagination {
          display: none;
          clear: both;
          left: 0;
          bottom: -40px;
          width: 100%;
          margin-top: 15px;
          padding-right: 10px;
          text-align: center;
        }
          .section#information .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
            margin-left: 10px;
          }
          .section#information .swiper-pagination-bullet-active {
            background-color: #c3002c;
          }
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
        .section#information .swiper-button-prev {
          left: -1.25vw;
          width: 2.5vw;
          height: 2.5vw;
          margin-top: -1.25vw;
        }
        .section#information .swiper-button-next {
          right: -1.25vw;
          width: 2.5vw;
          height: 2.5vw;
          margin-top: -1.25vw;
        }
        .section#information .swiper-pagination {
          bottom: -3.125vw;
          margin-top: 1.171875vw;
          padding-right: 0.78125vw;
        }
          .section#information .swiper-pagination-bullet {
            width: 0.78125vw;
            height: 0.78125vw;
            margin-left: 0.78125vw;
            border-radius: 0.390625vw;
            -moz-border-radius: 0.390625vw;
            -webkit-border-radius: 0.390625vw;
          }
}





/** -------------------------------
 * section | gradeRanking
 */
.section#gradeRanking {
  margin-top: 1.4%;
}
  .section#gradeRanking > .wrap {
    padding-bottom: 3.281%;
  }
    .section#gradeRanking .content {
      margin-top: 2.4%;
    }
      .section#gradeRanking .content > .wrap {
        position: relative;
      }
        .section#gradeRanking .swiper-container {

        }
          .section#gradeRanking .swiper-wrapper {

          }
            .section#gradeRanking .swiper-slide {
              display: block;
              width: 31.624%;
              margin-left: 2.564%;
              float: left;
            }
            .section#gradeRanking .swiper-slide:first-child {
              margin-left: 0;
            }
              .section#gradeRanking .content .item {
                position: relative;
                display: block;
                width: 100%;
                padding-top: 35.135%;
                color: #000;
              }
                .section#gradeRanking .content .item .image {
                  position: absolute;
                  left: 0;
                  top: 30px;
                  right: 0;
                  bottom: 0;
                  display: block;
                  background-repeat: no-repeat;
                  background-position: left;
                  background-size: contain;
                }
                .section#gradeRanking .content .item01 .image { background-image: url(../i_IMAGES/PC/gradeRanking_img01.jpg); }
                .section#gradeRanking .content .item02 .image { background-image: url(../i_IMAGES/PC/gradeRanking_img02.jpg); }
                .section#gradeRanking .content .item03 .image { background-image: url(../i_IMAGES/PC/gradeRanking_img03.jpg); }
                .section#gradeRanking .content .item .num {
                  position: absolute;
                  left: 0;
                  top: 0;
                  display: table;
                  width: 30px;
                  height: 30px;
                  background-color: #fff;
                  border: 1px solid #b4b4b4;
                }
                  .section#gradeRanking .content .item .num em {
                    display: table-cell;
                    font-size: 1.6em;
                    font-style: normal;
                    font-weight: bold;
                    color: #666;
                    line-height: 1.1;
                    text-align: center;
                    vertical-align: middle;
                  }
                .section#gradeRanking .content .item dl {
                  position: absolute;
                  left: 50%;
                  top: 6%;
                }
                .section#gradeRanking .content .item:hover {
                  color: #000;/*#c3002f*/
                }
                  .section#gradeRanking .content .item dt {
                    font-size: 1.2em;
                    font-weight: bold;
                    line-height: 1.5;
                  }
                  .section#gradeRanking .content .item dd {
                    margin-top: 4%;
                    font-size: 1.3em;
                    line-height: 1.5;
                  }
                    .section#gradeRanking .content .item dd b {
                      font-weight: bold;
                    }
              .section#gradeRanking .content .simulation {
                position: relative;
                display: block;
                width: 57.837%;
                /*width: 33%;*/
                margin: 0 auto;
                margin-top: 2.7%;
                padding-right: 3%;
                background-color: #c3002c;
              }
                .section#gradeRanking .content .simulation span {
                  display: block;
                  padding: 5% 10%;
                  background-image: url(../i_IMAGES/arrow_white.png);
                  background-repeat: no-repeat;
                  background-position: right;
                  background-size: auto 10px;
                  font-size: 1.3em;
                  color: #fff;
                  white-space: nowrap;
                }
                .section#gradeRanking .content .simulation:hover span {
                  color: #c3002c;
                }
          .section#gradeRanking .swiper-button-prev {
            display: none;
          }
          .section#gradeRanking .swiper-button-next {
            display: none;
          }
    .section#gradeRanking .link {
      clear: both;
      margin-top: 2.734%;
    }
      .section#gradeRanking .link ul {
        display: table;
        margin: 0 auto;
      }
        .section#gradeRanking .link li {
          display: table-cell;
          padding: 0 2.8%;
        }
        .section#gradeRanking .link li:first-child {
          /*width: 110px;*/
          /* 試乗車・展示車検索クローズ：164px */
          width: 164px;
          border-right: 1px solid #c1c1c1;
        }
        .section#gradeRanking .link li:last-child {
          width: 136px;
        }
          .section#gradeRanking .link a {
            display: block;
            padding: 2% 0;
          }
            .section#gradeRanking .link span {
              display: block;
              /*padding-right: 20px;*/
              background-image: url(../i_IMAGES/arrow_red.png);
              background-repeat: no-repeat;
              background-position: right;
              background-size: auto 13px;
              font-size: 1.4em;
              color: #333;
              line-height: 1.1;
              white-space: nowrap;
            }
            .section#gradeRanking .link a:hover span {
              color: #c3002c;
            }
/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
            .section#gradeRanking .content .item .image {
              top: 2.3437vw;
            }
            .section#gradeRanking .content .item .num {
              width: 2.3437vw;
              height: 2.3437vw;
            }
            .section#gradeRanking .content .simulation span {
              background-size: auto 0.78125vw;
            }
        .section#gradeRanking .link li:first-child {
          /*width: 8.8125vw;*/
          /* 試乗車・展示車検索クローズ：12.8125vw */
          width: 12.8125vw;
        }
        .section#gradeRanking .link li:last-child {
          width: 10.625vw;
        }
            .section#gradeRanking .link span {
              padding-right: 1.5625vw;
              background-size: auto 1.0156vw;
            }
}





/** -------------------------------
 * nim
 */
#nim {
  clear: both;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 120px;/*@edit 3.2% → 120px*/
  padding: 0 3.667%;
}
  #nim > .wrap {
    /*transition: 1.0s ease-out;
    -o-transition: 1.0s ease-out;
    -moz-transition: 1.0s ease-out;
    -webkit-transition: 1.0s ease-out;
    opacity: 0;*/
  }
  #nim .eos {
    font-size: 1.6em;
    padding: 3.667% 0;
  }
  #nim.show > .wrap {
    opacity: 1;
  }
    #nim .logo {
      padding-top: 30%;
      background-image: url(../i_IMAGES/PC/nim.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }





/** -------------------------------
 * usp
 */
.usp {
  clear: both;
  margin-top: 6%;
}
  .usp > .wrap {
    display: block;
  }
    /* header */
    .usp .header {
      position: relative;
      max-width: 1280px;
      margin: 0 auto;
      padding: 0 3.667%;
    }
      .usp .header dl {

      }
        .usp .header dt {
          width: 17.777%;
          padding-top: 3.077%;
          background-repeat: none;
          background-size: cover;
          background-position: left;
        }
        .usp .header dd {
          padding-top: 7.008%;
          background-repeat: none;
          background-size: cover;
          background-position: left;
        }
          .usp .header span {
            display: none;
          }
    /* content */
    .usp .content {
      position: relative;
    }
    /* footer */
    .usp .footer {
      max-width: 1280px;
      margin: 0 auto;
      margin-top: 1.5%;
      padding: 0 3.667%;
    }
      .usp .footer .button {
        position: relative;
        display: table;
        height: 44px;
        background-color: #c3002f;
        float: right;
      }
      .usp .footer .button:after {
        content: '';
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        width: 10px;
        background-image: url(../i_IMAGES/swiper_next_white.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }
        .usp .footer .button span {
          display: table-cell;
          padding-left: 20px;
          padding-right: 50px;
          vertical-align: middle;
        }
          .usp .footer .button i {
            font-size: 1.5em;
            font-style: normal;
            color: #fff;
          }

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
    .usp .header:before {
      height: 0.3125vw;
    }
}





/** -------------------------------
 * swiper
 */
.usp .swiper {}
  .usp .swiper > .wrap {
    position: relative;
  }
    .usp .swiper .swiper-container {}
      .usp .swiper .swiper-wrapper {}
        .usp .swiper .swiper-slide {
          position: relative;
          padding-top: 42%;
        }
          .usp .swiper .swiper-slide a {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            display: block;
            background-repeat: no-repeat;
            background-size: contain;
          }
    /* swiper ctrl */
    .usp .swiper .swiper-button-prev {
      left: 0;
      display: block;
      width: 38px;
      height: 200px;
      margin-top: -100px;
      background-image: url(../i_IMAGES/swiper_prev_red.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 18px auto;
    }
    .usp .swiper .swiper-button-prev:hover {
      background-color: #c3002f;
      background-image: url(../i_IMAGES/swiper_prev_white.png);
    }
    .usp .swiper .swiper-button-prev.swiper-button-disabled {
      background-image: url(../i_IMAGES/swiper_prev_gray.png);
    }
    .usp .swiper .swiper-button-next {
      right: 0;
      display: block;
      width: 38px;
      height: 200px;
      margin-top: -100px;
      background-image: url(../i_IMAGES/swiper_next_red.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 18px auto;
    }
    .usp .swiper .swiper-button-next:hover {
      background-color: #c3002f;
      background-image: url(../i_IMAGES/swiper_next_white.png);
    }
    .usp .swiper .swiper-button-next.swiper-button-disabled {
      background-image: url(../i_IMAGES/swiper_next_gray.png);
    }
    .usp .swiper .swiper-pagination {
      clear: both;
      left: 0;
      bottom: 0;
      width: 100%;
      margin-bottom: -30px;
      padding-right: 10px;
      text-align: center;
    }
    .usp .swiper .swiper-pagination.none {
      display: none;
    }
      .usp .swiper .swiper-pagination-bullet {
        position: relative;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        background-color: #cccccc;
        border-radius: 50%;
        opacity: 1;
      }
      .usp .swiper .swiper-pagination-bullet-active {
        background-color: #c3002f;
      }

/* tablet */
@media screen and (min-width: 581px) and (max-width: 1279px) {
    .usp .swiper .swiper-button-prev {
      left: 0;
      width: 2.968vw;
      height: 15.625vw;
      margin-top: -7.812vw;
    }
    .usp .swiper .swiper-button-next {
      right: 0;
      width: 2.968vw;
      height: 15.625vw;
      margin-top: -7.812vw;
    }
}





/** -------------------------------
 * exterior
 */
/* header */
#exterior .header dt {
  background-image: url(../i_IMAGES/PC/exterior_label.png);
}
#exterior .header dd {
  background-image: url(../i_IMAGES/PC/exterior_title.png);
}
/* content */
#exterior .swiper-slide.item01 a {
  background-image: url(../i_IMAGES/PC/usp01-1.jpg);
}
#exterior .swiper-slide.item02 a {
  background-image: url(../i_IMAGES/PC/usp01-2.jpg);
}


/** -------------------------------
 * technology
 */
/* header */
#technology .header dt {
  background-image: url(../i_IMAGES/PC/technology_label.png);
}
#technology .header dd {
  background-image: url(../i_IMAGES/PC/technology_title.png);
}
/* content */
#technology .swiper-slide.item01 a {
  background-image: url(../i_IMAGES/PC/usp02-1.jpg);
}
#technology .swiper-slide.item02 a {
  background-image: url(../i_IMAGES/PC/usp02-2.jpg);
}
#technology .swiper-slide.item03 a {
  background-image: url(../i_IMAGES/PC/usp02-3.jpg);
}
#technology .swiper-slide.item04 a {
  background-image: url(../i_IMAGES/PC/usp02-4.jpg);
}


/** -------------------------------
 * driving
 */
/* header */
#driving .header dt {
  background-image: url(../i_IMAGES/PC/driving_label.png);
}
#driving .header dd {
  background-image: url(../i_IMAGES/PC/driving_title.png);
}
/* content */
#driving .swiper-slide.item01 a {
  background-image: url(../i_IMAGES/PC/usp03-1.jpg);
}
#driving .swiper-slide.item02 a {
  background-image: url(../i_IMAGES/PC/usp03-2.jpg);
}


/** -------------------------------
 * interior
 */
/* header */
#interior .header dt {
  background-image: url(../i_IMAGES/PC/interior_label.png);
}
#interior .header dd {
  background-image: url(../i_IMAGES/PC/interior_title.png);
}
/* content */
#interior .swiper-slide.item01 a {
  background-image: url(../i_IMAGES/PC/usp04-1.jpg);
}
#interior .swiper-slide.item02 a {
  background-image: url(../i_IMAGES/PC/usp04-2.jpg);
}
#interior .swiper-slide.item03 a {
  background-image: url(../i_IMAGES/PC/usp04-3.jpg);
}





/** -------------------------------
 * animation
 */
@-webkit-keyframes fadeImage {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}
@-moz-keyframes fadeImage {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}


@keyframes fadeImage {
  0% {opacity: 0;}
  40% {opacity: 0;}
  50% {opacity: 1;}
  90% {opacity: 1;}
  100% {opacity: 0;}
}

@-webkit-keyframes blinkImage {
  0% {opacity: 0;}
  30% {opacity: 1;}
  70% {opacity: 1;}
  100% {opacity: 0;}
}
@-moz-keyframes blinkImage {
  0% {opacity: 0;}
  30% {opacity: 1;}
  70% {opacity: 1;}
  100% {opacity: 0;}
}


@keyframes blinkImage {
  0% {opacity: 0;}
  30% {opacity: 1;}
  70% {opacity: 1;}
  100% {opacity: 0;}
}

/* @group #SAPOCAR_S */

#SAPOCAR_S .inner {
	border: 2px solid #e0e0e0;
	padding: calc(34/1170 * 100%) calc(45/1170 * 100%);
	box-sizing: border-box;
}

#SAPOCAR_S .inner::after {
	display: block;
	clear: both;
	content: "";
}

#SAPOCAR_S .icon {
	width: calc(400/1076 * 100%);
	float: left;
	margin-right: calc(25/1076 * 100%);
}

#SAPOCAR_S .icon img {
	width: 100%;
}

#SAPOCAR_S .description {
	font-size: 1.6em;
}

#SAPOCAR_S .note {
	margin-top: 1.4em;
	font-size: 1.2em;
}