@charset "UTF-8";
/* ---------------

   サービスページ

   --------------- */
/* .l-header
-------------------------------------------------- */
/* .l-main
-------------------------------------------------- */
.p-guide-block:not(:first-of-type), .p-vehicle-block:not(:first-of-type) {
  margin-block-start: clamp(48px, 2.586rem + 1.77vw, 64px);
}
.p-content {
  margin-block-start: clamp(16px, 0.793rem + 0.88vw, 24px);
}
.-bg.p-content {
  background: #fff;
  padding: clamp(24px, 1.293rem + 0.88vw, 32px);
  box-shadow: rgba(0, 0, 0, 0.04) 8px 8px 24px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.p-content + .p-content {
  margin-block-start: 24px;
}
.p-content__title {
  border-inline-start: 4px solid #0fb587;
  padding-inline-start: 12px;
}
.p-merit-content__list {
  list-style-type: disc;
  margin-left: 16px;
}
.p-merit-content__item:not(:first-of-type) {
  margin-block-start: clamp(8px, 0.396rem + 0.44vw, 12px);
}
.-bg.p-fare-info, .-bg.p-fare-info__cost {
  background: #fff;
  padding: clamp(16px, 0.793rem + 0.88vw, 24px) clamp(24px, 1.293rem + 0.88vw, 32px);
  box-shadow: rgba(0, 0, 0, 0.04) 8px 8px 24px;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}
.-bg.p-fare-info__cost {
  border-top: 1px solid #dbdcdd;
  border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
}
.p-fare-info__price {
  font-weight: bold;
  font-size: clamp(1.25rem, 1.146rem + 0.44vw, 1.5rem);
  text-align: right;
}
.c-yen, .c-tax {
  font-size: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
  margin-left: 4px;
  font-weight: normal;
}
.p-fare-content__item:not(:first-of-type) {
  margin-block-start: clamp(24px, 1.293rem + 0.88vw, 32px);
}
.p-fare-info__text {
  margin-block-start: clamp(20px, 1.043rem + 0.88vw, 28px);
}
.p-fare-unit + .p-fare-unit {
  margin-block-start: clamp(24px, 1.293rem + 0.88vw, 32px);
}
.p-fare-unit__text {
  margin-block-start: clamp(8px, 0.293rem + 0.88vw, 16px);
}
.p-example-cost {
  margin-block-start: clamp(16px, 0.793rem + 0.88vw, 24px);
}
.p-example-cost__title {
  border-inline-start: solid 3px #0fb587;
  padding-inline-start: 8px;
}
.p-example-cost__body {
  background-color: #f2f2f2;
  padding: clamp(8px, 0.293rem + 0.88vw, 16px);
  margin-block-start: clamp(8px, 0.293rem + 0.88vw, 16px);
}
.p-example-cost__sup {
  font-size: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
  display: block;
}
.p-section__container:has(.p-head) .p-vehicle-head {
  padding-inline-start: revert;
}
.p-vehicle-block {
  position: relative;
}
.p-vehicle-head__title[data-text]::before {
  content: attr(data-text)"";
  color: #fff;
  z-index: 0;
  font-size: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  white-space: nowrap;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: normal;
  background-color: #0fb587;
  width: fit-content;
  padding-block: 6px;
  padding-inline: 8px;
  margin-bottom: 8px;
}
.p-vehicle-head__sub {
  font-size: clamp(0.875rem, 0.823rem + 0.22vw, 1rem);
}
.p-vehicle-head__seat {
  display: block;
}
.-flex.p-vehicle-info__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block-start: 16px;
}
.p-vehicle-info__item {
  font-size: clamp(0.75rem, 0.698rem + 0.22vw, 0.875rem);
  background-color: #dbdcdc;
  padding: 4px 8px;
  display: inline-block;
}
.p-vehicle-content__chart {
  margin-block-start: clamp(24px, 1.086rem + 1.77vw, 40px);
  text-align: center;
}
.p-vehicle-figure {
  position: absolute;
  top: 16px;
  right: -16px;
  z-index: 1;
}
.p-vehicle-figure__image {
  filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.24));
  width: clamp(160px, 7.928rem + 8.84vw, 240px);
}
.p-vehicle-button__list {
  margin-block-start: clamp(24px, 1.086rem + 1.77vw, 40px);
}
.-grid.p-vehicle-button__list {
  display: grid;
  gap: clamp(16px, 0.793rem + 0.88vw, 24px);
}
@media screen and (min-width: 520px) {
  .-fill.p-section__container {
    margin-inline: revert;
  }
  .-br.p-section__container {
    border-radius: 8px;
  }
  .-bg.p-vehicle-head {
    margin: 0;
    background-color: #f0f5f7;
    border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
  }
  .p-vehicle-head__title[data-text]::before {
    margin: 0 clamp(8px, 0.329rem + 0.53vw, 12px) 8px 0;
    display: inline-block;
    vertical-align: middle;
  }
  .p-vehicle-figure {
    top: 0;
    right: -24px;
  }
}
@media screen and (min-width: 768px) {
  .-flex.p-fare-content__item {
    display: flex;
  }
  .-bg.p-fare-info, .-bg.p-fare-info__cost {
    flex-basis: 100%;
    box-shadow: rgba(0, 0, 0, 0.04) 8px 8px 24px;
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
  }
  .-bg.p-fare-info__cost {
    flex-basis: 50%;
    border-top: none;
    border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
  }
  .p-fare-info__price {
    text-align: center;
  }
  .p-vehicle-figure {
    top: -16px;
    right: 0;
  }
  .-grid.p-vehicle-button__list {
    grid-template-columns: 1fr 1fr;
  }
  .p-guide-block__button {
    width: 50%;
  }
}
@media screen and (min-width: 960px) {
  .p-vehicle-head__seat {
    margin-top: 8px;
  }
}