@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: bottom; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

@font-face {
  font-family: 'futura';
  src: url(../font/Futura.ttc); }
@font-face {
  font-family: 'futura condensed medium';
  src: url("../font/Futura Condensed Medium.otf"); }
/*@font-face {
  font-family: 'avenir';
  src: url(../../common/font/avenir.ttc);
}*/
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none;
  color: #000000; }

/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
.rover-hover:hover {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: 0.7; }

@media screen and (max-width: 640px) {
  .pc {
    display: none; } }

@media screen and (min-width: 641px) {
  .sp {
    display: none; } }

@media screen and (min-width: 769px) {
  body {
    min-width: 980px;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  img {
    width: 100%; } }

.commonHeader {
  padding: 59px 0 52px 52px;
  background-color: #FFE100; }
  @media screen and (max-width: 768px) {
    .commonHeader {
      padding: 2.9333333333% 0 2.6666666667% 4%;
      border-bottom: 4px solid #E10016; } }
  @media screen and (min-width: 769px) {
    .commonHeader .header-inner {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; } }
  @media screen and (min-width: 769px) {
    .commonHeader .header-inner .logo {
      margin: 0 18px 0 0;
      display: inline-block; } }
  @media screen and (max-width: 768px) {
    .commonHeader .header-inner .logo {
      margin: 0 0 1.7391304348% 0;
      width: 55.7333333333vw; } }
  .commonHeader .header-inner .local-name {
    font-size: 25px;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .commonHeader .header-inner .local-name {
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      .commonHeader .header-inner .local-name {
        font-size: 5.5072463768vw; } }
  @media screen and (min-width: 769px) {
    .commonHeader .header-inner .btn-menu {
      display: none; } }
  @media screen and (max-width: 768px) {
    .commonHeader .header-inner .btn-menu {
      width: 18.1333333333vw;
      position: absolute;
      top: 2.6666666667vw;
      right: 3.7333333333vw; } }

.content-header {
  margin: 0 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center; }
  @media screen and (max-width: 768px) {
    .content-header {
      margin: 0 0 5.7971014493%; } }
  .content-header .title-container{
    padding: 6px 0 7px 152px;
    font-size: 70px;
    font-weight: bold; }
  .item-header {
    padding: 6px 0 20px 100px;
    font-size: 40px;
    font-weight: bold;
  }
  @media screen and (max-width: 768px){
    .item-header{
      font-size: 6.3333333333vw;
      padding: 6px 0 10px 55px;
    }
  }
    @media screen and (max-width: 768px) {
      .content-header .title-container {
        padding: 0.73% 0 2.2% 21.3333333333vw;
        background-size: 18.4vw !important; } }
    .point{
      background: url("../images/point.png") 0 0 no-repeat;
      background-size: 60px;
    }
    .content-header .title-container.header-diagnose {
      background: url("../images/good.png") 0 0 no-repeat;
      background-size: 120px;
     }
    .content-header .title-container.header-achievement,
    .content-header .title-container.header-reasonable,
    .content-header .title-container.header-technic {
      background: url("../images/good.png") 0 0 no-repeat;
      background-size: 120px; }
    .content-header .title-container.header-quality {
      background: url("../images/good.png") 0 0 no-repeat;
      background-size: 120px;  }
    /*
    .content-header .title-container.header-technic {
      background: url("../images/ico_tool.png") 0 0 no-repeat; }
    */
    .content-header .title-container.header-shop {
      background: url("../images/ico_shop.png") 0 0 no-repeat; }
    .content-header .title-container.header-alternative {
      padding: 11px 0 11px 137px;
      background: url("../images/ico_car.png") 0 0 no-repeat; }
      @media screen and (max-width: 768px) {
        .content-header .title-container.header-alternative {
          padding: 0 0 1.3333333333% 20.2666666667vw;
          background-position: 0 5px; } }
    .content-header .title-container.header-maintenance {
      background: url("../images/ico_file.png") 0 0 no-repeat; }
    .content-header .title-container.header-voice {
      background: url("../images/ico_voice.png") 0 0 no-repeat; }
    .content-header .title-container.header-qa {
      background: url("../images/ico_qa.png") 0 0 no-repeat; }
    .content-header .title-container.header-shop {
      padding: 14px 0 14px 152px;
      background: url("../images/ico_shop.png") 0 0 no-repeat; }
      @media screen and (max-width: 768px) {
        .content-header .title-container.header-shop {
          padding: 1.3333333333% 0 1.3333333333% 20.2666666667vw;
          font-size: 9.3333333333vw; } }
    .content-header .title-container .subtitle {
      margin: 0 0 15px;
      font-size: 26px; }
      @media screen and (max-width: 768px) {
        .content-header .title-container .subtitle {
          margin: 0 0 4.03%;
          font-size: 4.2666666667vw; } }
    .content-header .title-container .maintitle {
      letter-spacing: .1em; }
      @media screen and (max-width: 768px) {
        .content-header .title-container .maintitle {
          font-size: 8.3333333333vw;
          letter-spacing: 0; } }
      @media screen and (min-width: 769px) {
        .content-header .title-container .maintitle.car {
          font-size: 61px; } }
      @media screen and (max-width: 768px) {
        .content-header .title-container .maintitle.car {
          font-size: 7.7333333333vw; } }
      @media screen and (min-width: 769px) {
        .content-header .title-container .maintitle.shop {
          font-size: 60px; } }

.overview-txt {
  font-size: 20px;
  letter-spacing: -.04em;
  line-height: 1.8em;
  text-align: center;
  padding-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .overview-txt {
      width: 86.67vw;
      margin: 0 auto;
      font-size: 3.7333333333vw;
      text-align: left;
      line-height: 1.43em;
      padding-bottom: 0px; } }
  .overview-txt .marker {
    background: rgba(255, 225, 0, 0.55); }
  .overview-txt .ex {
    font-size: 14px; }

.navigation {
  height: 44px;
  background: #000000; }
  @media screen and (max-width: 768px) {
    .navigation {
      display: none; } }

.footer {
  padding: 44px 0 0; }
  @media screen and (max-width: 768px) {
    .footer {
      padding: 9.6% 0 0; } }
  .footer .logo {
    margin: 0 0 22px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .footer .logo {
        width: 58.93vw;
        margin: 0 auto 5.7971014493%; } }
  .footer .local-name {
    font-size: 22px;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .footer .local-name {
        margin: 0 0 4.9275362319%;
        font-size: 5.6vw; } }
  .footer .menu-list {
    width: 985px;
    margin: 0 auto 60px;
    display: block; }
    @media screen and (max-width: 768px) {
      .footer .menu-list {
        width: 100%;
        margin: 0 auto 7.2463768116%;
        padding: 0 0 0 16vw;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; } }
    .footer .menu-list .menu-item {
      width: 137px;
      font-size: 15px; }
      .footer .menu-list .menu-item:last-of-type {
        width: 163px;
        font-size: 14px; }
        .footer .menu-list .menu-item:last-of-type a span {
          letter-spacing: -0.05em; }
      @media screen and (max-width: 768px) {
        .footer .menu-list .menu-item {
          width: 42vw;
          margin: 0 0 4.26% 0;
          text-align: left; } }
      .footer .menu-list .menu-item a {
        font-weight: bold;
        color: #000000; }
        @media screen and (max-width: 768px) {
          .footer .menu-list .menu-item a {
            display: inline-block; }
            .footer .menu-list .menu-item a span {
              line-height: 1;
              border: none; } }
        .footer .menu-list .menu-item a span {
          letter-spacing: 0;
          border-width: 1px;
          border-color: #000; }
  .footer .copyright {
    text-align: center;
    line-height: 70px; }
    @media screen and (max-width: 768px) {
      .footer .copyright {
        font-size: 2.6666666667vw;
        line-height: 1;
        padding: 0 0 16px; } }

.pagetop {
  bottom: 120px;
  right: 50px;
  position: fixed;
  display: none;
  z-index: 5; }
  @media screen and (max-width: 768px) {
    .pagetop {
      width: 13.3333333333vw;
      bottom: 11vh;
      right: 20px; } }
  .pagetop a:hover {
    opacity: .7; }

.cv-area {
  padding: 15px 0 55px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #FFE100;
  border-top: 8px solid #E10016;
  border-bottom: 8px solid #E10016; }
  @media screen and (max-width: 768px) {
    .cv-area {
      padding: 4% 0 3.73%;
      border-width: 4px; } }
  .cv-area .characteristic {
    width: 740px;
    margin: 0 auto 11px;
    padding: 0;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .cv-area .characteristic {
        width: 92vw;
        margin: 0 auto 2.13%; } }
    .cv-area .characteristic .shortest {
      margin: 0;
      padding: 9px 0 7px 86px;
      float: left;
      -webkit-background-size: 75px;
      background-size: 75px; }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .shortest {
          margin: 0 6px 0 0;
          padding: 0 0 0 17px;
          background: none; } }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .shortest .minute {
          font-size: 5.4666666667vw; } }
      .cv-area .characteristic .shortest .unit-body {
        padding: 0 0 7px 3px; }
        @media screen and (max-width: 768px) {
          .cv-area .characteristic .shortest .unit-body {
            padding: 0;
            font-size: 3.7333333333vw; } }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .shortest .suffix {
          padding: 0;
          font-size: 3.7333333333vw; }
          .cv-area .characteristic .shortest .suffix .font-37 {
            font-size: 3.7333333333vw; } }
    .cv-area .characteristic .total-price {
      padding: 0 0 0 85px;
      float: left;
      -webkit-background-size: 75px;
      background-size: 75px; }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .total-price {
          padding: 0;
          background: none; } }
      .cv-area .characteristic .total-price .price {
        padding: 12px 0 2px 0; }
        @media screen and (max-width: 768px) {
          .cv-area .characteristic .total-price .price {
            margin: 0 0 0 2px;
            padding: 0;
            display: inline-block;
            float: none;
            font-size: 5.4666666667vw; } }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .total-price .unit {
          display: inline-block;
          float: none; } }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .total-price .unit.unit-pc {
          display: none; } }
      .cv-area .characteristic .total-price .unit.unit-sp {
        margin: 0 0 0 1px; }
        .cv-area .characteristic .total-price .unit.unit-sp .unit-body {
          margin: 0; }
        .cv-area .characteristic .total-price .unit.unit-sp .tax {
          margin: 0 0 0 -8px; }
        .cv-area .characteristic .total-price .unit.unit-sp .wave {
          margin: 0 0 0 8px; }
        @media screen and (min-width: 769px) {
          .cv-area .characteristic .total-price .unit.unit-sp {
            display: none; } }
      @media screen and (max-width: 768px) {
        .cv-area .characteristic .total-price .unit span {
          display: inline-block; } }
      .cv-area .characteristic .total-price .unit .tax {
        padding: 8px 0 0; }
        @media screen and (max-width: 768px) {
          .cv-area .characteristic .total-price .unit .tax {
            padding: 5px 0 0;
            font-size: 3.7333333333vw; } }
      .cv-area .characteristic .total-price .unit .unit-body {
        padding: 3px 0 0; }
        @media screen and (max-width: 768px) {
          .cv-area .characteristic .total-price .unit .unit-body {
            margin: 0 0 0 -8px;
            font-size: 3.7333333333vw; } }
  .cv-area .btn-telReserve {
    display: none; }
    @media screen and (max-width: 768px) {
      .cv-area .btn-telReserve {
        width: 46%;
        margin: 0 .6% 0 2.7%;
        display: inline-block; } }
  .cv-area .btn-webReserve {
    margin: 0 0 12px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .cv-area .btn-webReserve {
        width: 93.33vw;
        margin: 0 auto 0; } }
    .cv-area .btn-webReserve a:hover {
      opacity: .7; }
  .cv-area .tel-number {
    font-size: 30px;
    font-weight: bold;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .cv-area .tel-number {
        display: none; } }

.fixed-cv {
  width: 100%;
  padding: 15px 0 21px;
  position: fixed;
  left: 0;
  text-align: center;
  background: #FFE100;
  border-top: 5px solid #E10016;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 4; }
  @media screen and (min-width: 769px) {
    .fixed-cv {
      bottom: -120px; } }
  @media screen and (max-width: 768px) {
    .fixed-cv {
      bottom: -30%; } }
  @media screen and (min-width: 769px) {
    .fixed-cv.fixed {
      bottom: 0; } }
  @media screen and (max-width: 768px) {
    .fixed-cv.fixed {
      bottom: 0; } }
  @media screen and (max-width: 768px) {
    .fixed-cv {
      width: 100%;
      padding: 2.13% 0 1.6%;
      border-top: none;
      border-bottom: 4px solid #E10016; } }
  .fixed-cv .cv-body {
    width: 980px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      .fixed-cv .cv-body {
        width: 92vw;
        margin: 0 0 0 2.8985507246vw; } }
    .fixed-cv .cv-body .pc-reserve {
      display: inline-block; }
      @media screen and (min-width: 769px) {
        .fixed-cv .cv-body .pc-reserve {
          width: 407px; } }
    .fixed-cv .cv-body p {
      display: inline-block;
      font-weight: bold; }
      .fixed-cv .cv-body p.btn-webReserve {
        margin: 0 0 0 35px; }
      .fixed-cv .cv-body p.text {
        margin: 0 8px 0 0; }
        @media screen and (max-width: 768px) {
          .fixed-cv .cv-body p.text {
            display: none; } }
      @media screen and (max-width: 768px) {
        .fixed-cv .cv-body p.btn-fixed {
          width: 37.46vw;
          margin: 0 0 0 4.0579710145vw; } }
      .fixed-cv .cv-body p.btn-fixed.btn-telReserve {
        display: inline-block;
        margin: 0 1.73vw 0 0; }
        @media screen and (min-width: 769px) {
          .fixed-cv .cv-body p.btn-fixed.btn-telReserve {
            display: none; } }
        @media screen and (max-width: 768px) {
          .fixed-cv .cv-body p.btn-fixed.btn-telReserve {
            margin: 0 0 0 2.0289855072vw; } }
      @media screen and (max-width: 768px) {
        .fixed-cv .cv-body p.btn-fixed.btn-telReserve--pc {
          display: none; } }
      .fixed-cv .cv-body p.txt-tel {
        font-size: 22px; }
        @media screen and (max-width: 768px) {
          .fixed-cv .cv-body p.txt-tel {
            display: none; } }
      .fixed-cv .cv-body p.btn-menu {
        width: 12vw;
        margin: 0 0 0 3.6vw;
        display: inline-block; }
        @media screen and (min-width: 769px) {
          .fixed-cv .cv-body p.btn-menu {
            display: none; } }
      .fixed-cv .cv-body p span {
        display: inline-block; }
        .fixed-cv .cv-body p span.header {
          width: 75px;
          height: 32px;
          margin: 0 10px 0 0;
          font-size: 20px;
          line-height: 32px;
          background: #ffffff;
          border-radius: 5px; }
          .fixed-cv .cv-body p span.header.long {
            width: 104px; }
        .fixed-cv .cv-body p span.suffix {
          line-height: 30px; }
        .fixed-cv .cv-body p span.price-suffix {
          padding: 0 0 0.2em 0; }
        .fixed-cv .cv-body p span.suffix-yen {
          margin: 0 0 0 2px; }

.menu-list {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .menu-list {
      display: none; } }
  .menu-list .menu-item {
    width: 163px;
    height: 100%;
    font-size: 16px;
    text-align: center;
    float: left; }
    @media screen and (max-width: 768px) {
      .menu-list .menu-item {
        font-size: 4.2666666667vw; } }
    .menu-list .menu-item a {
      width: 100%;
      height: 100%;
      color: #ffffff; }
      @media screen and (min-width: 769px) {
        .menu-list .menu-item a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: center;
          justify-content: center; } }
      .menu-list .menu-item a:hover, .menu-list .menu-item a.active {
        color: #FFE100; }
      .menu-list .menu-item a span {
        width: 100%;
        line-height: 25px;
        border-left: 2px solid #888888; }
        @media screen and (min-width: 769px) {
          .menu-list .menu-item a span {
            letter-spacing: 0.15em; } }
    .menu-list .menu-item:last-of-type span {
      border-right: 2px solid #888888; }

.sp-navigation {
  width: 100%;
  height: 100%;
  display: none;
  overflow-y: scroll;
  padding: 6.4% 0 0;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
  border-bottom: 4px solid #E10016;
  z-index: 6;
  box-sizing: border-box; }
  @media screen and (min-width: 769px) {
    .sp-navigation {
      display: none; } }
  .sp-navigation .logo {
    width: 55.73vw;
    margin: 0 auto 1.8666666667%; }
  .sp-navigation .local-name {
    margin: 0 0 6.6666666667%;
    font-size: 4.5333333333vw;
    font-weight: bold;
    text-align: center; }
  .sp-navigation .slide-menu-list {
    width: 80.67vw;
    margin: 0 auto;
    padding: 0 0 4%; }
    .sp-navigation .slide-menu-list .menu-item {
      margin: 0 0 4.2666666667%; }
  .sp-navigation .btn-close {
    width: 6.9333333333vw;
    position: absolute;
    top: 2.5%;
    right: 3.8%; }

.characteristic .prefix {
  display: inline-block; }
  @media screen and (min-width: 769px) {
    .characteristic .prefix {
      padding: 0 0 29px; }
      .characteristic .prefix.archive {
        padding: 0; } }
  @media screen and (max-width: 768px) {
    .characteristic .prefix {
      display: block;
      text-align: center; } }
@media screen and (min-width: 769px) {
  .characteristic .small {
    font-size: 36px; } }
.characteristic .shortest {
  margin: 0 0 19px 0;
  padding: 3px 0 0 110px; }
  @media screen and (min-width: 769px) {
    .characteristic .shortest {
      padding: 3px 0 18px 0;
      display: inline-block; }
      .characteristic .shortest.top {
        padding: 3px 0 0 110px;
        display: block; } }
  @media screen and (max-width: 768px) {
    .characteristic .shortest {
      margin: 0 0 5px 0;
      padding: 2.5% 0 4.1% 19.2vw;
      -webkit-background-size: 17.6vw;
      background-size: 17.6vw; } }
  @media screen and (min-width: 769px) {
    .characteristic .shortest.ico-red {
      -webkit-background-size: 100px;
      background-size: 100px; } }
  @media screen and (max-width: 768px) {
    .characteristic .shortest.ico-red {
      -webkit-background-size: 17.6vw;
      background-size: 17.6vw; } }
  .characteristic .shortest .minute {
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .characteristic .shortest .minute:not(.top) {
        padding: 5px 0 0; } }
    @media screen and (max-width: 768px) {
      .characteristic .shortest .minute {
        font-size: 12vw; } }
  .characteristic .shortest .unit {
    display: inline-block; }
  .characteristic .shortest .unit-body {
    padding: 0 0 10px 3px;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .characteristic .shortest .unit-body {
        padding: 0 0 6px 3px; } }
  .characteristic .shortest .suffix {
    padding: 0 0 8px 3px;
    display: inline-block; }
.characteristic .total-price {
  padding: 0 0 0 110px;
  overflow: hidden;
  background: url("../images/ico_total_price.png") 0 0 no-repeat; }
  @media screen and (min-width: 769px) {
    .characteristic .total-price {
      padding: 0 0 19px 110px;
      display: inline-block; } }
  .characteristic .total-price.ico-red {
    background: url("../images/ico_total_price_red.png") 0 0 no-repeat; }
    @media screen and (min-width: 769px) {
      .characteristic .total-price.ico-red {
        -webkit-background-size: 100px;
        background-size: 100px; } }
    @media screen and (max-width: 768px) {
      .characteristic .total-price.ico-red {
        -webkit-background-size: 17.6vw;
        background-size: 17.6vw; } }
  @media screen and (max-width: 768px) {
    .characteristic .total-price {
      padding: 4.1% 0 4.1% 18.6666666667vw;
      -webkit-background-size: 17.6vw;
      background-size: 17.6vw; } }
  .characteristic .total-price.total-price--achievement {
    padding: 8px 0 10px 420px;
    background: url("../images/bg_price.png") 0 0 no-repeat; }
    @media screen and (max-width: 768px) {
      .characteristic .total-price.total-price--achievement {
        padding: 0 0 0 10%; } }
  .characteristic .total-price.total-price--quality {
    padding: 8px 0 10px 604px;
    background: url("../images/bg_quality.png") 0 0 no-repeat; }
    @media screen and (max-width: 768px) {
      .characteristic .total-price.total-price--quality {
        padding: 0 0 0 10%; } }
  .characteristic .total-price.total-price--technic {
    padding: 8px 0 10px 0;
    background: none; }
  .characteristic .total-price p {
    float: left; }
    .characteristic .total-price p.price {
      letter-spacing: -.012em; }
      @media screen and (min-width: 769px) {
        .characteristic .total-price p.price {
          display: inline-block;
          padding: 10px 0 0; }
          .characteristic .total-price p.price.top {
            padding: 0; } }
    .characteristic .total-price p.unit {
      margin: 0 0 0 -8px; }
      .characteristic .total-price p.unit span {
        display: block; }
        .characteristic .total-price p.unit span.tax {
          padding: 14px 0 0 0; }
          .characteristic .total-price p.unit span.tax.top {
            padding: 5px 0 0; }
          @media screen and (max-width: 768px) {
            .characteristic .total-price p.unit span.tax {
              padding: 0; } }
        .characteristic .total-price p.unit span.unit-body {
          margin: 32px 0 0 13px;
          padding: 2px 0 0 0; }
          .characteristic .total-price p.unit span.unit-body.top {
            padding: 5px 0 0; }
          @media screen and (max-width: 768px) {
            .characteristic .total-price p.unit span.unit-body {
              margin: 15px 0 0 9px;
              padding: 2px 0 0; } }

.map-container {
  width: 100%;
  height: 456px; }
  @media screen and (max-width: 768px) {
    .map-container {
      height: auto;
      position: relative; }
      .map-container:before {
        content: '';
        display: block;
        padding: 55.07% 0 0; } }

@media screen and (min-width: 769px) {
  .on-pc {
    display: inline-block; } }
@media screen and (max-width: 768px) {
  .on-pc {
    display: none; } }

@media screen and (min-width: 769px) {
  .on-sp {
    display: none !important; } }
@media screen and (max-width: 768px) {
  .on-sp {
    display: inline-block !important; } }

.font-red {
  color: #E10016; }

.font-orange {
  color: #FFBB00; }

.font-15 {
  font-size: 15px; }
  @media screen and (max-width: 768px) {
    .font-15 {
      font-size: 0.9765625vw; } }

.font-20 {
  font-size: 20px; }
  @media screen and (max-width: 768px) {
    .font-20 {
      font-size: 1.3020833333vw; } }

.font-22 {
  font-size: 22px; }
  @media screen and (max-width: 768px) {
    .font-22 {
      font-size: 3.4322916667vw; } }

.font-25 {
  font-size: 25px; }
  @media screen and (max-width: 768px) {
    .font-25 {
      font-size: 3.6276041667vw; } }

.font-27 {
  font-size: 27px; }
  @media screen and (max-width: 768px) {
    .font-27 {
      font-size: 3.6vw; } }

.font-28 {
  font-size: 28px; }
  @media screen and (max-width: 768px) {
    .font-28 {
      font-size: 3.7333333333vw; } }

.font-30 {
  font-size: 30px; }
  @media screen and (max-width: 768px) {
    .font-30 {
      font-size: 1.953125vw; } }

.font-32 {
  font-size: 32px; }
  @media screen and (max-width: 768px) {
    .font-32 {
      font-size: 1.953125vw; } }

.font-34 {
  font-size: 34px; }
  @media screen and (max-width: 768px) {
    .font-34 {
      font-size: 4.5333333333vw; } }

.font-36 {
  font-size: 36px; }
  @media screen and (max-width: 768px) {
    .font-36 {
      font-size: 1.953125vw; } }

.font-37 {
  font-size: 37px; }
  @media screen and (max-width: 768px) {
    .font-37 {
      font-size: 4.953125vw; } }

.font-40 {
  font-size: 40px; }
  @media screen and (max-width: 768px) {
    .font-40 {
      font-size: 5.3333333333vw; } }

.font-43 {
  font-size: 43px; }
  @media screen and (max-width: 768px) {
    .font-43 {
      font-size: 1.953125vw; } }

.font-45 {
  font-size: 45px; }
  @media screen and (max-width: 768px) {
    .font-45 {
      font-size: 1.953125vw; } }

.font-53 {
  font-size: 53px; }
  @media screen and (max-width: 768px) {
    .font-53 {
      font-size: 1.953125vw; } }

.font-55 {
  font-size: 55px; }
  @media screen and (max-width: 768px) {
    .font-55 {
      font-size: 7.3333333333vw; } }

.font-56 {
  font-size: 56px; }
  @media screen and (max-width: 768px) {
    .font-56 {
      font-size: 7.4666666667vw; } }

.font-57 {
  font-size: 57px; }
  @media screen and (max-width: 768px) {
    .font-57 {
      font-size: 1.953125vw; } }

.font-58 {
  font-size: 58px; }
  @media screen and (max-width: 768px) {
    .font-58 {
      font-size: 1.953125vw; } }

.font-60 {
  font-size: 60px; }
  @media screen and (max-width: 768px) {
    .font-60 {
      font-size: 8vw; } }

.font-70 {
  font-size: 70px; }
  @media screen and (max-width: 768px) {
    .font-70 {
      font-size: 1.953125vw; } }

.font-74 {
  font-size: 74px; }
  @media screen and (max-width: 768px) {
    .font-74 {
      font-size: 9.8666666667vw; } }

.font-81 {
  font-size: 81px; }
  @media screen and (max-width: 768px) {
    .font-81 {
      font-size: 1.953125vw; } }

.font-90 {
  font-size: 90px; }
  @media screen and (max-width: 768px) {
    .font-90 {
      font-size: 1.953125vw; } }

.font-96 {
  font-size: 96px; }
  @media screen and (max-width: 768px) {
    .font-96 {
      font-size: 1.953125vw; } }

.font-97 {
  font-size: 97px; }
  @media screen and (max-width: 768px) {
    .font-97 {
      font-size: 1.953125vw; } }

.font-115 {
  font-size: 115px; }
  @media screen and (max-width: 768px) {
    .font-115 {
      font-size: 15.3333333333vw; } }

.font-bold {
  font-weight: bold; }

/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
.rover-hover:hover {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: 0.7; }

@media screen and (max-width: 640px) {
  .pc {
    display: none; } }

@media screen and (min-width: 641px) {
  .sp {
    display: none; } }

.q-num {
  width: 129px;
  display: inline-block;
  font-size: 96px;
  color: #FFBB00;
  font-weight: normal;
  font-family: 'futura condensed medium', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  @media screen and (max-width: 768px) {
    .q-num {
      width: 17.8666666667vw;
      font-size: 12.8vw; } }

.q-txt {
  display: inline-block;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.18em; }
  @media screen and (max-width: 768px) {
    .q-txt {
      font-size: 4.9333333333vw; } }

.question-container {
  width: 980px;
  margin: 0 auto 52px;
  padding: 0 34px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 18px; }
  @media screen and (max-width: 768px) {
    .question-container {
      width: 92vw;
      margin: 0 auto 4.2666666667%;
      padding: 0 6.5vw;
      border-radius: 2.4vw; } }
  .question-container .question-list {
    padding: 28px 0 39px; }
    @media screen and (max-width: 768px) {
      .question-container .question-list {
        padding: 1.4492753623% 0 3.4782608696%; } }
    .question-container .question-list .question-item {
      font-size: 36px;
      font-weight: bold;
      border-bottom: 3px dotted #000000; }
      @media screen and (max-width: 768px) {
        .question-container .question-list .question-item {
          border-width: 2px; } }
      .question-container .question-list .question-item a {
        width: 100%;
        height: 100%;
        padding: 28px 21px 28px 25px;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        letter-spacing: .01em;
        line-height: 80px;
        background: url("../images/ico_arrow.png") 97.6% 42px no-repeat; }
        @media screen and (max-width: 768px) {
          .question-container .question-list .question-item a {
            padding: 4.7297297297% 11px 4.0540540541% 2.6666666667vw;
            font-size: 4.8vw;
            line-height: 1.18em;
            background-position: 99% 50%;
            background-size: 6.0810810811%; } }
        .question-container .question-list .question-item a:hover {
          opacity: .7; }

/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
.rover-hover:hover {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: 0.7; }

@media screen and (max-width: 640px) {
  .pc {
    display: none; } }

@media screen and (min-width: 641px) {
  .sp {
    display: none; } }

.voice-list {
  margin: 0 0 19px;
  padding: 77px 0 0; }
  @media screen and (max-width: 768px) {
    .voice-list {
      padding: 8.8% 0 0;
      background: url("../images/bg_beige_tooltip_sp.png") 50% 0 no-repeat;
      -webkit-background-size: contain;
      background-size: contain; } }
  .voice-list .voice-container {
    width: 944px;
    margin: 0 auto 33px;
    padding: 42px 40px 36px 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.15); }
    @media screen and (max-width: 768px) {
      .voice-list .voice-container {
        width: 92vw;
        margin: 0 auto 6.13%;
        padding: 5.6% 4% 5.6% 3.73%; } }
    .voice-list .voice-container .voice-txt {
      padding: 0 0 24px;
      font-size: 20px;
      line-height: 2.5em;
      background-image: linear-gradient(rgba(203, 203, 203, 0.52) 0.1em, transparent 0.1em);
      background-size: auto 2.5em; }
      @media screen and (max-width: 768px) {
        .voice-list .voice-container .voice-txt {
          padding: 0 0 3.8%;
          font-size: 3.7333333333vw;
          line-height: 1.71em;
          -webkit-background-size: auto 1.71em;
          background-size: auto 1.71em; } }
      .voice-list .voice-container .voice-txt span {
        padding: 5px 1px;
        background: rgba(255, 225, 0, 0.55); }
        @media screen and (max-width: 768px) {
          .voice-list .voice-container .voice-txt span {
            padding: 1px; } }

.header {
  overflow: hidden; }
  @media screen and (min-width: 769px) {
    .header {
      display: none; } }
  .header .header-logo {
    float: left;
    width: 54.87vw;
    margin: 8px 0 6px 3.4782608696vw; }
  .header .btn-menu {
    width: 18.26vw;
    margin: 14px 4.347826087vw 7.5px 0;
    float: right; }

.mainvisual {
  background: url("../images/top_main.png") 50% 0 no-repeat; }
  @media screen and (max-width: 768px) {
    .mainvisual {
      height: 100%;
      padding: 63.2% 0 0;
      background: url("../images/top_main_sp.png") 0 0 no-repeat;
      background-size: contain; } }
  .mainvisual .mv-inner {
    position: relative; }
    @media screen and (min-width: 769px) {
      .mainvisual .mv-inner {
        width: 100%;
        max-width: 1200px;
        height: 520px;
        margin: 0 auto; } }
    .mainvisual .mv-inner .top-header {
      position: absolute;
      top: 43px;
      left: 53px;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .mainvisual .mv-inner .top-header {
          width: 100%;
          padding: 4%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          top: 0;
          left: 0;
          position: relative;
          background: #FFE100;
          border-bottom: 5px solid #E10016; } }
      .mainvisual .mv-inner .top-header p, .mainvisual .mv-inner .top-header h1 {
        float: left; }
        @media screen and (max-width: 768px) {
          .mainvisual .mv-inner .top-header p, .mainvisual .mv-inner .top-header h1 {
            float: none; } }
        @media screen and (max-width: 768px) {
          .mainvisual .mv-inner .top-header p.logo, .mainvisual .mv-inner .top-header h1.logo {
            width: 56vw;
            margin: 0 0 1.3333333333% 0; } }
        .mainvisual .mv-inner .top-header p.local-name, .mainvisual .mv-inner .top-header h1.local-name {
          padding: 14px 0 0 19px;
          font-size: 24px;
          font-weight: bold; }
          @media screen and (max-width: 768px) {
            .mainvisual .mv-inner .top-header p.local-name, .mainvisual .mv-inner .top-header h1.local-name {
              padding: 0;
              font-size: 5.3333333333vw; } }
        .mainvisual .mv-inner .top-header p.btn-menu, .mainvisual .mv-inner .top-header h1.btn-menu {
          width: 18.1333333333vw;
          position: absolute;
          top: 3.7333333333vw;
          right: 3.7333333333vw;
          z-index: 1; }
          @media screen and (min-width: 769px) {
            .mainvisual .mv-inner .top-header p.btn-menu, .mainvisual .mv-inner .top-header h1.btn-menu {
              display: none; } }
    .mainvisual .mv-inner .mv-sp {
      display: none; }
      @media screen and (max-width: 768px) {
        .mainvisual .mv-inner .mv-sp {
          display: block; } }
    .mainvisual .mv-inner .here {
      position: absolute;
      top: 148px;
      left: 88px; }
      @media screen and (max-width: 768px) {
        .mainvisual .mv-inner .here {
          display: none; } }
    .mainvisual .mv-inner .characteristic {
      position: absolute;
      top: 233px;
      left: 89px; }
      @media screen and (max-width: 768px) {
        .mainvisual .mv-inner .characteristic {
          top: 0;
          left: 11.73vw;
          padding: 37.3333333333% 0 0; }
          .mainvisual .mv-inner .characteristic .font-90 {
            font-size: 13.3333333333vw; } }

.home-top {
  height: 67px;
  position: relative;
  background-color: #FFE100;
  box-shadow: 0 5px 10px 0 rgba(163, 163, 163, 0.5); }
  .home-top::after {
    content: '';
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -37px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%) rotate(45deg) skew(-14deg, -14deg);
    box-shadow: 6px 6px 10px 0 rgba(163, 163, 163, 0.5);
    background: #FFE100; }
  @media screen and (max-width: 768px) {
    .home-top {
      height: auto;
      padding: 6.8% 0 8.2%;
      box-shadow: 0 3px 5px 0 rgba(163, 163, 163, 0.5); }
      .home-top::after {
        width: 38px;
        height: 38px;
        bottom: -19px; } }
  .home-top .txt-sixReason {
    position: absolute;
    top: 17px;
    left: calc(50% - 222px);
    z-index: 2; }
    @media screen and (max-width: 768px) {
      .home-top .txt-sixReason {
        width: 39.2vw;
        top: 12px;
        left: calc(50% - 19.6vw); } }

.relief-area {
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    .relief-area {
      width: 980px;
      padding: 60px 0 0 0; }
    /*img{
      max-width:280px;
      max-height:280px;
    }*/
  .btn-list{
    display: flex;
  }
  .btn-list li{
    width: 100%;
    text-align: center;
  }  }
  @media screen and (max-width: 768px) {
    .relief-area {
      width: 89.33%;
      padding: 7.4666666667% 0 4.2666666667%;
      background: none; } }
  .relief-area .btn-list {
    margin: 0;
    overflow: hidden;
   }
    @media screen and (max-width: 768px) {
      .relief-area .btn-list {
        margin-bottom: 10px; } }
    .relief-area .btn-list li {
      margin: 0 20px 15px 0;
      float: left; }
      .relief-area .btn-list li:nth-of-type(2n) {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        .relief-area .btn-list li {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px; }
        }
  .relief-area .banners {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .relief-area .banners p {
        width: 100%;
        margin-bottom: 20px; } }

.about-area {
  padding: 59px 0 54px; }
  @media screen and (max-width: 768px) {
    .about-area {
      padding: 6.9333333333% 0 4%; } }
  .about-area .header-image {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .about-area .header-image {
        width: 72.27%;
        margin: 0 auto; } }

.benefit-area {
  background: url("../images/bg_bias.gif") 50% 0 repeat; }
  @media screen and (max-width: 768px) {
    .benefit-area {
      background-size: 2.94vw; } }
  .benefit-area .benefit-header {
    position: relative;
    background-color: #FFE100; }
    @media screen and (min-width: 769px) {
      .benefit-area .benefit-header {
        box-shadow: 0 5px 10px 0 rgba(163, 163, 163, 0.5); }
        .benefit-area .benefit-header::before {
          content: '';
          width: 94px;
          height: 94px;
          position: absolute;
          bottom: -38px;
          left: 50%;
          z-index: 1;
          transform: translateX(-50%) rotate(45deg) skew(-14deg, -14deg);
          box-shadow: 6px 6px 10px 0 rgba(163, 163, 163, 0.5);
          background: #FFE100; }
        .benefit-area .benefit-header::after {
          content: '';
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #FFE100; } }
    @media screen and (min-width: 769px) {
      .benefit-area .benefit-header {
        height: 188px; } }
    .benefit-area .benefit-header .header-inner {
      height: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 3; }
      @media screen and (min-width: 769px) {
        .benefit-area .benefit-header .header-inner {
          width: 620px; } }
      @media screen and (max-width: 768px) {
        .benefit-area .benefit-header .header-inner {
          width: 82.6666666667vw; }
          .benefit-area .benefit-header .header-inner:before {
            content: '';
            display: block;
            padding: 30.65% 0 0; } }
      .benefit-area .benefit-header .header-inner p {
        position: absolute; }
        .benefit-area .benefit-header .header-inner p.ico {
          top: 31px;
          left: 0; }
          @media screen and (max-width: 768px) {
            .benefit-area .benefit-header .header-inner p.ico {
              width: 20%;
              top: 19%; } }
        .benefit-area .benefit-header .header-inner p.percent-wrapper {
          top: 42px;
          left: 141px; }
          @media screen and (max-width: 768px) {
            .benefit-area .benefit-header .header-inner p.percent-wrapper {
              top: 24%;
              left: 23%; } }
        .benefit-area .benefit-header .header-inner p.image {
          right: 0; }
          @media screen and (min-width: 769px) {
            .benefit-area .benefit-header .header-inner p.image {
              top: -22px; } }
          @media screen and (max-width: 768px) {
            .benefit-area .benefit-header .header-inner p.image {
              width: 37.5%;
              bottom: 0; } }
  .benefit-area .benefit-body {
    padding: 94px 0 51px; }
    @media screen and (max-width: 768px) {
      .benefit-area .benefit-body {
        padding: 8.8% 0 3.9%;
        background: url("../images/bg_yellow_tooltip_sp.png") 50% 0 no-repeat;
        -webkit-background-size: contain;
        background-size: contain; } }
    .benefit-area .benefit-body .subtitle {
      margin: 0 auto 20px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        .benefit-area .benefit-body .subtitle {
          width: 69.33%;
          margin: 0 auto 7px; } }
    .benefit-area .benefit-body .benefit-list {
      text-align: center; }
      @media screen and (max-width: 768px) {
        .benefit-area .benefit-body .benefit-list {
          width: 92vw;
          margin: 0 auto; } }
      .benefit-area .benefit-body .benefit-list .benefit-item {
        padding: 0 0 22px; }
        @media screen and (max-width: 768px) {
          .benefit-area .benefit-body .benefit-list .benefit-item {
            padding: 0 0 3.19% 2.66vw; } }
        .benefit-area .benefit-body .benefit-list .benefit-item a {
          display: inline-block;
          position: relative; }
          @media screen and (min-width: 769px) {
            .benefit-area .benefit-body .benefit-list .benefit-item a:hover {
              opacity: .7; }
              .benefit-area .benefit-body .benefit-list .benefit-item a:hover .gif-ani {
                display: block; } }
          @media screen and (max-width: 768px) {
            .benefit-area .benefit-body .benefit-list .benefit-item a {
              overflow: hidden; } }
          .benefit-area .benefit-body .benefit-list .benefit-item a .gif-ani {
            position: absolute;
            top: 0;
            left: 1px; }
            @media screen and (min-width: 769px) {
              .benefit-area .benefit-body .benefit-list .benefit-item a .gif-ani {
                display: none; } }
            @media screen and (max-width: 768px) {
              .benefit-area .benefit-body .benefit-list .benefit-item a .gif-ani {
                width: 20.8vw;
                left: 0; } }

.benefit-detail-area {
  padding: 63px 0 15px;
  background: url("../images/bg_arrow_dot.png") 50% 0 repeat; }
  @media screen and (max-width: 768px) {
    .benefit-detail-area {
      padding: 5.3333333333% 0 4%;
      background-size: 4.8vw; } }
  @media screen and (max-width: 768px) {
    .benefit-detail-area .benefit-content-wrapper {
      padding: 17.6% 0 0;
      margin: -17.6% 0 0; } }
  .benefit-detail-area .benefit-content {
    width: 980px;
    margin: 0 auto 60px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 768px) {
      .benefit-detail-area .benefit-content {
        width: 92vw;
        margin: 0 auto 6.13%;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); } }
    .benefit-detail-area .benefit-content .overview-area {
      padding: 63px 0 50px;
      position: relative;
      background: url("../images/cars3.png") 50% 0 repeat;
      background-color: rgba(255,255,255,0.8);
      background-blend-mode: lighten;
      background-size: cover; }
      @media screen and (min-width: 769px) {
        .benefit-detail-area .benefit-content .overview-area.overview--quality {
          padding: 63px 0 30px; }
        .benefit-detail-area .benefit-content .overview-area.technic {
          padding-bottom: 0; } }
      @media screen and (max-width: 768px) {
        .benefit-detail-area .benefit-content .overview-area {
          padding: 8.6956521739% 0 6.3768115942%; } }
      .benefit-detail-area .benefit-content .overview-area:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -74px;
        border: 74px solid transparent;
        border-top: 42px solid #ffffff; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .overview-area:before {
            margin-left: -9.3333333333vw;
            border: 9.3333333333vw solid transparent;
            border-top: 5.3333333333vw solid #ffffff; } }
      .benefit-detail-area .benefit-content .overview-area .benefit-main-image {
        margin: 0 0 50px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .overview-area .benefit-main-image {
            width: 86.67vw;
            margin: 0 auto 2.8985507246%; } }
      .benefit-detail-area .benefit-content .overview-area .characteristic {
        margin: 0 0 0 126px;
        padding: 36px 0 0; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .overview-area .characteristic {
            margin: 0;
            text-align: center; }
            .benefit-detail-area .benefit-content .overview-area .characteristic .total-price {
              display: inline-block; }
            .benefit-detail-area .benefit-content .overview-area .characteristic .price {
              font-size: 12vw; }
            .benefit-detail-area .benefit-content .overview-area .characteristic .unit .tax {
              font-size: 4.6666666667vw; }
            .benefit-detail-area .benefit-content .overview-area .characteristic .unit .unit-body {
              font-size: 6.5333333333vw; }
            .benefit-detail-area .benefit-content .overview-area .characteristic .shortest {
              margin: 0;
              display: inline-block; } }
    @media screen and (max-width: 768px) and (max-width: 768px) {
      .benefit-detail-area .benefit-content .overview-area .characteristic .shortest {
        padding-left: 2.2vw; } }
        @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .overview-area .characteristic .shortest > .tax {
                font-size: 4.6666666667vw; } }
        .benefit-detail-area .benefit-content .overview-area .characteristic.quality {
          margin: 0 0 0 25px; }
          @media screen and (min-width: 769px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.quality {
              padding: 36px 0 0;
              text-align: center; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.quality {
              margin: 0; } }
          .benefit-detail-area .benefit-content .overview-area .characteristic.quality .prefix {
            margin: 0 0 8px; }
            @media screen and (min-width: 769px) {
              .benefit-detail-area .benefit-content .overview-area .characteristic.quality .prefix {
                margin: 0 5px 10px 0;
                padding: 0 0 36px; } }
          .benefit-detail-area .benefit-content .overview-area .characteristic.quality span {
            display: inline-block; }
            .benefit-detail-area .benefit-content .overview-area .characteristic.quality span.tax {
              padding: 0 0 10px; }
              @media screen and (max-width: 768px) {
                .benefit-detail-area .benefit-content .overview-area .characteristic.quality span.tax {
                  padding: 19px 0 5px 1px; } }
            .benefit-detail-area .benefit-content .overview-area .characteristic.quality span.unit-body {
              margin: 0; }
        .benefit-detail-area .benefit-content .overview-area .characteristic.technic {
          margin: 0 0 0 90px;
          padding: 26px 0 0; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.technic {
              margin: 0;
              padding: 26px 0 13px; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.technic .prefix {
              font-size: 7.3333333333vw;
              margin: 0 0 20px; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.technic .yearly {
              font-size: 6.5333333333vw; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.technic .car-num {
              font-size: 12vw; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .overview-area .characteristic.technic .suffix {
              font-size: 6.5333333333vw; } }
          .benefit-detail-area .benefit-content .overview-area .characteristic.technic .font-81 {
            margin: 0 0 -10px;
            display: inline-block; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .overview-area .characteristic.technic .font-81 {
                margin: 0 0 -4px; } }
          .benefit-detail-area .benefit-content .overview-area .characteristic.technic .tax {
            margin-left: 10px; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .overview-area .characteristic.technic .tax {
                font-size: 6.5333333333vw; } }
          .benefit-detail-area .benefit-content .overview-area .characteristic.technic .car-num {
            margin-left: -10px; }
      .benefit-detail-area .benefit-content .overview-area .overview-ex {
        padding: 14px 0 16px;
        font-size: 16px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .overview-area .overview-ex {
            padding: 0;
            font-size: 3.768115942vw; } }
      @media screen and (max-width: 768px) {
        .benefit-detail-area .benefit-content .overview-area.technic {
          padding-bottom: 3.4782608696%; } }
    .benefit-detail-area .benefit-content .item-list-container {
      padding: 69px 115px 17px;
      background-color: rgba(125, 221, 192, 0.2);
      background-size: cover;
      background-blend-mode: lighten;}
      .benefit-detail-area .benefit-content .item-list-container.shop {
        padding: 94px 44px 76px; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container.shop {
            padding: 14.4927536232vw 2.8985507246vw 0; } }
      @media screen and (max-width: 768px) {
        .benefit-detail-area .benefit-content .item-list-container {
          padding: 9.2753623188% 0 7.2463768116%; } }
      .benefit-detail-area .benefit-content .item-list-container.container--achievement {
        padding: 69px 115px 36px; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container.container--achievement {
            padding: 11.0144927536% 0 5.5072463768%; } }
        .benefit-detail-area .benefit-content .item-list-container.container--achievement .notice-wrapper {
          padding: 0 0 9px 20px; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container.container--achievement .notice-wrapper {
              padding: 0; } }
          .benefit-detail-area .benefit-content .item-list-container.container--achievement .notice-wrapper .cost-notice {
            font-size: 16px;
            line-height: 1.4em; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container.container--achievement .notice-wrapper .cost-notice {
                width: 82.67vw;
                margin: 0 auto;
                font-size: 3.768115942vw;
                text-align: left; } }
      .benefit-detail-area .benefit-content .item-list-container .item-list-header {
        margin: 0 0 30px;
        padding: 19px 0 0;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container .item-list-header {
            width: 76vw;
            margin: 0 auto 4.347826087%;
            padding: 0; } }
      .benefit-detail-area .benefit-content .item-list-container .item-container {
        margin: 0 0 54px; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container .item-container {
            width: 86.67vw;
            margin: 0 auto 12.7536231884%;
            text-align: center; }
            .benefit-detail-area .benefit-content .item-list-container .item-container:last-of-type {
              margin: 0 auto 4.347826087%; }
            .benefit-detail-area .benefit-content .item-list-container .item-container > .image {
              width: 64vw;
              margin: 0 auto; } }
        .benefit-detail-area .benefit-content .item-list-container .item-container.simple {
          width: 488px;
          margin: 0 auto 46px; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .item-container.simple {
              width: 86.67vw;
              margin: 0 auto 7.5362318841%; } }
          .benefit-detail-area .benefit-content .item-list-container .item-container.simple .label-only {
            margin: 0 0 14px; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .item-container.simple .label-only {
                margin: 0 0 2.8985507246%; } }
          .benefit-detail-area .benefit-content .item-list-container .item-container.simple .item-description {
            letter-spacing: -.06em; }
        .benefit-detail-area .benefit-content .item-list-container .item-container .image-container {
          margin: 0 0 22px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-justify-content: space-between;
          justify-content: space-between; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .item-container .image-container {
              margin: 0 0 3.6923076923%; } }
          .benefit-detail-area .benefit-content .item-list-container .item-container .image-container .label {
            padding: 6px 0 0; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .item-container .image-container .label {
                width: 100%;
                padding: 0; } }
        .benefit-detail-area .benefit-content .item-list-container .item-container .item-description {
          font-size: 20px;
          letter-spacing: -.1em;
          line-height: 1.4em; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .item-container .item-description {
              margin: 0 0 3.0769230769%;
              font-size: 3.7333333333vw;
              text-align: left; } }
          .benefit-detail-area .benefit-content .item-list-container .item-container .item-description .description-ex {
            display: inline-block;
            font-size: 14px;
            line-height: 1.6em; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .item-container .item-description .description-ex {
                font-size: 3.2vw;
                line-height: 1.4em; } }
        .benefit-detail-area .benefit-content .item-list-container .item-container .iso-image-container {
          display: none; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .item-container .iso-image-container {
              width: 70.67vw;
              margin: 0 auto;
              padding: 1.5384615385% 0;
              display: block; }
              .benefit-detail-area .benefit-content .item-list-container .item-container .iso-image-container .iso-image {
                margin: 0 0 3.7735849057%; }
                .benefit-detail-area .benefit-content .item-list-container .item-container .iso-image-container .iso-image:last-of-type {
                  margin: 0; } }
      .benefit-detail-area .benefit-content .item-list-container .btn-to-detail {
        text-align: center; }
        .benefit-detail-area .benefit-content .item-list-container .btn-to-detail.detail--price {
          margin: 0 0 10px; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .btn-to-detail.detail--price {
              margin: 0 auto 2.8985507246%; } }
      .benefit-detail-area .benefit-content .item-list-container .btn-notice {
        font-size: 20px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container .btn-notice {
            font-size: 3.7333333333vw; } }
      .benefit-detail-area .benefit-content .item-list-container .system-container {
        width: 750px;
        margin: 0 auto 20px;
        background: #ffffff;
        border-radius: 20px; }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container .system-container {
            width: 86.67vw;
            margin: 0 auto 5.2173913043%;
            padding: 2.3188405797% 0 0;
            border-radius: 2.6666666667vw; } }
        .benefit-detail-area .benefit-content .item-list-container .system-container .system-header {
          margin: 0 0 20px;
          text-align: center; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .system-container .system-header {
              width: 79.2vw;
              margin: 0 auto 6.1538461538%; } }
          .benefit-detail-area .benefit-content .item-list-container .system-container .system-header img {
            margin: -22px 0 0; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .system-container .system-header img {
                margin: -7.4074074074% 0 0; } }
        .benefit-detail-area .benefit-content .item-list-container .system-container .system-subheader {
          width: 660px;
          margin: 0 auto 30px;
          font-size: 20px;
          letter-spacing: -.085em;
          line-height: 1.4em; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .system-container .system-subheader {
              width: 79.2vw;
              margin: 0 auto 4.9230769231%;
              font-size: 3.7333333333vw; } }
        .benefit-detail-area .benefit-content .item-list-container .system-container .section-separator {
          margin: 0 0 38px;
          font-size: 20px;
          font-weight: bold;
          text-align: center;
          letter-spacing: .05em;
          line-height: 35px;
          color: #ffffff;
          background: #E10016; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .system-container .section-separator {
              margin: 0;
              padding: 3.0769230769% 0;
              font-size: 4.6666666667vw;
              line-height: 1.11em; } }
        .benefit-detail-area .benefit-content .item-list-container .system-container .price-list {
          width: 700px;
          margin: 0 auto;
          padding: 0 0 21px;
          overflow: hidden; }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .system-container .price-list {
              width: 78.67vw;
              padding: 0 0 2px; } }
          .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item {
            width: 100%;
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center;
            align-items: stretch;}
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item {
                width: 100%;
                padding: 5.7627118644% 0;
                display: block;
                border-bottom: 5px solid #FFE100; }
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item:last-of-type {
                  border: none; }
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item.open .car-category {
                  background: url("../images/ico_minus.png") 100% 0 no-repeat;
                  -webkit-background-size: 30px;
                  background-size: 30px; } }
            .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category {
              display: none; }
              @media screen and (max-width: 768px) {
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category {
                  width: 68.8vw;
                  margin: 0 auto;
                  display: block;
                  box-sizing: border-box;
                  font-size: 5.3333333333vw;
                  font-weight: bold;
                  line-height: 8vw;
                  background: url("../images/ico_plus.png") 100% 0 no-repeat;
                  background-size: 8vw; }
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category.center {
                    text-align: center; }
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category.left01 {
                    padding: 0 0 0 9.1525423729%; }
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category.left02 {
                    padding: 0 0 0 2.3728813559%; }
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .car-category .weight {
                    margin: 0 0 0 5.8139534884%;
                    display: inline-block;
                    font-size: 4.4vw;
                    font-weight: normal; } }
            .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body {
              margin: 0 0 36px 0; }
              @media screen and (max-width: 768px) {
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body {
                  margin: 0;
                  padding: 9px 0 0;
                  display: none; } }
              @media screen and (min-width: 769px) {
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body {
                  display: block !important; } }
              .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .image {
                margin: 0 0 10px;
                text-align: center; }
                @media screen and (max-width: 768px) {
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .image {
                    width: 65.07vw;
                    margin: 0 auto 12.5px; } }
              .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price {
                width: fit-content;
                margin: 0 auto 7px auto;
                font-weight: bold; }
                @media screen and (max-width: 768px) {
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price {
                    text-align: center; } }
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .font-25 {
                  display: inline-block;
                  padding: 0 0 5px 0; }
                  @media screen and (max-width: 768px) {
                    .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .font-25 {
                      font-size: 6.1333333333vw; } }
                @media screen and (max-width: 768px) {
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .font-37 {
                    font-size: 8.6666666667vw; } }
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .font-22 {
                  display: inline-block;
                  margin: 0 0 0 -13px;
                  padding: 0 0 5px 0; }
                  @media screen and (max-width: 768px) {
                    .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .font-22 {
                      margin: 0 0 0 -10px;
                      font-size: 4.8vw; } }
                .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .price .wave {
                  margin: 0 0 0 15px; }
              .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .notice {
                text-align: center; }
                @media screen and (max-width: 768px) {
                  .benefit-detail-area .benefit-content .item-list-container .system-container .price-list .price-item .item-body .notice {
                    font-size: 3.0666666667vw; } }
      .benefit-detail-area .benefit-content .item-list-container .search-form {
        padding: 44px 55px 39px;
        overflow: hidden; }
        @media screen and (min-width: 769px) {
          .benefit-detail-area .benefit-content .item-list-container .search-form {
            background: #ffffff; } }
        @media screen and (max-width: 768px) {
          .benefit-detail-area .benefit-content .item-list-container .search-form {
            padding: 0; } }
        .benefit-detail-area .benefit-content .item-list-container .search-form .form-item {
          width: 359px;
          margin: 0 56px 45px 0;
          float: left; }
          .benefit-detail-area .benefit-content .item-list-container .search-form .form-item:nth-of-type(2n) {
            margin-right: 0; }
          .benefit-detail-area .benefit-content .item-list-container .search-form .form-item:nth-of-type(n + 3) {
            margin-bottom: 0; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item:nth-of-type(n + 3) {
                margin-bottom: 40px; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item:last-of-type {
              margin-bottom: 35px; } }
          @media screen and (max-width: 768px) {
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item {
              width: 100%;
              margin-bottom: 40px; } }
          .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dt {
            margin: 0 0 10px;
            font-size: 22.5px;
            text-align: center; }
            @media screen and (max-width: 768px) {
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dt {
                font-size: 5.7971014493vw; } }
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dt .item-head {
              padding: 0 0 0 44px;
              display: inline-block;
              font-weight: bold;
              line-height: 40px;
              background: url("../images/ico_search.png") 0 0 no-repeat; }
          .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd {
            /*.gps_search_btn {
              padding: 0;
              width: 100%;
              border-radius: 0;
              -webkit-box-sizing: content-box;
              -webkit-appearance: none;
              appearance: none;
              border: 0;
              box-sizing: border-box;
              background: none;

              &::-webkit-search-decoration {
                display: none;
              }
              &::focus {
                outline-offset: -2px;
              }

              img {
                width: 100%;
              }
            }*/ }
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd select,
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=text] {
              width: 359px;
              margin: 0 0 12px;
              padding: 18px 24px;
              font-size: 16px;
              box-sizing: border-box;
              line-height: 1;
              color: #999999;
              background: url("../images/bg_input.png") 0 0 no-repeat;
              border: none;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none; }
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd select::-ms-expand,
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=text]::-ms-expand {
                display: none; }
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd select.textBox,
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=text].textBox {
                background: url("../images/bg_textbox.png") 0 0 no-repeat;
                background-size: contain; }
              @media screen and (max-width: 768px) {
                .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd select,
                .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=text] {
                  width: 100%;
                  padding: 0 5.7971014493vw;
                  font-size: 4.0579710145vw;
                  line-height: 3.1em;
                  background: url("../images/bg_input_sp.png") 0 0 no-repeat;
                  background-size: cover; }
                  .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd select.textBox,
                  .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=text].textBox {
                    background: url("../images/bg_textbox_sp.png") 0 0 no-repeat;
                    background-size: cover; } }
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd input[type=image] {
              width: 100%; }
            .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd .gps_search_btn {
              display: block;
              width: 100%; }
              @media screen and (min-width: 769px) {
                .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd .gps_search_btn.sp {
                  display: none; } }
              @media screen and (max-width: 768px) {
                .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd .gps_search_btn.pc {
                  display: none; } }
              .benefit-detail-area .benefit-content .item-list-container .search-form .form-item dd .gps_search_btn img {
                width: 100%; }

.voice-area {
  padding: 0 0 49px;
  background: url("../images/bg_bias.gif") 50% 0 repeat; }
  @media screen and (max-width: 768px) {
    .voice-area {
      background-size: 2.94vw; } }
  @media screen and (max-width: 768px) {
    .voice-area {
      padding: 0 0 28px; } }
  .voice-area .satisfaction-percent {
    width: 100%;
    height: 404px;
    position: relative;
    background: url("../images/bg_voice.png") 50% 0 no-repeat;
    background-color: #fff; }
    @media screen and (max-width: 768px) {
      .voice-area .satisfaction-percent {
        height: auto;
        background-size: 253%; }
        .voice-area .satisfaction-percent:before {
          content: '';
          display: block;
          padding: 53.5% 0 0; } }
    @media screen and (min-width: 769px) {
      .voice-area .satisfaction-percent .percent-container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        position: relative; } }
    .voice-area .satisfaction-percent .percent-container .percent {
      top: 239px;
      left: 324px;
      position: absolute;
      letter-spacing: -.04em; }
      @media screen and (max-width: 768px) {
        .voice-area .satisfaction-percent .percent-container .percent {
          left: 13%;
          top: 60%;
          font-size: 13.3333333333vw; } }
      .voice-area .satisfaction-percent .percent-container .percent .font-74 {
        display: inline-block;
        margin: 0 0 0 -10px;
        padding-bottom: 4px; }
        @media screen and (max-width: 768px) {
          .voice-area .satisfaction-percent .percent-container .percent .font-74 {
            margin: 0 0 0 -2px; } }
  .voice-area .voice-header {
    height: 93px;
    padding: 19px 0 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: #FFEE75; }
    @media screen and (min-width: 769px) {
      .voice-area .voice-header {
        box-shadow: 0 5px 10px 0 rgba(163, 163, 163, 0.5); }
        .voice-area .voice-header::before {
          content: '';
          width: 76px;
          height: 76px;
          position: absolute;
          bottom: -37px;
          left: 50%;
          z-index: 1;
          transform: translateX(-50%) rotate(45deg) skew(-14deg, -14deg);
          box-shadow: 6px 6px 10px 0 rgba(163, 163, 163, 0.5);
          background: #FFEE75; } }
    @media screen and (max-width: 768px) {
      .voice-area .voice-header {
        height: auto;
        padding: 2.6666666667% 0 3.7333333333%; }
        .voice-area .voice-header img {
          width: 71%; } }
  .voice-area .btn-more {
    text-align: center; }

.campaign-area {
  padding: 94px 0 88px; }
  @media screen and (max-width: 768px) {
    .campaign-area {
      padding: 33px 0 40px; } }
  .campaign-area .campaign-header {
    margin: 0 0 36px;
    font-size: 40px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .campaign-area .campaign-header {
        margin: 0 0 12px;
        font-size: 6.6666666667vw; } }
  .campaign-area .image {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .campaign-area .image {
        width: 92vw;
        margin: 0 auto; } }
  .campaign-area .txt {
    width: 580px;
    margin: 0 auto;
    padding: 15px 0 65px;
    font-size: 16px;
    line-height: 1.6em; }
    @media screen and (max-width: 768px) {
      .campaign-area .txt {
        width: 92vw;
        padding: 5px 0 25px;
        font-size: 3.768115942vw;
        line-height: 1.57em; } }

@media screen and (max-width: 768px) {
  .btn-itemArea {
    width: 80.53vw;
    margin: 0 auto; } }
.btn-itemArea a:hover {
  opacity: .7; }

/*# sourceMappingURL=app.css.map */

.top_contents img{
  border-radius: 90%;
  width: 200px;
}

.center {
	text-align: center;
	margin-bottom: 2rem;
}

.price-item{
  display: flex;
  margin: 20px 0;
}

.price-item .side_image {
  width: 300px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.price-item .right-text {
  margin: 0 0 0 20px;
  padding: 0;
  margin: auto 20px;
}
.price-item .car_type {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
.price-item p{
  margin: 10px 0 0;
  padding: 0;
}


table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

table th:first-child{
  border-radius: 5px 0 0 0;
}

table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

table th{
  font-weight: normal;
  text-align: center;
  color:white;
  background: #00a3af;
  border-left: 1px solid #a8b7c5;
  border-top: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 10%;
  padding: 10px 0;
}

.tbl-r05 td:first-child {
  background: #00a3af;
  color: #fff;
  /*font-weight: bold;*/
  text-align: center;
}

table td{
  text-align: center;
  border-right: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  /*box-shadow: 0px -3px 5px 1px #eee inset;*/
  width: 10%;
  padding: 10px 0;
}

table td:last-child{
  border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.price-list img{
  max-width:280px;
  max-height:280px;
}


/*
.tbl-r05 td:first-child {
  background: #fbf5f5;
}
*/
@media screen and (max-width: 640px) {
  .tbl-r05 .pc{
    display:none;
  }
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #00a3af;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}

.floating-banner {
  position: fixed;
  z-index: 99999;
  bottom: 0;
  right: 0;
}
.banner {
  width: 245px;/* バナーの横幅 */
  padding: 40px 10px;
  background: linear-gradient(86.13deg, #7080F7 -3.42%, #3E9ED9 59.59%);/* バナーの背景色 */
  color: #fff;/* バナー内の文字色 */
  font-weight: bold;
  text-align: center;
}
.floating-banner a {
  text-decoration: none;/* リンクに下線が入らないように */
}
.copy {
  font-size: 28px;
  margin: 0 auto 20px;
  line-height: 1.6;
}
.cta {
  display: inline-block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  background: linear-gradient(270deg, #F4A240 0%, #E3A608 100%); /* ボタンの背景 */
  box-shadow: 0px 0px 30px #2984BA; /* ボタンの影 */
  border-radius: 25px;
  margin: 10px;
}
@media screen and (max-width: 990px) {
  .floating-banner {
      display: none;
  }
}
@media screen and (max-width: 560px) {
  .floating-banner {
      display: inline-block;
  }
  .banner {
      width: 100vw;
      padding: 8px;
  }
  /*.sp {
      display: none;
  }
  */
  .copy {
      font-size: 18px;
      margin: 0 auto 6px;
  }
  .cta {
      height: 28px;
      line-height: 28px;
      font-size: 15px;
  }
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}