.footer-top-links[data-v-195e521f] {
  display: grid;
}
@media screen and (min-width: 1024px) {
.footer-top-links[data-v-195e521f] {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}
}
.footer-top-links .link-item[data-v-195e521f] {
  display: grid;
  height: clamp(380px, 34.7222222222vw, 500px);
  position: relative;
}
.footer-top-links .link-item .image[data-v-195e521f],
.footer-top-links .link-item .mask[data-v-195e521f],
.footer-top-links .link-item .info[data-v-195e521f] {
  grid-area: 1/1/2/2;
  z-index: 1;
}
.footer-top-links .link-item .mask[data-v-195e521f] {
  background-color: var(--fill-bg-mask);
}
.footer-top-links .link-item .info[data-v-195e521f] {
  align-self: flex-end;
  padding: 0 clamp(24px, 3.3333333333vw, 48px) clamp(48px, 3.8888888889vw, 56px);
}
.footer-top-links .link-item .info .title[data-v-195e521f] {
  font-size: var(--sub-h3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: #ffffff;
}
.footer-top-links .link-item .info .desc[data-v-195e521f] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  line-height: 2;
  white-space: pre-wrap;
  margin-top: 16px;
}
.footer-top-links .link-item .info .button-base[data-v-195e521f] {
  margin-top: 24px;
}
@media screen and (max-width: 1023.98px) {
.footer-top-links.mob-separate[data-v-195e521f] {
    gap: 16px;
}
.footer-top-links.mob-separate .link-item[data-v-195e521f] {
    height: auto;
}
.footer-top-links.mob-separate .link-item[data-v-195e521f]::after {
    display: none;
}
.footer-top-links.mob-separate .link-item .image[data-v-195e521f] {
    aspect-ratio: 375/260;
}
.footer-top-links.mob-separate .link-item .mask[data-v-195e521f] {
    display: none;
}
.footer-top-links.mob-separate .link-item .info[data-v-195e521f] {
    padding: 40px 24px;
    grid-row: 2/3;
    background-color: var(--fill-bg-black);
}
.footer-top-links.mob-separate .link-item .info .desc[data-v-195e521f] {
    color: var(--text-wh-subheading);
}
.footer-top-links.mob-separate .link-item .info .button-base[data-v-195e521f] {
    margin-top: 32px;
}
}
@media screen and (min-width: 1024px) {
.footer-top-links.is-one-card .link-item[data-v-195e521f] {
    height: clamp(0px, 25vw, 360px);
}
.footer-top-links.is-one-card .link-item .info[data-v-195e521f] {
    align-self: center;
    padding: 0 var(--gutter);
    display: grid;
    grid-template-areas: "title btn" "desc btn";
    grid-template-columns: 1fr auto;
    gap: clamp(0px, 1.1111111111vw, 16px) clamp(0px, 1.6666666667vw, 24px);
}
.footer-top-links.is-one-card .link-item .info .title[data-v-195e521f] {
    grid-area: title;
    font-size: var(--h4);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.4;
    color: #ffffff;
}
.footer-top-links.is-one-card .link-item .info .desc[data-v-195e521f] {
    grid-area: desc;
    margin: 0;
    font-size: var(--sub-h3);
    font-family: "Montserrat", "NotoSansJP";
    font-weight: 400;
    line-height: 1.4;
    color: #ffffff;
}
.footer-top-links.is-one-card .link-item .info .button-base[data-v-195e521f] {
    grid-area: btn;
    margin: 0;
    align-self: center;
}
}