.jp-ota-update-guide-update-methods[data-v-17157cb3] {
  padding-inline: var(--gutter);
}
.jp-ota-update-guide-update-methods .methods-list[data-v-17157cb3] {
  display: grid;
  gap: clamp(80px, 8.3333333333vw, 120px);
}
.jp-ota-update-guide-update-methods .methods-list .methods-title[data-v-17157cb3] {
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-primary);
  line-height: 1.5;
  font-family: "NotoSansJP";
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .methods-title[data-v-17157cb3] {
    margin-bottom: clamp(0px, 1.6666666667vw, 24px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-methods .methods-list .methods-title[data-v-17157cb3] {
    margin-bottom: 32px;
}
}
.jp-ota-update-guide-update-methods .methods-list .step-list[data-v-17157cb3] {
  display: grid;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .step-list[data-v-17157cb3] {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(0px, 1.6666666667vw, 24px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-methods .methods-list .step-list[data-v-17157cb3] {
    gap: 24px;
}
}
.jp-ota-update-guide-update-methods .methods-list .step-list .step-item[data-v-17157cb3] {
  border-radius: 8px;
  background-color: var(--fill-bg-grey);
  overflow: hidden;
  counter-increment: index;
}
.jp-ota-update-guide-update-methods .methods-list .step-list .step-item .material-container[data-v-17157cb3] {
  aspect-ratio: 16/9;
}
.jp-ota-update-guide-update-methods .methods-list .step-list .step-item .step-description[data-v-17157cb3] {
  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-ota-update-guide-update-methods .methods-list .step-list .step-item .step-description[data-v-17157cb3]::before {
  content: counter(index, decimal-leading-zero);
  display: block;
  margin-bottom: clamp(8px, 1.1111111111vw, 16px);
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-subheading);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .step-list .step-item .step-description[data-v-17157cb3] {
    padding: clamp(0px, 1.5277777778vw, 22px) clamp(0px, 1.1111111111vw, 16px) clamp(0px, 2.7777777778vw, 40px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-methods .methods-list .step-list .step-item .step-description[data-v-17157cb3] {
    padding: 24px 20px 40px;
}
}
.jp-ota-update-guide-update-methods .methods-list .about-error[data-v-17157cb3] {
  background-color: var(--fill-bg-grey);
  border-radius: 8px;
  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;
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .about-error[data-v-17157cb3] {
    padding: clamp(0px, 3.9583333333vw, 57px) clamp(0px, 3.3333333333vw, 48px) clamp(0px, 3.4722222222vw, 50px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-methods .methods-list .about-error[data-v-17157cb3] {
    padding: 48px 20px 30px;
}
}
.jp-ota-update-guide-update-methods .methods-list .about-error .error-actions[data-v-17157cb3] {
  display: grid;
  background-color: #fff;
  border-radius: 8px;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .about-error .error-actions[data-v-17157cb3] {
    grid-template-columns: 1fr clamp(0px, 28.8888888889vw, 416px);
    gap: clamp(0px, 4.4444444444vw, 64px);
    padding: clamp(0px, 1.8055555556vw, 26px) clamp(0px, 1.6666666667vw, 24px);
    margin-top: clamp(0px, 2.5vw, 36px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-methods .methods-list .about-error .error-actions[data-v-17157cb3] {
    padding: 32px 20px 34px;
    gap: 18px;
    margin-top: 42px;
}
}
.jp-ota-update-guide-update-methods .methods-list .about-error .error-actions .image[data-v-17157cb3] {
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 8px;
}
.jp-ota-update-guide-update-methods .methods-list .ota-video[data-v-17157cb3] {
  aspect-ratio: 16/9;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-methods .methods-list .ota-video[data-v-17157cb3] {
    width: clamp(327px, 47.2222222222vw, 680px);
}
}