.jp-finance-service-four-year-options[data-v-a94fe1c3] {
  background-color: #fff;
  padding-inline: var(--gutter);
  display: grid;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
.jp-finance-service-four-year-options[data-v-a94fe1c3] {
    grid-template-columns: repeat(var(--column-count, 3), 1fr);
}
}
.jp-finance-service-four-year-options .option-item[data-v-a94fe1c3] {
  border-radius: 8px;
  background-color: var(--fill-card);
  padding: clamp(0px, 2.7777777778vw, 40px) clamp(0px, 1.3888888889vw, 20px);
}
.jp-finance-service-four-year-options .option-item .image[data-v-a94fe1c3] {
  height: clamp(118px, 9.7222222222vw, 140px);
  width: auto;
  aspect-ratio: 260/140;
  margin-inline: auto;
  margin-bottom: clamp(8px, 1.6666666667vw, 24px);
}
.jp-finance-service-four-year-options .option-item .title[data-v-a94fe1c3] {
  white-space: pre-wrap;
  text-align: center;
  margin-bottom: clamp(8px, 1.1111111111vw, 16px);
  font-size: var(--body1);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-primary);
}
.jp-finance-service-four-year-options .option-item .desc[data-v-a94fe1c3] {
  white-space: pre-wrap;
  text-align: center;
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-bk-subheading);
  line-height: 2;
}
.jp-finance-service-four-year-options .comments[data-v-a94fe1c3] {
  grid-column: 1/-1;
  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-finance-service-four-year-options .comments[data-v-a94fe1c3]:empty {
  display: none;
}
.jp-finance-service-four-year-options .comments .comment[data-v-a94fe1c3] {
  list-style-type: disc;
  margin-inline-start: 1.5em;
}