s-1 { display:block; height: 28px; }
s-2 { display:block; height: 44px; }
s-3 { display:block; height: 60px; }
s-4 { display:block; height: 76px; }
s-5 { display:block; height: 92px; }
s-6 { display:block; height: 108px; }
s-7 { display:block; height: 124px; }
s-8 { display:block; height: 140px; }

.content-main {
  max-width: 784px;
  padding-left: 112px;
}
.content-wide {
  padding-left: 112px;
}
.content-full {
  margin: auto;
}

@media only screen and (max-width: 996px) {
  .content-main {
    max-width: 672px;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .content-wide {
    padding-left: calc((100vw - 772px) / 2);
  }
}


.page-title {
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.025em;
}
.page-info {
  font-size: 36px;
  font-weight: 300;
  line-height: 1.35;
  font-feature-settings: "ccmp" 1;
}
.page-header {
  font-size: 40px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.0125em;
}
.main-copy {
  font-size: 20px;
  line-height: 1.5;
  font-feature-settings: "ccmp" 1;
}

@media only screen and (max-width: 940px) {
  s-1 { height: 2.9787vw }
  s-2 { height: 4.6808vw }
  s-3 { height: 6.3829vw }
  s-4 { height: 8.0851vw }
  s-5 { height: 9.7872vw }
  s-6 { height: 11.4893vw }
  s-7 { height: 13.1914vw }
  s-8 { height: 14.8936vw }
  .page-title { font-size: 6.3829vw; }
  .page-info { font-size: 3.8297vw; }
  .page-header { font-size: 4.2553vw; }
}
@media only screen and (max-width: 640px) {
  .main-copy { font-size: 3.125vw; }
}
@media only screen and (max-width: 512px) {
  .page-header { font-size: 21.7871px; }
  .page-info { font-weight: 400; }
  .main-copy { font-size: 16px; }
}
@media only screen and (max-width: 444px) {
  .page-info { font-size: 17px; }
}
@media only screen and (max-width: 376px) {
  .page-title { font-size: 24px; }
}