@charset "UTF-8";
.comment[data-v-b006cea7] {
  font-size: var(--desc);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  line-height: 2;
  display: flex;
}
.comment[data-v-b006cea7]::before {
  content: "※";
}
.byd-charging[data-v-b006cea7] {
  margin: 0 var(--gutter);
  display: flex;
  flex-wrap: wrap;
  gap: 0 clamp(0px, 3.3333333333vw, 48px);
}
@media screen and (max-width: 1023.98px) {
.byd-charging[data-v-b006cea7] {
    flex-direction: column;
    gap: 64px;
}
}
.byd-charging > .charging-item[data-v-b006cea7] {
  flex: 1 0 0;
}
.byd-charging > .charging-item .title[data-v-b006cea7] {
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-primary);
}
.byd-charging > .charging-item .image[data-v-b006cea7] {
  border-radius: 8px;
  aspect-ratio: 16/9;
  height: auto;
  margin-block: clamp(16px, 1.6666666667vw, 24px);
}
.byd-charging > .charging-item .desc[data-v-b006cea7] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  line-height: 2;
  white-space: pre-wrap;
}
.byd-charging > .charging-item .comment-wrap[data-v-b006cea7] {
  margin-top: 16px;
}
@media screen and (min-width: 1024px) {
.byd-charging .charging-count-warp[data-v-b006cea7] {
    flex: 1 0 100%;
    margin-top: clamp(0px, 5.5555555556vw, 80px);
}
}
.byd-charging .charging-station-count[data-v-b006cea7] {
  background-color: var(--fill-bg-grey);
  border-radius: 8px;
  display: flex;
  gap: clamp(24px, 3.3333333333vw, 48px);
}
.byd-charging .charging-station-count + .comment[data-v-b006cea7] {
  margin-top: clamp(16px, 1.6666666667vw, 24px);
}
@media screen and (min-width: 1024px) {
.byd-charging .charging-station-count[data-v-b006cea7] {
    padding: clamp(0px, 3.3333333333vw, 48px);
}
}
@media screen and (max-width: 1023.98px) {
.byd-charging .charging-station-count[data-v-b006cea7] {
    flex-direction: column;
    padding: 40px 20px 20px;
}
}
.byd-charging .charging-station-count .charging-station-info[data-v-b006cea7] {
  align-self: center;
  flex: 1 1 auto;
  white-space: pre-wrap;
}
.byd-charging .charging-station-count .charging-station-info .title[data-v-b006cea7] {
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-primary);
}
.byd-charging .charging-station-count .charging-station-info .title + .desc[data-v-b006cea7] {
  margin-top: clamp(16px, 1.6666666667vw, 24px);
}
.byd-charging .charging-station-count .charging-station-info .desc[data-v-b006cea7] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  line-height: 2;
}
.byd-charging .charging-station-count .charging-station-map[data-v-b006cea7] {
  border-radius: 8px;
  background-color: #ffffff;
  flex: none;
  display: grid;
  align-items: center;
  gap: 22px;
}
@media screen and (max-width: 1023.98px) {
.byd-charging .charging-station-count .charging-station-map[data-v-b006cea7] {
    padding: 32px 0 30px;
    text-align: center;
}
}
@media screen and (min-width: 1024px) {
.byd-charging .charging-station-count .charging-station-map[data-v-b006cea7] {
    padding: 0 clamp(0px, 2.2916666667vw, 33px) 0 clamp(0px, 3.0555555556vw, 44px);
    grid-template-columns: 1fr 1fr;
    width: clamp(0px, 42.0138888889vw, 605px);
    height: clamp(0px, 16.0416666667vw, 231px);
}
}
.byd-charging .charging-station-count .charging-station-map .map-info .label[data-v-b006cea7] {
  font-size: var(--body1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-primary);
}
.byd-charging .charging-station-count .charging-station-map .map-info .label + .count-wrap[data-v-b006cea7] {
  margin-top: clamp(8px, 0.9027777778vw, 13px);
}
.byd-charging .charging-station-count .charging-station-map .map-info .count-wrap[data-v-b006cea7] {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
@media screen and (max-width: 1023.98px) {
.byd-charging .charging-station-count .charging-station-map .map-info .count-wrap[data-v-b006cea7] {
    gap: 6px;
    justify-content: center;
}
}
.byd-charging .charging-station-count .charging-station-map .map-info .count-wrap > .number-scroll[data-v-b006cea7] {
  font-size: var(--h2);
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-bk-primary);
  letter-spacing: 0.05em;
  height: 1.4em;
}
.byd-charging .charging-station-count .charging-station-map .map-info .count-wrap > span[data-v-b006cea7] {
  font-size: var(--body1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-primary);
  line-height: 1.75;
}
.byd-charging .charging-station-count .charging-station-map .map[data-v-b006cea7] {
  width: 100%;
  max-width: 200px;
  height: 185px;
  background: var(--map) center/contain no-repeat;
}
@media screen and (min-width: 1024px) {
.byd-charging .charging-station-count .charging-station-map .map[data-v-b006cea7] {
    justify-self: flex-end;
}
}
@media screen and (max-width: 1023.98px) {
.byd-charging .charging-station-count .charging-station-map .map[data-v-b006cea7] {
    justify-self: center;
}
}
.byd-charging .charging-station-count .charging-station-map .map svg[data-v-b006cea7] {
  width: 100%;
  height: 100%;
}