@charset "UTF-8";

.page-landing-wrap .main {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 1.25rem 1rem;
}
.page-landing-wrap .main ul {
  display: flex;
  justify-content: initial;
  align-items: initial;
  flex-direction: column;
  gap: 1.25rem;
}
.page-landing-wrap .main ul li {
  display: flex;
  justify-content: initial;
  align-items: initial;
  flex-direction: column;
  width: 19.5rem;
  height: 19.5rem;
  padding-top: 2rem;
  text-align: center;
}
.page-landing-wrap .main ul li:nth-child(1) {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  image-rendering: -webkit-optimize-contrast;
}
.page-landing-wrap .main ul li:nth-child(1) .year {
  color: #2cbca2;
}
.page-landing-wrap .main ul li:nth-child(2) {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  image-rendering: -webkit-optimize-contrast;
}
.page-landing-wrap .main ul li:nth-child(2) .year {
  color: #4a7edc;
}
.page-landing-wrap .main .tit {
  display: flex;
  justify-content: initial;
  align-items: initial;
  flex-direction: column;
  color: var(--white);
}
.page-landing-wrap .main .tit strong {
  font-size: 1.25rem;
}
.page-landing-wrap .main .tit small {
  font-weight: 500;
}
.page-landing-wrap .main .year {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 6.875rem;
  height: 1.5625rem;
  margin: 0.625rem auto;
  border-radius: 3.75rem;
  background-color: var(--white);
  font-weight: 700;
  font-size: 0.875rem;
}
.page-landing-wrap .main a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  transition: none;
  font-size: 0.625rem;
  color: var(--black);
  margin: auto 0 0 auto;
  padding: 0rem 0.25rem;
  width: 8.75rem;
  height: 1.75rem;
}
@media screen and (min-width: 1280px) {
  .page-landing-wrap .main {
    padding: 2.5rem 1rem 9.375rem;
  }
  .page-landing-wrap .main ul {
    flex-direction: row;
    gap: 1.625rem;
  }
  .page-landing-wrap .main ul li {
    width: 33.125rem;
    height: 33.125rem;
    padding-top: 3.75rem;
  }
  .page-landing-wrap .main .tit strong {
    font-size: 2.5rem;
  }
  .page-landing-wrap .main .tit small {
    font-size: 1.625rem;
  }
  .page-landing-wrap .main .year {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 11.25rem;
    height: 2.1875rem;
    margin: 1.25rem auto;
    font-size: 1.25rem;
  }
  .page-landing-wrap .main a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 0.25rem;
    font-size: 1rem;
    color: var(--black);
    margin-bottom: 0.625rem;
    padding: 0rem 0.25rem;
    width: auto;
    height: auto;
    font-weight: 500;
  }
  .page-landing-wrap .main a::after {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    image-rendering: -webkit-optimize-contrast;
    content: "";
    width: 0.9375rem;
    height: 0.9375rem;
  }
}