/*
** .c-header
*/

.c-header__inner {
  padding-top: calc(65.5 * 100vw / var(--standard-width));
  padding-bottom: calc(65.5 * 100vw / var(--standard-width));
}

.c-header__headline-title {
  font-size: calc(45 / var(--standard-font-size) * 1em);
  margin-bottom: calc(15 * 100vw / var(--standard-width));
}

.c-header__headline-slug {
  font-size: calc(25 / var(--standard-font-size) * 1em);
}

.c-header-bg__headline {
  bottom: calc(72 * 100vw / var(--standard-width));
}

.c-header-bg__headline-title {
  font-size: calc(60 / var(--standard-font-size) * 1em);
}

.c-header-bg__headline-title span {
  clip-path: polygon(0 0, 100% 0%, calc(100% - (36.67 * 100vw / var(--standard-width))) 100%, 0% 100%);
  padding: calc(25 * 100vw / var(--standard-width)) calc(61.67 * 100vw / var(--standard-width)) calc(25 * 100vw / var(--standard-width)) calc(144 * 100vw / var(--standard-width));
}

.c-header-bg__headline-slug {
  bottom: calc(-35 * 100vw / var(--standard-width));
  left: calc(100% - calc(36.67 * 100vw / var(--standard-width)) - 2.25em);
  font-size: calc(50 / var(--standard-font-size) * 1em);
}


/*
** .c-main
*/

.c-header + .c-main {
  margin-top: calc(72 * 100vw / var(--standard-width));
  margin-bottom: calc(108 * 100vw / var(--standard-width));
}


/*
** .c-section
*/

.c-section-intro--h {
  padding-top: calc(36 * 100vw / var(--standard-width));
  margin-bottom: calc(144 * 100vw / var(--standard-width));
}

.c-section-intro--v {
  padding-top: calc(108 * 100vw / var(--standard-width));
  margin-bottom: calc(108 * 100vw / var(--standard-width));
}

.c-section-intro::before {
  width: calc(120 * 100vw / var(--standard-width));
  height: calc(360 * 100vw / var(--standard-width));
}

.c-section-intro::after {
  bottom: calc(-206 * 100vw / var(--standard-width));
  width: calc(555 * 100vw / var(--standard-width));
  height: calc(540 * 100vw / var(--standard-width));
  clip-path: polygon(100% 0, 100% 64%, 87% 100%, 0 100%, 36% 0);
}

.c-section-intro--h .c-section-intro__inner {
  width: 100% !important;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: calc(72 * 100vw / var(--standard-width));
  align-items: center;
  padding-left: calc(144 * 100vw / var(--standard-width));
  padding-right: calc(36 * 100vw / var(--standard-width));
}

.c-section-intro--v .c-section-intro__inner {
  grid-template-columns: 100%;
}

.c-section-intro__headline {
  font-size: calc(40 / var(--standard-font-size) * 1em);
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.c-section-intro--h .c-section-intro__body {
  margin-bottom: calc(54 * 100vw / var(--standard-width));
}

.c-section-intro__anchor-list {
  column-gap: calc(54 * 100vw / var(--standard-width));
}

.c-section-intro__anchor-item {
  font-size: calc(22 / var(--standard-font-size) * 1em);
}

.c-section-intro__anchor-item::before {
  margin-right: calc(5 * 100vw / var(--standard-width));
}


/*
** .c-headline
*/

.c-headline-rows {
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}

.c-headline-rows span[data-ff="roboto"] {
  font-size: calc(48 / var(--standard-font-size) * 1em);
  margin-bottom: calc(10 * 100vw / var(--standard-width));
}

.c-headline-rows span[data-ff="zenkaku"] {
  font-size: calc(18 / var(--standard-font-size) * 1em);
}

.c-headline-border {
  font-size: calc(35 / var(--standard-font-size) * 1em);
  padding-bottom: calc(10 * 100vw / var(--standard-width));
  margin-bottom: calc(36 * 100vw / var(--standard-width));
}


/*
** .c-button-line
*/

.c-button-line a {
  font-size: calc(20 / var(--standard-font-size) * 1em);
}


/*
** .c-table
*/

.c-table {
  table-layout: auto;
  font-size: inherit;
}

.c-table th,
.c-table td {
  padding: calc(10 * 100vw / var(--standard-width));
}

.c-table tbody th {
  width: 18em;
}