.jp-ota-update-guide-update-precautions[data-v-e3f1d999] {
  padding-inline: var(--gutter);
  background-color: var(--fill-bg-grey);
}
.jp-ota-update-guide-update-precautions .content-list[data-v-e3f1d999] {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-precautions .content-list[data-v-e3f1d999] {
    padding-block: 8px;
}
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999] {
  counter-increment: item;
  display: grid;
  white-space: pre-wrap;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999] {
    grid-template-columns: 1fr clamp(0px, 52.7777777778vw, 760px);
    grid-template-rows: auto;
    padding-block: clamp(0px, 3.3333333333vw, 48px);
    padding-inline: clamp(0px, 4.4444444444vw, 64px);
    gap: clamp(0px, 4.4444444444vw, 64px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999] {
    padding-block: 40px;
    padding-inline: 20px;
    gap: 16px;
}
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note .title[data-v-e3f1d999] {
  font-size: var(--body1);
  font-family: "Montserrat-Medium", "NotoSansJP-Medium";
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-bk-primary);
  align-self: flex-start;
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.1111111111vw, 16px);
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note .title[data-v-e3f1d999] {
    grid-area: 1/1/2/2;
}
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note .title[data-v-e3f1d999]::before {
  content: counter(item, decimal-leading-zero);
  font-size: var(--sub-h1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-bk-subheading);
  letter-spacing: 0.1em;
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap[data-v-e3f1d999] {
  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;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap[data-v-e3f1d999] {
    grid-area: 1/2/2/3;
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap[data-v-e3f1d999] {
    grid-area: 2/1/3/2;
}
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap .block-content[data-v-e3f1d999] {
  background-color: var(--fill-bg-grey);
  border-radius: 8px;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap .block-content[data-v-e3f1d999] {
    padding: clamp(0px, 2.2222222222vw, 32px);
    margin-top: clamp(0px, 1.6666666667vw, 24px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note .content-wrap .block-content[data-v-e3f1d999] {
    padding: 24px 20px;
    margin-top: 26px;
}
}
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999]:not(:last-child)::after {
  content: "";
  border-top: 1px solid var(--line-dark);
  align-self: flex-end;
  position: relative;
}
@media screen and (min-width: 1024px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999]:not(:last-child)::after {
    grid-area: 1/1/2/3;
    top: clamp(0px, 3.3333333333vw, 48px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-ota-update-guide-update-precautions .content-list .key-points-note[data-v-e3f1d999]:not(:last-child)::after {
    grid-area: 2/1/3/2;
    top: 40px;
}
}