.jp-lineup-test-dirve-invitation[data-v-14520369] {
  display: grid;
}
@media screen and (min-width: 1024px) {
.jp-lineup-test-dirve-invitation[data-v-14520369] {
    height: clamp(0px, 36.1111111111vw, 520px);
}
}
@media screen and (max-width: 1023.98px) {
.jp-lineup-test-dirve-invitation[data-v-14520369] {
    grid-template-rows: clamp(0px, 62.4vw, 304.2px) auto;
}
}
@media screen and (min-width: 1024px) {
.jp-lineup-test-dirve-invitation .image[data-v-14520369],
  .jp-lineup-test-dirve-invitation .info[data-v-14520369] {
    grid-area: 1/1/2/2;
    z-index: 1;
}
}
.jp-lineup-test-dirve-invitation .info[data-v-14520369] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
.jp-lineup-test-dirve-invitation .info[data-v-14520369] {
    padding: 0 var(--gutter);
    align-items: flex-start;
    background-color: var(--fill-bg-mask);
}
}
@media screen and (max-width: 1023.98px) {
.jp-lineup-test-dirve-invitation .info[data-v-14520369] {
    padding: 36px var(--gutter) 48px;
    align-items: center;
    text-align: center;
    background-color: var(--fill-bg-black);
}
}
.jp-lineup-test-dirve-invitation .info .title[data-v-14520369] {
  font-size: var(--h4);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-wh-primary);
  white-space: pre-wrap;
}
.jp-lineup-test-dirve-invitation .info .desc[data-v-14520369] {
  font-size: var(--body3);
  font-family: "Montserrat", "NotoSansJP";
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-wh-subheading);
  font-family: "NotoSansJP";
  white-space: pre-wrap;
  line-height: 2;
  margin-top: clamp(13px, 1.3888888889vw, 20px);
}
.jp-lineup-test-dirve-invitation .info .button-base[data-v-14520369] {
  margin-top: clamp(40px, 2.9861111111vw, 43px);
}