@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
    font-family: 'Noto Sans Japanese', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  }

  img {
    max-width: 100%;
    vertical-align: bottom;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: inline-block;
  }

  .inner {
    width: 100%;
    padding: 0 20px;
  }

  .logo {
    width: 95px;
    margin-left: -20px;
  }

  header {
    padding-bottom: 3rem;
  }
  header .main {
    margin-top: 0;
    display: block;
  }
  header .main h1 {
    width: 40vw;
    margin: 0 auto;
  }
  header .main p {
    width: 65vw;
    margin: 4rem auto 0;
  }

  .sec01 {
    padding: 30px 0;
  }
  .sec01-div01 {
    margin-top: 40px;
    display: block;
  }
  .sec01-div01 p:first-child {
    margin-bottom: 3rem;
  }
  .sec01 p {
    font-size: 12px;
    text-align: left;
  }

  .sec02 {
    padding: 30px 0;
  }
  .sec02 h2 {
    margin-bottom: 30px;
  }
  .sec02 p {
    text-align: left;
  }
  .sec02-ul01 {
    margin: 20px auto 40px;
    display: block;
  }
  .sec02-ul01 li {
    position: relative;
    width: 100%;
  }
  .sec02-ul01 li img {
    width: 175px;
  }
  .sec02-ul01 li:after {
    position: absolute;
    display: block;
    padding: 10px 0;
    line-height: 1;
    top: auto;
  }
  .sec02-ul01 li:nth-child(odd) {
    text-align: left;
  }
  .sec02-ul01 li:nth-child(odd):after {
    right: 50%;
    bottom: -15%;
    transform: rotate(45deg);
  }
  .sec02-ul01 li:nth-child(even) {
    text-align: right;
  }
  .sec02-ul01 li:nth-child(even):after {
    right: 50%;
    bottom: -10%;
    transform: rotate(125deg);
  }
  .sec02-ol01 {
    margin-top: 20px;
  }
  .sec02-ol01 li > dl > dt {
    border-bottom: none;
    margin-bottom: 0;
    padding-top: 0;
  }
  .sec02-ol01 .li01 {
    margin-bottom: 40px;
  }
  .sec02-ol01 .li01 dl dt {
    width: 100%;
  }
  .sec02-ol01 .li01 dl dd.spec01 {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .sec02-ol01 .li01 dl dd.spec01 .image-area {
    display: block;
  }
  .sec02-ol01 .li01 dl dd.spec01 .image-area p:first-child {
    margin-bottom: 10px;
  }
  .sec02-ol01 .li01 dl dd.spec01 .drive-item {
    width: 100%;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul {
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li {
    width: 25%;
/*    height: 61px;*/
    text-align: center;
    margin-bottom: 15px;
    flex: auto;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-01 img {
    width: 10.6vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-02 img {
    width: 20vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-03 img {
    width: 16.2vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-04 img {
    width: 13.3vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-05 img {
    width: 10.6vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-06 img {
    width: 10.6vw;
  }
  .sec02-ol01 .li01 dl dd.spec01 ul li.li-07 img {
    width: 15.4vw;
  }
  .sec02-ol01 .li01 .point {
    position: relative;
  }
  .sec02-ol01 .li02,
  .sec02-ol01 .li03 {
    width: 100%;
  }
  .sec02-ol01 .li02 {
    margin-bottom: 40px;
  }
  .sec02-ol01 .li03-dl01 dd span {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  footer .in_foot {
    width: 100%;
    padding: 25px 20px;
  }
  footer .in_foot .btn-area {
    margin-top: 25px;
  }
  footer .in_foot .btn-area .btn a {
    letter-spacing: .15rem;
  }
  footer .offer {
    margin-top: 45px;
  }

  .footer-area-ttl {
    display: block;
  }
  .footer-area-ttl img {
    width: 62vw;
    margin: 0 0 10px 0;
  }
  .footer-area-ttl span {
    display: block;
    font-size: 18px;
  }

  .footer-bottom .inner {
    display: block;
  }
  .footer-bottom .inner .copy {
    padding-top: 15px;
    text-align: center;
  }

  .btn a {
    width: 100%;
    height: 70px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}

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