.jp-commercial-vehicle-about-byd[data-v-d03be687] {
  padding-inline: var(--gutter);
  background-color: #fff;
}
.jp-commercial-vehicle-about-byd .about-byd .title-wrap[data-v-d03be687] {
  white-space: pre-wrap;
  display: grid;
  gap: clamp(16px, 2.2222222222vw, 32px);
}
@media screen and (min-width: 1024px) {
.jp-commercial-vehicle-about-byd .about-byd .title-wrap[data-v-d03be687] {
    text-align: center;
}
}
.jp-commercial-vehicle-about-byd .about-byd .title-wrap .title[data-v-d03be687] {
  font-size: var(--h4);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-primary);
  font-family: "NotoSansJP";
}
.jp-commercial-vehicle-about-byd .about-byd .title-wrap .desc[data-v-d03be687] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  font-family: "NotoSansJP";
  line-height: 2;
}
.jp-commercial-vehicle-about-byd .about-byd .button-base[data-v-d03be687] {
  margin-top: clamp(25px, 2.2222222222vw, 32px);
}
@media screen and (min-width: 1024px) {
.jp-commercial-vehicle-about-byd .about-byd .button-base[data-v-d03be687] {
    margin-inline: auto;
}
}
.jp-commercial-vehicle-about-byd .about-byd .info-list[data-v-d03be687] {
  margin-top: clamp(25px, 2.2222222222vw, 32px);
  display: flex;
  gap: clamp(12px, 1.1111111111vw, 16px);
}
@media screen and (max-width: 1023.98px) {
.jp-commercial-vehicle-about-byd .about-byd .info-list[data-v-d03be687] {
    flex-direction: column;
}
}
.jp-commercial-vehicle-about-byd .about-byd .info-list .info-item[data-v-d03be687] {
  border-radius: 8px;
  background-color: var(--fill-card);
  white-space: pre-wrap;
  text-align: center;
  display: grid;
  gap: 16px;
  align-content: center;
  height: clamp(0px, 11.9444444444vw, 172px);
}
@media screen and (min-width: 1024px) {
.jp-commercial-vehicle-about-byd .about-byd .info-list .info-item[data-v-d03be687] {
    flex: 1 1 0;
}
}
@media screen and (max-width: 1023.98px) {
.jp-commercial-vehicle-about-byd .about-byd .info-list .info-item[data-v-d03be687] {
    height: 172px;
}
}
.jp-commercial-vehicle-about-byd .about-byd .info-list .info-item .value[data-v-d03be687] {
  font-size: var(--body1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-primary);
  font-family: "NotoSansJP";
}
.jp-commercial-vehicle-about-byd .about-byd .info-list .info-item .label[data-v-d03be687] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  font-family: "NotoSansJP";
}