.cta {
  display: grid;
  gap: var(--xlg4);
  padding: var(--lg10) calc(var(--lg10) * 4);
  background: url(../../images/manmaruchitose/bg_cta.png) no-repeat;
  background-position: bottom;
  background-size: cover;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cta {
    padding: var(--lg6) var(--lg3) calc(var(--xlg2) * 5);
    gap: var(--xlg2);
  }
}
.cta .logo svg {
  width: calc(var(--lg5) * 4);
  height: auto;
}
@media screen and (max-width: 768px) {
  .cta .logo svg {
    width: calc(var(--lg5) * 3);
  }
}
.cta .logo svg path {
  fill: var(--white);
}
.cta h2 {
  font-size: var(--xlg4);
  font-weight: 700;
  color: var(--normal-text);
}
@media screen and (max-width: 768px) {
  .cta h2 {
    font-size: var(--lg3);
  }
}
.cta p {
  font-size: var(--lg3);
  font-weight: 500;
  color: var(--normal-text);
}
@media screen and (max-width: 768px) {
  .cta p {
    font-size: var(--xm);
  }
}
.cta-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--lg5);
}
@media screen and (max-width: 768px) {
  .cta-buttons {
    gap: var(--xm);
  }
}
.cta-buttons a {
  display: flex;
  gap: calc(var(--md) / 2);
  justify-content: center;
  align-items: center;
  font-size: var(--lg4);
  font-weight: 700;
  text-decoration: none;
  color: var(--white);
  padding: var(--lg4) 0;
  border-radius: var(--lg10);
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .cta-buttons a {
    display: grid;
    font-size: var(--md);
    text-align: center;
    padding: var(--lg3) var(--xm);
    gap: var(--xxs);
    justify-items: center;
    border-radius: var(--lg3);
  }
}
.cta-buttons a:first-of-type {
  background-color: var(--chitose-orange);
}
.cta-buttons a:last-of-type {
  background-color: var(--chitose-red);
}
.cta-buttons a svg {
  width: var(--lg5);
  height: auto;
}
.cta-buttons a svg path {
  fill: var(--white);
}

footer {
  background-color: var(--off-white);
  padding: var(--lg5);
  margin: 0;
}
@media screen and (max-width: 768px) {
  footer {
    padding: var(--lg4) var(--lg3) var(--lg3);
    gap: var(--lg3);
  }
}
footer .links {
  display: flex;
  gap: var(--lg8);
}
@media screen and (max-width: 768px) {
  footer .links {
    flex-direction: column-reverse;
    gap: var(--lg3);
  }
}
footer .links .logo img {
  width: calc(var(--lg8) * 4);
  height: auto;
  margin-bottom: var(--md);
}
@media screen and (max-width: 768px) {
  footer .links .logo img {
    width: 100%;
  }
}
footer .links .logo ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--xxxs);
}
footer .links .logo ul a {
  font-size: var(--xs);
  font-weight: 500;
  color: var(--chitose-gley);
}
footer .links .sitemap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--md);
}
footer .links .sitemap ul a {
  font-size: var(--md);
  font-weight: 500;
  color: var(--chitose-gley);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  footer .links .sitemap ul a {
    font-size: var(--xs);
  }
}
footer p {
  font-size: var(--xs);
  font-weight: 500;
  text-align: right;
  color: var(--normal-text);
  margin-top: calc(var(--xs) * -1);
}
@media screen and (max-width: 768px) {
  footer p {
    text-align: center;
    margin-top: var(--lg3);
  }
}/*# sourceMappingURL=layout.css.map */