@charset "UTF-8";
.page-title {
  background-image: url(../img/service/bg-mainimg.jpg);
}

/* 車両案内 */
@media (min-width: 961px) {
  .vehicle {
    padding-bottom: 160px;
  }
}
@media (max-width: 960px) {
  .vehicle {
    padding-bottom: 70px;
  }
}
.vehicle-header {
  padding-left: calc(50% - 370px);
  padding-right: calc(50% - 370px);
  display: grid;
}
@media screen and (max-width: 1080px) {
  .vehicle-header {
    padding-left: 170px;
    padding-right: 170px;
  }
}
@media (max-width: 960px) {
  .vehicle-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 961px) {
  .vehicle-header {
    grid-template-columns: 1fr auto;
    gap: 0 100px;
    margin-bottom: 140px;
  }
}
@media (max-width: 960px) {
  .vehicle-header {
    gap: 25px;
    margin-bottom: 60px;
  }
}
@media (min-width: 961px) {
  .vehicle .lead {
    margin-top: 35px;
    line-height: 2.5;
  }
}
.vehicle-body {
  padding-left: calc(50% - 370px);
  padding-right: calc(50% - 370px);
}
@media screen and (max-width: 1080px) {
  .vehicle-body {
    padding-left: 170px;
    padding-right: 170px;
  }
}
@media (max-width: 960px) {
  .vehicle-body {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.vehicle .types {
  display: grid;
}
@media (min-width: 961px) {
  .vehicle .types {
    grid-area: 2/1/3/3;
    gap: 120px;
  }
}
@media (min-width: 521px) {
  .vehicle .types {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 960px) {
  .vehicle .types {
    gap: 60px 40px;
  }
}
@media (max-width: 520px) {
  .vehicle .types {
    gap: 70px;
  }
}
.vehicle .car-image {
  aspect-ratio: 320/230;
}
.vehicle .car-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 960px) {
  .vehicle .car-image {
    padding: 0 15px;
  }
}
.vehicle .car-name {
  font-weight: 400;
}
@media (min-width: 961px) {
  .vehicle .car-name {
    margin: 15px 0;
    font-size: 20rem;
  }
}
@media (max-width: 960px) {
  .vehicle .car-name {
    margin: 10px 0;
    font-size: 18px;
  }
}
.vehicle .car-desc {
  line-height: 1.85;
}
.vehicle .car-capa {
  margin-top: 1.5em;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  padding: 0.4em 0;
  font-family: var(--font-noto);
}

/* 料金表 */
@media (max-width: 960px) {
  .price-list .heading {
    margin-bottom: 40px;
  }
}
/* お支払い方法 */
@media (max-width: 960px) {
  .payment .heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 960px) {
  .payment .lead {
    text-align: center;
  }
}
.payment .image {
  text-align: center;
}
.payment .image img {
  width: 570px;
}
@media (min-width: 961px) {
  .payment .image {
    margin-top: 60px;
  }
}
@media (max-width: 960px) {
  .payment .image {
    margin-top: 25px;
  }
}

/* よくある質問 */
.faq .qa dt {
  margin-bottom: 0.9em;
  font-family: var(--font-noto);
}
@media (min-width: 961px) {
  .faq .qa dt {
    font-size: 18rem;
  }
}
.faq .qa dd + dt {
  margin-top: 2.6em;
}
@media (max-width: 960px) {
  .faq .qa {
    margin-top: 50px;
  }
}

.other-page a {
  background-image: url(../img/service/bg-recruit.jpg);
}
@media (min-width: 961px) {
  .other-page {
    padding-top: 90px;
    padding-bottom: 30px;
  }
}
@media (max-width: 960px) {
  .other-page {
    padding-top: 50px;
  }
}