@charset "UTF-8";
.details-dialog[data-v-9f02531c] .el-dialog {
  border-radius: 8px;
  padding: 64px 80px;
  overflow: auto;
}
@media screen and (min-width: 1024px) {
.details-dialog[data-v-9f02531c] .el-dialog {
    width: 880px;
    height: 725px;
}
}
@media screen and (max-width: 1023.98px) {
.details-dialog[data-v-9f02531c] .el-dialog {
    width: 100%;
    height: 100vh;
    padding: 64px 20px;
    border-radius: 0;
    margin: 0;
    top: 0;
}
}
@media screen and (max-width: 1023.98px) {
.details-dialog[data-v-9f02531c] .el-overlay {
    top: 50px;
}
}
.details-dialog[data-v-9f02531c] .el-overlay-dialog {
  overflow: auto;
}
@media screen and (max-width: 1023.98px) {
.details-dialog[data-v-9f02531c] .el-overlay-dialog {
    top: 50px;
}
}
.details-dialog[data-v-9f02531c] .el-dialog__header,
.details-dialog[data-v-9f02531c] .el-dialog__body,
.details-dialog[data-v-9f02531c] .el-dialog__footer {
  padding: 0;
}
.details-dialog[data-v-9f02531c] .el-dialog__headerbtn .el-dialog__close {
  color: rgb(92, 96, 106) !important;
}
.details-dialog .details-dialog-content[data-v-9f02531c] {
  gap: 24px;
}
.details-dialog .details-dialog-content .details-dialog-title[data-v-9f02531c] {
  font-size: var(--h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: rgb(26, 29, 37);
}
.details-dialog .details-dialog-content .sub-title-container[data-v-9f02531c] {
  gap: 24px;
}
.details-dialog .details-dialog-content .sub-title-container .sub-title-item-title[data-v-9f02531c] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
}
.details-dialog .details-dialog-content .dialog-image-container[data-v-9f02531c] {
  gap: 24px;
}
.details-dialog .details-dialog-content .dialog-image-container .dialog-image-item[data-v-9f02531c] {
  width: 100%;
  border-radius: 8px;
  aspect-ratio: 1.77/1;
}
.details-dialog .details-dialog-content .dialog-image-container .dialog-image-item .img[data-v-9f02531c] {
  width: 100%;
  height: auto;
}
.details-dialog .details-dialog-content .dialog-image-container.dialog-image-container-multiple[data-v-9f02531c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.details-dialog .details-dialog-content .dialog-image-container.dialog-image-container-multiple .dialog-image-item[data-v-9f02531c] {
  min-height: 195px;
  aspect-ratio: 1.77/1;
}
@media screen and (max-width: 1023.98px) {
.details-dialog .details-dialog-content .dialog-image-container.dialog-image-container-multiple[data-v-9f02531c] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.details-dialog .details-dialog-content .dialog-image-container.dialog-image-container-multiple .dialog-image-item[data-v-9f02531c] {
    width: 100%;
    height: 160px;
}
}
.details-dialog .details-dialog-content .description-container[data-v-9f02531c] {
  background-color: rgb(243, 243, 244);
  border-radius: 8px;
  padding: 32px 24px;
}
.details-dialog .details-dialog-content .description-container .description-title[data-v-9f02531c] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(26, 29, 37);
  margin-bottom: 12px;
}
.details-dialog .details-dialog-content .description-container .description-item[data-v-9f02531c] {
  margin-bottom: 8px;
}
.details-dialog .details-dialog-content .description-container .description-item .content[data-v-9f02531c] {
  font-size: var(--desc);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: rgb(92, 96, 106);
}
.details-dialog .details-dialog-content .description-container .description-item .content[data-v-9f02531c]::before {
  content: "※";
  margin-right: 5px;
}
.details-dialog .details-dialog-content .button-container[data-v-9f02531c] {
  align-items: center;
  gap: 16px;
}
.details-dialog .details-dialog-content .button-container .btn-container-item[data-v-9f02531c] {
  padding: 14px 58px;
}
@media screen and (max-width: 1023.98px) {
.details-dialog .details-dialog-content .button-container .btn-container-item[data-v-9f02531c] {
    width: 100%;
}
}.jp-尊龙凯时-first-ev-technology-explanation-of-ev-pc-container[data-v-41b75515] {
  width: 100%;
  padding: clamp(0px, 2.7777777778vw, 40px) clamp(0px, 4.4444444444vw, 64px) clamp(0px, 11.1111111111vw, 160px);
}
.jp-尊龙凯时-first-ev-technology-explanation-of-ev-pc-container .card-list-container[data-v-41b75515] {
  width: 100%;
  max-width: clamp(0px, 91.1111111111vw, 1312px);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0px, 1.6666666667vw, 24px);
}.jp-尊龙凯时-first-ev-technology-explanation-of-ev-mob-container[data-v-3b33088d] {
  width: 100%;
}
.jp-尊龙凯时-first-ev-technology-explanation-of-ev-mob-container .card-list-container[data-v-3b33088d] {
  width: 100%;
  max-width: 349.8666666667vw;
  padding: 8.5333333333vw 6.4vw 32vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.9333333333vw;
}