@charset "UTF-8";


@media screen and (max-width:1440px) {}
@media screen and (max-width:1368px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:559px) {}
@media screen and (max-width:375px) {}
@media screen and (max-width:361px) {}


.content-header {
  margin-bottom: 0;
  border-bottom: none;
  padding-block: clamp(5rem, 3.786407767rem + 3.2362459547vw, 10rem) clamp(7.5rem, 6.0436893204rem + 3.8834951456vw, 13.5rem);
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: var(--mainColor);
}
.page-header {
  font-weight: 600;
  color: var(--mainColor);
  font-size: clamp(2.2rem, 1.6174757282rem + 1.5533980583vw, 4.6rem);
  width: 136.6rem;
  margin-inline: auto;
  padding-inline: 2rem;
  margin-top: 5rem;
}

@media only screen and (max-width: 559px) {
  .page-header {
    width: 100%;
    padding-inline: 6%;
    text-align: left;
  }
}