/*------------------------
	slider
	------------------------*/
/* common */
.slider-container {
  /* position */
  position: relative;
  /* size */
  width: 100%;
  height: auto;
  /* spacing */
  margin-inline: auto;
  padding-block-end: var(--space-24);
}
.slider-container.secondary__slider {
  /* size */
  max-width: calc(350px - var(--space-24, 24px) * 2);
}
.slide_box {
  /* position */
  position: relative;
  /* size */
  width: 100%;
  height: fit-content;
  /* spacing */
  margin-inline: auto;
}
.slide-control-buttons {
  /* layout */
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center;
  /* position */
  position: relative;
  z-index: calc(var(--stack-foreground) + 3);
  /* size */
  width: 100%;
  max-width: var(--max-content-width);
  height: auto;
  min-height: calc(48px + 12px);
  /* spacing */
  margin-inline: auto;
  padding-block: var(--space-4, 4px);
}
/* button style */
.buttons {
  /* layout */
  display: flex;
  gap: var(--space-8, 8px);
  /* size */
  width: fit-content;
  /* position */
  right: unset;
  bottom: unset;
}
.buttons .button.js-stop,
.buttons .button.js-play {
  /* layout */
  position: relative;
  display: grid;
  place-items: center;
  /* size */
  width: 48px;
  height: 48px;
  aspect-ratio: 1 / 1;
  margin: 0;
  /* style */
  background: var(--color-background-disabled);
  border: var(--border-width-md) solid var(--border-bold);
  outline: var(--outline-width-xl) solid transparent;
  border-radius: var(--rounded-full);
  overflow: visible;
  cursor: pointer;
  opacity: 1;
  /* transition */
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.buttons .button.js-play::before {
  /* layout */
  content: '';
  /* position */
  position: absolute;
  display: inline-block;
  inset-inline-start: 48%;
  inset-block-start: 50%;
  /* size */
  width: 0;
  height: 0;
  /* style */
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent var(--border-bold);
  transform: translate(-30%, 10%);
}

.buttons .button.js-stop::before,
.buttons .button.js-stop::after {
  /* layout */
  content: '';
  /* position */
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: calc(50% - (2px + 3px));
  /* size */
  width: 4px;
  height: 12px;
  margin: 0;
  /* style */
  background: var(--border-default);
  transform: translateY(-50%);
}
.buttons .button.js-stop::after {
  inset-inline-start: calc(50% + 3px);
}
.buttons .button.js-play[aria-pressed='true']::before {
  border-color: transparent transparent transparent var(--border-inverse) !important;
}
.buttons .button.js-play[aria-pressed='true'],
.buttons .button.js-stop[aria-pressed='true'] {
  /* style */
  background-color: var(--color-background-active);
  border-color: var(--border-bold) !important;
  /* transition */
  pointer-events: none;
}
.buttons .button.js-play:hover::before {
  border-color: transparent transparent transparent var(--border-bold);
}
.buttons .button[aria-pressed='false']:hover,
.buttons .button[aria-pressed='false']:focus-visible {
  /* style */
  background-color: var(--color-background-hover);
  border-color: var(--border-bold) !important;
  outline-color: var(--border-focus);
}
.buttons .button.js-stop:hover,
.buttons .button.js-play:hover,
.buttons .button.js-play:focus-visible,
.buttons .button.js-stop:focus-visible {
  border: none !important;
}
.buttons .button.js-stop:hover::before,
.buttons .button.js-stop:hover::after {
  background: var(--border-bold) !important;
}
.buttons .button.js-stop[aria-pressed='true']::before,
.buttons .button.js-stop[aria-pressed='true']::after {
  background: var(--border-inverse) !important;
}

.slider-pagination {
  /* layout */
  display: flex;
  align-items: center;
  /* position */
  position: relative;
  /* size */
  width: fit-content;
  height: auto;
  /* spacing */
  margin-block-start: var(--space-16, 16px);
}
.slider-pagination .dot {
  /* layout */
  display: inline-block;
  /* size */
  width: 13px;
  height: 13px;
  /* spacing */
  margin: 0 5px;
  /* style */
  background: var(--color-background-active);
  border-radius: var(--rounded-full);
  border: var(--border-width-md) solid var(--border-bold);
  outline: var(--border-width-lg) solid transparent;
  outline-offset: 2px;
  /* transition */
  transition: all 0.2s ease;
  cursor: pointer;
}
.slider-pagination .slick-active .dot {
  background: var(--border-accent);
}
.slider-pagination .dot:hover,
.slider-pagination .dot:focus-visible {
  outline-color: var(--border-bold);
}
.slick-dots {
  /* layout */
  display: flex;
  justify-content: center;
  align-items: center;
  /* position */
  position: relative;
  /* size */
  width: fit-content;
  height: auto;
  /* spacing */
  inset-block-end: 4px;
}
.slick-arrow {
  position: relative;
}
.slick-prev,
.slick-next {
  /* layout */
  display: inline-block;
  /* size */
  width: 56px;
  height: 56px;
  /* position */
  position: absolute;
  z-index: calc(var(--stack-drawer) - 10);
  /* style */
  background: var(--color-background-active);
  border: var(--border-width-md) solid var(--border-inverse);
  outline: var(--outline-width-xl) solid transparent !important;
  border-radius: var(--rounded-full);
  /* transition */
  transition: all 0.3s ease;
}
.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}
.slick-prev::before,
.slick-next::before {
  /* layout */
  content: '';
  /* position */
  position: absolute;
  display: block;
  /* size */
  width: 12px;
  height: 12px;
  /* spacing */
  inset-inline-start: 50%;
  inset-block-start: 50%;
  /* style */
  transform: translate(-50%, -50%);
  border-top: 2px solid var(--border-inverse);
  border-right: 2px solid var(--border-inverse);
  border-radius: 2px;
  transition: border-color 0.3s ease;
}
.slick-prev::before {
  transform: translate(-40%, -50%) rotate(-135deg);
}
.slick-next::before {
  transform: translate(-60%, -50%) rotate(45deg);
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus-visible,
.slick-next:focus-visible {
  background: var(--color-background-theme);
  outline-color: var(--border-bold) !important;
}
/* main__slider */
.main-slider .slick-list {
  overflow: visible;
}
.main__slider .slick-dots {
  /* layout */
  display: flex;
  justify-content: center;
  align-items: center;
  /* position */
  position: relative;
  /* size */
  width: fit-content;
  height: auto;
  /* spacing */
  inset-block-end: 4px;
}
.main__slider .slide {
  /* layout */
  display: grid;
  place-items: center;
  /* size */
  width: 100%;
  max-width: var(--max-content-width);
  height: auto;
  aspect-ratio: 16 / 9;
  /* spacing */
  margin-inline: auto;
  padding-inline: var(--space-16, 16px);
}
.main__slider .slide img {
  /* layout */
  display: block;
  /* size */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.main__slider .slide-control {
  /* position */
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: calc(var(--stack-foreground) + 3);
  /* size */
  width: 100%;
  max-width: var(--max-content-width);
  /* spacing */
  margin-inline: auto;
}
.main__slider .slider-pagination {
  margin-block-start: unset;
}
.main__slider .buttons {
  inset-block-end: var(--space-8, 8px);
  inset-inline-end: 0;
}
/* secondary__slider */
.secondary__slider .slide {
  /* size */
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  margin-inline: auto;
}
.secondary__slider .slide img {
  width: calc(350px - var(--space-16, 16px) * 2);
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
}
.secondary__slider .slide-control {
  /* position */
  position: absolute;
  z-index: calc(var(--stack-foreground) + 3);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  /* size */
  width: 100%;
  max-width: 350px;
  /* spacing */
  margin-inline: auto;
}
.secondary__slider .slick-prev {
  inset-inline-start: calc(50px / -2);
}
.secondary__slider .slick-next {
  inset-inline-end: calc(50px / -2);
}
.secondary__slider .slider-pagination {
  place-self: center start;
}
.secondary__slider .buttons {
  place-self: center end;
}

@media (max-width: 768px) {
  .slide {
    aspect-ratio: 1 / 1;
    position: relative;
  }
  .slick-prev,
  .slick-next {
    display: none !important;
  }
  .slider-pagination {
    place-self: center start;
  }
  .main__slider .slide {
    padding-inline: unset;
  }
}
/*------------------------
	top-info
	------------------------*/
.top-news {
  background: var(--color-background-section);
  padding-block: var(--space-64, 64px) var(--space-80, 80px);
}
.top-news__container {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24, 24px);
}
.top-news__content {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  /* size */
  width: 100%;
  border-radius: var(--rounded-12);
  background: var(--color-theme-background);
}
.top-news__content-inner {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  gap: var(--space-32, 32px);
  /* size */
  width: 100%;
  /* spacing */
  padding-block: var(--space-24, 24px) var(--space-24, 24px);
  padding-inline: var(--space-24, 24px);
  /* style */
  background: var(--color-background-inverse);
  border-radius: var(--rounded-12);
}
/*------------------------
	タブ
	------------------------*/
.top-info__tabs {
  /* layout */
  display: flex;
  gap: var(--space-32, 32px);
  /* size */
  width: 100%;
  /* scroll */
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  /* style */
  justify-content: center;
}
/* scrollbar */
.top-info__tabs::-webkit-scrollbar {
  display: none;
}
.top-info__tab {
  /* layout */
  display: inline-grid;
  place-items: center;
  /* size */
  min-width: fit-content;
  /* spacing */
  padding-inline: var(--space-8, 8px);
  /* style */
  background: transparent;
  border: none;
  outline: var(--outline-width-xl) solid transparent;
  outline-offset: -4px;
  text-decoration: none;
  /* transition */
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.top-info__tab span {
  /* layout */
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center;
  gap: 0 var(--space-4, 4px);
  /* spacing */
  padding-block: var(--space-12, 12px) var(--space-8a, 8px);
  /* style */
  border-bottom: var(--border-width-xl) solid transparent;
  /* typography */
  color: var(--color-text-disabled);
  font-size: var(--font-size-22);
  font-weight: var(--fontweight-bold);
  line-height: 1.5;
  white-space: nowrap;
  text-align: center;
  text-align-last: justify;
}
.top-info__tab span::after {
  /* layout */
  content: 'NEW';
  grid-column: 2;
  grid-row: 1;
  display: grid;
  place-items: center;
  /* size */
  width: fit-content;
  height: auto;
  /* spacing */
  padding-block: var(--space-8, 8px);
  padding-inline: var(--space-12, 12px);
  /* style */
  background: var(--color-background-accent-disabled);
  border: var(--border-width-md) solid var(--border-accent-disabled);
  border-radius: var(--rounded-full);
  /* typography */
  color: var(--color-text-inverse);
  font-size: var(--font-size-14);
  font-weight: var(--fontweight-bold);
  line-height: 1;
  text-align: center;
  text-align-last: justify;
}
.top-info__tab[aria-selected='false']:hover,
.top-info__tab[aria-selected='false']:focus-visible {
  background-color: var(--color-background-hover);
}
.top-info__tab[aria-selected='true'] span {
  border-bottom-color: var(--border-bold);
  color: var(--color-text-title);
}
.top-info__tab[aria-selected='true'] span::after {
  background: var(--color-background-accent-active);
  border-color: var(--border-accent-active);
}
.top-info__tab:focus-visible {
  outline-color: var(--border-focus);
}
.top-info__panel {
  display: none;
}
.top-info__panel[aria-hidden='false'] {
  display: block;
}
/*------------------------
	loan-section
	------------------------*/
.loan-section {
  background: var(--color-background-inverse);
  padding-block: var(--space-80, 80px);
}
.loan-section__container {
  /* layout */
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-48, 48px) var(--space-24, 24px);
}
.loan-section__rate {
  /* layout */
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center;
  /* size */
  width: 100%;
  height: 100%;
}
.loan-section__rate h2 {
  place-self: start center;
}
.loan-section__cards {
  /* layout */
  display: grid;
  grid-auto-flow: row;
  gap: var(--space-48, 48px) var(--space-32, 32px);
}
.card {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  /* size */
  width: 100%;
  height: auto;
  /* style */
  overflow: hidden;
  background: var(--color-background-inverse);
  border: var(--border-width-md) solid var(--border-bold);
  border-radius: var(--rounded-12);
}
.card__header {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  /* style */
  width: 100%;
  height: auto;
  /* spacing */
  padding-block: var(--space-4, 4px) var(--space-8, 8px);
  /* style */
  background: var(--color-background-bold);
  border-bottom: var(--border-width-md) solid var(--border-inverse);
}
.card__title {
  padding-inline-start: 0.2em;
  /* typography */
  color: var(--color-text-inverse);
  font-size: var(--font-size-40);
  font-weight: var(--fontweight-semibold);
  line-height: 1.5;
  letter-spacing: 0.25em;
  text-align: center;
  text-align-last: justify;
}
.card__label {
  padding-inline-start: 0.2em;
  /* typography */
  color: var(--color-text-inverse);
  font-size: var(--font-size-20);
  font-weight: var(--fontweight-semibold);
  line-height: 1.5;
  text-align: center;
}
.card__content {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  padding-block: var(--space-8, 8px);
  padding-inline: var(--space-16, 16px);
}
.card__content-label {
  /* typography */
  color: var(--color-text-default);
  font-size: var(--font-size-26);
  font-weight: var(--fontweight-semibold);
  line-height: 1.2;
  letter-spacing: var(--tracking-4);
  text-align: center;
}
.card__content-rate {
  /* typography */
  color: var(--color-text-default);
  font-size: var(--font-size-64);
  font-weight: var(--fontweight-semibold);
  line-height: 1.2;
  letter-spacing: var(--tracking-0);
  text-align: center;
}
.card__content-rate > span {
  /* typography */
  font-size: calc(1em * 0.5);
}
.card__content-date {
  /* typography */
  color: var(--color-text-default);
  font-size: var(--font-size-20);
  font-weight: var(--fontweight-regular);
  line-height: 1.5;
  letter-spacing: var(--tracking-0);
  text-align: center;
}
/*------------------------
Loan & Insurance
	------------------------*/
.loan-section__insurance {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  gap: var(--space-16, 16px);
  /* size */
  width: 100%;
  height: auto;
}
.insurance-list {
  /* layout */
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
  place-items: center;
  gap: var(--space-16, 16px) var(--space-32, 32px);
}
.insurance-list__item {
  /* layout */
  position: relative;
  width: 100%;
  height: 100%;
}
.insurance-list__item a {
  /* layout */
  display: grid;
  grid-template-rows: auto 1fr;
  place-items: center;
  /* size */
  width: 100%;
  height: 100%;
  /* spacing */
  padding: var(--space-16, 16px);
  /* transition */
  transition: border-color 0.3s ease;
}
.insurance-list__image {
  /* layout */
  display: grid;
  place-items: center;
  /* size */
  width: 100%;
  height: 100%;
  /* style */
  overflow: hidden;
}
.insurance-list__image img {
  /* layout */
  position: relative;
  /* size */
  width: 100%;
  height: auto;
  max-width: 260px;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  /* transition */
  transition: transform 0.3s ease;
}
.insurance-list__item a:hover .insurance-list__image img,
.insurance-list__item a:focus-visible .insurance-list__image img {
  transform: scale(1.1);
}
.insurance-list__label {
  /* layout */
  display: grid;
  place-items: center;
  /* position */
  position: relative;
  /* size */
  width: 100%;
  height: auto;
  /* spacing */
  padding-inline-end: 1.5em;
  /* typography */
  color: var(--color-text-default);
  font-size: var(--font-size-18);
  font-weight: var(--fontweight-semibold);
  line-height: 1.6;
  letter-spacing: var(--tracking-5);
  text-align: center;
}
.insurance-list__label::after {
  /* layout */
  content: '';
  /* position */
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
  /* size */
  width: 0.5em;
  height: 0.5em;
  /* style */
  border-top: 3px solid var(--border-theme);
  border-right: 3px solid var(--border-theme);
  transform: translateY(-50%) rotate(45deg);
}
/*------------------------
support
	------------------------*/
.support-section {
  background: var(--color-background-section);
  padding-block: var(--space-64, 64px) var(--space-80, 80px);
}
.support-section__container {
  /* layout */
  display: grid;
  grid-template-columns: auto 1fr;
  place-items: center;
  gap: var(--space-48, 48px) var(--space-64, 64px);
}
.support-section__slide-wrap {
  /* layout */
  display: grid;
  grid-auto-flow: row;
  gap: var(--space-16, 16px);
  /* size */
  width: 100%;
  height: auto;
}
.support-link-section {
  /* layout */
  display: grid;
  place-items: center;
  /* size */
  width: 100%;
  height: auto;
}
.support-link-list {
  /* layout */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
  place-items: center;
  gap: var(--space-16, 16px) var(--space-32, 32px);
  /* size */
  width: 100%;
}
.support-link-list__item {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  /* size */
  width: 100%;
  height: 100%;
}
.support-link-list a {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  gap: var(--space-16, 16px);
  /* size */
  width: 100%;
  height: 100%;
  /* spacing */
  padding-block: var(--space-24, 24px);
  /* style */
  background: var(--color-background-inverse);
  border: var(--border-width-lg) solid var(--border-theme);
  border-radius: var(--rounded-12);
  /* transition */
  transition: all 0.3s ease-in-out;
  /* typography */
  text-decoration: none;
}
.support-link-list a:hover,
.support-link-list a:focus-visible {
  /* style */
  background: var(--color-background-hover);
  border-color: var(--border-focus);
}
.support-link-list a img {
  place-self: end center;
  /* size */
  width: 120px;
  height: auto;
  aspect-ratio: 1;
  /* style */
  border-radius: var(--rounded-8);
  border: var(--border-width-md) solid var(--border-theme);
  background-color: var(--color-background-theme);
}
.link-list__label {
  place-self: start center;
  /* layout */
  display: grid;
  place-items: center;
  /* size */
  width: 100%;
  height: auto;
  /* spacing */
  padding-inline: var(--space-12);
  /* typography */
  color: var(--color-text-default);
  font-size: var(--font-size-20);
  font-weight: var(--fontweight-semibold);
  line-height: 1.5;
  letter-spacing: var(--tracking-5);
  text-align: center;
}
/*------------------------
Goope
	------------------------*/
.goope-section {
  background: var(--color-background-inverse);
  padding-block: var(--space-64, 64px) var(--space-80, 80px);
}

.goope-section .section-title {
  /* layout */
  font-size: calc(var(--font-size-56) * 1.2);
}

@media (width < 768px) {
  .goope-section .section-title {
    /* layout */
    font-size: calc(var(--font-size-36) * 1.2);
  }
}
.goope-section__container {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-24, 24px);
}
.goope-section__content {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
.goope-list {
  /* layout */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(262px, 1fr));
  grid-auto-flow: row;
  gap: var(--space-24, 24px) var(--space-16, 16px);
  place-items: center;
}
.goope-list__item {
  /* layout */
  display: grid;
}
.goope-list__item a {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  gap: var(--space-4, 4px);
  /* size */
  width: fit-content;
  height: auto;
  /* spacing */
  padding: var(--space-6, 6px);
  /* style */
  border-radius: var(--borderadius-4, 4px);
  border: var(--border-width-md) solid var(--border-theme);
  outline: var(--outline-width-lg) solid transparent;
  overflow: hidden;
  /* transition */
  transition: all 0.3s ease-in-out;
}
.goope-list__item a:hover,
.goope-list__item a:focus-visible {
  background: var(--color-background-hover);
  outline-color: var(--border-theme);
}
.goope-list__item a img {
  width: 250px;
  height: auto;
  aspect-ratio: 250 / 83;
  object-fit: cover;
  object-position: center;
}
.goope-list__label {
  /* layout */
  display: grid;
  grid-template-columns: 1fr auto;
  place-items: center;
  /* position */
  position: relative;
  /* size */
  width: 100%;
  height: auto;
  /* spacing */
  padding-inline-end: var(--space-6, 6px);
  /* typography */
  color: var(--color-text-default);
  text-align: center;
  font-size: var(--font-size-18);
  font-weight: var(--fontweight-semibold);
  line-height: 1.6;
}
.goope-list__label::after {
  content: '';
  /* layout */
  display: grid;
  place-items: center;
  grid-column: 2;
  /* size */
  width: 0.6em;
  height: 0.6em;
  /* style */
  border-top: 3px solid var(--border-theme);
  border-right: 3px solid var(--border-theme);
  transform: rotate(45deg);
}

/*------------------------
Adbanner
	------------------------*/
.adbanner-section {
  background: var(--color-background-disabled);
  padding-block: var(--space-64, 64px);
}
.adbanner-list {
  /* layout */
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(350px - var(--space-24, 24px) * 2), 1fr));
  grid-auto-flow: row;
  gap: var(--space-16, 16px) var(--space-32, 32px);
}
.adbanner-list__item {
  /* layout */
  display: grid;
  place-items: center;
}
.adbanner-list__item a {
  /* layout */
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  /* size */
  width: fit-content;
  height: auto;
  /* style */
  outline: var(--outline-width-xl) solid transparent;
  overflow: hidden;
  /* transition */
  transition: all 0.3s ease-in-out;
}
.adbanner-list__item a img {
  /* size */
  width: calc(350px - var(--space-24, 24px) * 2);
  height: auto;
  aspect-ratio: 320 / 86;
  object-fit: cover;
  object-position: center;
  /* transition */
  transition: transform 0.3s ease;
}
.adbanner-list__item a:hover,
.adbanner-list__item a:focus-visible {
  outline-color: var(--border-theme);
}

@media (width < 992px) {
  .loan-section__container {
    grid-template-columns: 1fr;
  }
  .loan-section__rate {
    row-gap: var(--space-32, 32px);
  }
  .loan-section__cards {
    grid-auto-flow: column;
  }
  .support-link-list a img {
    width: 80px;
  }
  .link-list__label {
    font-size: var(--font-size-18);
  }
}
@media (width < 768px) {
  .top-info__tabs {
    gap: var(--space-12, 12px);
    justify-content: flex-start;
  }
  .top-info__tab span {
    font-size: var(--font-size-20);
    padding-inline: var(--space-12, 12px);
  }
  .top-info__tab span::after {
    font-size: var(--font-size-12);
  }
  .card__title {
    font-size: var(--font-size-32);
  }
  .card__label {
    font-size: var(--font-size-16);
  }
  .card__content-label {
    font-size: var(--font-size-20);
  }
  .card__content-rate {
    font-size: var(--font-size-48);
  }
  .card__content-date {
    font-size: var(--font-size-16);
  }
  .support-section__container {
    grid-template-columns: 1fr;
  }
  .support-link-list a {
    padding-block: var(--space-16);
  }
}
@media (width < 576px) {
  .top-info__tabs {
    gap: var(--space-4, 4px);
  }
  .top-info__tab span {
    grid-column: 1;
    grid-row: 2;
    /* layout */
    grid-template-columns: 1fr;
    /* typography */
    font-size: var(--font-size-20);
    padding-inline: var(--space-8, 8px);
  }
  .top-info__tab span::after {
    padding-block: var(--space-4, 4px);
    padding-inline: var(--space-8, 8px);
    grid-column: 1;
    grid-row: 1;
  }
  .loan-section__cards {
    grid-auto-flow: row;
  }
  .insurance-list {
    grid-template-columns: 1fr;
  }
  .insurance-list__label {
    font-size: var(--font-size-16);
  }
  .insurance-list__item a {
    padding: var(--space-8, 8px);
  }
  .support-link-list a img {
    width: 120px;
  }
}