/* TERASU design tokens | t-page-a | TERASU original build */
@keyframes ticker {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.t-top-ticker {
  animation: calc(30s * var(--t-w) / 12.8) ticker infinite linear;
  display: flex;
  flex-shrink: 0;
}
.t-top-ticker img {
  height: calc(var(--t-h) / var(--t-em));
  width: auto;
}
.t-top-user {
  display: grid;
  gap: calc(31em / var(--t-em));
  justify-items: center;
}
.t-top-user__title {
  --t-em: 36;
  --t-let: 0.12em;
  font-weight: 700;
  line-height: calc(54em / var(--t-em));
}
.t-top-user__ticker {
  --t-h: 118em;
  display: flex;
  overflow: hidden;
}
@media (min-width: 48em) {
  .t-top-user {
    gap: calc(29em / var(--t-em));
  }
  .t-top-user__title {
    --t-em: 30;
    --t-let: 0.08em;
    line-height: calc(45em / var(--t-em));
  }
  .t-top-user__ticker {
    --t-h: 90em;
    height: calc(90em / var(--t-em));
  }
}
@keyframes fluffy {
  0% {
    translate: 0 -0.5em;
  }
  to {
    translate: 0 0.5em;
  }
}
@keyframes balloon {
  0% {
    transform: scale(0) translateY(2em);
  }
  30% {
    transform: scale(0) translateY(2em);
  }
  35% {
    transform: scale(1) translate(0);
  }
  95% {
    transform: scale(1) translate(0);
  }
  to {
    transform: scale(0) translateY(2em);
  }
}
.t-top-hero {
  display: grid;
  gap: calc(60em / var(--t-em));
}
.t-top-hero__inner {
  align-items: start;
  display: grid;
  padding-top: calc(36.5em / var(--t-em));
}
.t-top-hero__copy {
  --t-em: 100;
  --t-let: 0.04em;
  font-weight: 700;
  line-height: calc(120 / var(--t-em));
  margin-bottom: calc(34em / var(--t-em));
  overflow: hidden;
  padding-bottom: calc(14em / var(--t-em));
  padding-top: calc(14em / var(--t-em));
}
.t-top-hero__copy p {
  transition-property: translate;
  translate: 0 100%;
}
.Inview .t-top-hero__copy p {
  translate: 0 0;
}
.t-top-hero__logo {
  margin-bottom: calc(19em / var(--t-em));
  overflow: hidden;
  width: calc(295.26em / var(--t-em));
}
.t-top-hero__logo img {
  transition-property: translate;
  translate: 0 100%;
}
.Inview .t-top-hero__logo img {
  translate: 0 0;
}
.t-top-hero__hashtag {
  --t-em: 24;
  font-weight: 700;
  line-height: calc(36 / var(--t-em));
  margin-bottom: calc(49em / var(--t-em));
  overflow: hidden;
}
.t-top-hero__hashtag p {
  transition-property: translate;
  translate: 0 100%;
}
.Inview .t-top-hero__hashtag p {
  translate: 0 0;
}
.t-top-hero__btn {
  display: grid;
  gap: calc(16em / var(--t-em));
  grid-auto-flow: column;
  grid-template-rows: auto;
  justify-content: start;
}
.t-top-hero__btn li {
  overflow: hidden;
}
.t-top-hero__btn a {
  transition-property: translate;
  translate: 0 100%;
}
.Inview .t-top-hero__btn a {
  translate: 0 0;
}
.t-top-hero .t-ui-btn {
  --t-em: 20;
  --t-h: 95em;
  --t-pd: 0em;
}
.t-top-hero .t-ui-btn.Alt {
  --t-pd: 0em;
}
.t-top-hero .t-ui-btn .f {
  --t-em: 16;
  --t-h: 33em;
  --t-pd: 0em;
}
.t-top-hero__illust {
  display: grid;
  margin-bottom: calc(11em / var(--t-em));
  opacity: 0;
  scale: 0.9;
  transition-property: opacity, scale;
}
.Inview .t-top-hero__illust {
  opacity: 1;
  scale: 1;
}
.t-top-hero__illust .A,
.t-top-hero__illust .B {
  transform: scale(0) translateY(2em);
}
.Start .t-top-hero__illust .A,
.Start .t-top-hero__illust .B {
  animation: balloon 4.5s linear -0.6s infinite;
}
.t-top-hero__illust .A img,
.t-top-hero__illust .B img {
  animation: fluffy 1s ease-in-out infinite alternate;
}
.t-top-hero__illust .A {
  grid-area: 1/1;
  margin-left: calc(4.82em / var(--t-em));
  width: calc(247em / var(--t-em));
}
.t-top-hero__illust .B {
  grid-area: 1/1;
  margin-left: auto;
  margin-top: calc(3.04em / var(--t-em));
  width: calc(240em / var(--t-em));
}
.Start .t-top-hero__illust .B {
  animation-delay: 0s;
}
.t-top-hero__illust .B img {
  animation-delay: 0.5s;
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}
.t-top-hero__illust .C {
  grid-area: 1/1;
  margin-top: calc(150.81em / var(--t-em));
  z-index: 1;
}
@media not screen and (min-width: 48em) {
  .t-top-hero__illust {
    --t-em: var(--t-rem) * 542.79 /540;
    justify-self: center;
    order: -1;
    width: calc(542.79em / var(--t-em));
  }
  .t-top-hero .t-ui-btn {
    width: calc(307em / var(--t-em));
  }
  .t-top-hero .t-ui-btn .f {
    width: calc(55em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-hero {
    gap: calc(80em / var(--t-em));
  }
  .t-top-hero__inner {
    grid-auto-flow: column;
    grid-template-columns: auto calc(519em / var(--t-em));
    grid-template-rows: repeat(3, auto) 1fr;
    justify-content: space-between;
    padding-top: calc(80em / var(--t-em));
  }
  .t-top-hero__copy {
    --t-em: 74;
    line-height: calc(100 / var(--t-em));
    margin-bottom: calc(22em / var(--t-em));
    padding-bottom: calc(5em / var(--t-em));
    padding-top: calc(5em / var(--t-em));
  }
  .t-top-hero__logo {
    margin-bottom: calc(15em / var(--t-em));
    width: calc(213em / var(--t-em));
  }
  .t-top-hero__hashtag {
    --t-em: 18;
    line-height: calc(28 / var(--t-em));
    margin-bottom: calc(40em / var(--t-em));
  }
  .t-top-hero__btn {
    gap: calc(20em / var(--t-em));
  }
  .t-top-hero .t-ui-btn {
    --t-em: 14;
    --t-h: 50em;
    --t-pd: 30em;
  }
  .t-top-hero .t-ui-btn.Alt {
    --t-pd: 22.5em;
  }
  .t-top-hero .t-ui-btn .f {
    --t-em: 13;
    --t-h: 23em;
    --t-pd: 6em;
  }
  .t-top-hero__illust {
    grid-row: span 4;
    margin-bottom: 0;
    margin-right: calc(-1em / var(--t-em));
    margin-top: calc(6.7em / var(--t-em));
  }
}
.t-top-introduction__inner {
  display: grid;
  margin-bottom: calc(142em / var(--t-em));
  padding-top: calc(143em / var(--t-em));
}
.t-top-introduction__copy {
  --t-em: 36;
  --t-pd: 1em;
  font-weight: 700;
  line-height: calc(52 / var(--t-em));
  margin-bottom: calc(30em / var(--t-em));
  padding-bottom: calc(var(--t-pd) / var(--t-em));
  padding-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-introduction__price {
  --t-em: 43;
  --t-let: 0.02em;
  font-weight: 700;
  line-height: calc(64 / var(--t-em));
  margin-bottom: calc(58em / var(--t-em));
  white-space: nowrap;
}
.t-top-introduction__price .Price {
  --t-em: 86;
  line-height: calc(108 / var(--t-em));
  margin-left: calc(19em / var(--t-em));
  margin-right: calc(16em / var(--t-em) + 0.01em);
  position: relative;
}
.t-top-introduction__price .Price:after {
  background-color: #00c2a8;
  bottom: calc(13em / var(--t-em));
  content: "";
  height: calc(13em / var(--t-em));
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.t-top-introduction__price .Unit {
  --t-em: 32;
  --t-let: 0.02em;
  line-height: calc(47 / var(--t-em));
}
.t-top-introduction__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(var(--t-pd) * -1 / var(--t-em));
  margin-top: calc(var(--t-pd) * -1 / var(--t-em));
}
.t-top-introduction__ticker {
  overflow: hidden;
}
.t-top-introduction__ticker > * {
  --t-h: 205em;
  display: flex;
}
.t-top-introduction__ticker .Secondary > * {
  animation-direction: reverse;
}
@media not screen and (min-width: 48em) {
  .t-top-introduction__img {
    justify-self: center;
    margin-bottom: calc(53em / var(--t-em));
    order: -1;
    width: calc(533.29em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-introduction__inner {
    align-items: center;
    direction: rtl;
    grid-auto-flow: column;
    grid-template-columns: calc(430em / var(--t-em)) calc(465em / var(--t-em));
    grid-template-rows: 1fr repeat(3, auto) 1fr;
    justify-content: space-between;
    margin-bottom: calc(127em / var(--t-em));
    padding-top: calc(100em / var(--t-em));
  }
  .t-top-introduction__inner:before {
    content: "";
  }
  .t-top-introduction__inner > * {
    direction: ltr;
  }
  .t-top-introduction__copy {
    --t-em: 28;
    --t-pd: 0.5em;
    line-height: calc(40 / var(--t-em));
    margin-bottom: calc(17em / var(--t-em));
  }
  .t-top-introduction__price {
    --t-em: 34;
    line-height: calc(50 / var(--t-em));
    margin-bottom: calc(35em / var(--t-em));
  }
  .t-top-introduction__price .Price {
    --t-em: 69;
    line-height: calc(87 / var(--t-em));
    margin-left: calc(15em / var(--t-em));
    margin-right: calc(10em / var(--t-em) + 0.01em);
  }
  .t-top-introduction__price .Price:after {
    bottom: calc(12em / var(--t-em));
    height: calc(10em / var(--t-em));
  }
  .t-top-introduction__price .Unit {
    --t-em: 26;
    line-height: calc(38 / var(--t-em));
  }
  .t-top-introduction__text {
    line-height: calc(28 / var(--t-em));
  }
  .t-top-introduction__img {
    grid-row: span 5;
  }
}
.t-top-issue__unit {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  counter-increment: i;
  display: grid;
  padding: calc(45em / var(--t-em)) calc(25em / var(--t-em));
  position: relative;
}
.t-top-issue__no {
  --t-em: 18;
  --t-let: 0.08em;
  background-color: #fff;
  border-radius: 10em;
  display: grid;
  font-family: Outfit, sans-serif;
  font-weight: 900;
  grid-area: 1/1;
  height: calc(35em / var(--t-em));
  mix-blend-mode: exclusion;
  place-items: center;
  width: calc(107em / var(--t-em));
  z-index: 1;
}
.t-top-issue__no:before {
  content: "ISSUE " counter(i);
}
.t-top-issue__img {
  display: grid;
  grid-area: 1/1 / span 2/1;
}
.t-top-issue__title {
  --t-em: 30;
  --t-pd: 2.5em;
  font-weight: 700;
  grid-area: 2/2;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(55em / var(--t-em));
}
.t-top-issue__plus {
  --t-em: 24;
  --t-let: 0.04em;
  align-items: center;
  color: #fff;
  display: grid;
  font-weight: 700;
  gap: calc(16em / var(--t-em) - 0.04em);
  grid-area: 3/1/3 / span 2;
  grid-template-columns: auto calc(40em / var(--t-em));
  justify-content: center;
  mix-blend-mode: exclusion;
  z-index: 1;
}
.t-top-issue__plus:hover .Plus {
  rotate: -90deg;
}
:checked ~ .t-top-issue__plus:hover .Plus {
  rotate: -180deg;
}
.t-top-issue__plus:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
:checked ~ .t-top-issue__plus:after {
  content: none;
}
.t-top-issue__plus .Label {
  grid-area: 1/1;
  text-align: right;
  transition-property: translate;
}
.t-top-issue__plus .fade-enter-active,
.t-top-issue__plus .fade-leave-active {
  transition-property: opacity;
}
.t-top-issue__plus .fade-enter,
.t-top-issue__plus .fade-leave-to {
  opacity: 0;
}
.t-top-issue__plus .Plus {
  background-color: currentColor;
  border-radius: 50%;
  display: grid;
  height: calc(40em / var(--t-em));
  overflow: hidden;
  place-items: center;
  transition-property: rotate, scale;
}
.t-top-issue__plus .Plus:after,
.t-top-issue__plus .Plus:before {
  background-color: #000;
  content: "";
  grid-area: 1/1;
  height: 1px;
  width: calc(20em / var(--t-em));
}
.t-top-issue__plus .Plus:after {
  rotate: 90deg;
  transition-property: rotate;
}
:checked ~ .t-top-issue__plus .Plus:after {
  rotate: 0deg;
}
.t-top-issue__inner {
  align-items: end;
  background-color: #000;
  border-radius: calc(18em / var(--t-em));
  color: #fff;
  display: grid;
  grid-area: 1/1/3 / span 2;
  grid-template-columns: calc(146em / var(--t-em)) calc(398em / var(--t-em));
  justify-content: space-between;
  margin: calc(-45em / var(--t-em)) calc(-25em / var(--t-em)) calc(-90em / var(--t-em));
  opacity: 0;
  padding-left: calc(32em / var(--t-em));
  padding-right: calc(32em / var(--t-em));
  padding-top: calc(28em / var(--t-em));
  transition-property: opacity, visibility;
  visibility: hidden;
}
:checked ~ .t-top-issue__inner {
  opacity: 1;
  visibility: visible;
}
.t-top-issue__plan {
  display: contents;
}
.t-top-issue__plan .name {
  --t-em: 30;
  --t-pd: 2.5em;
  font-weight: 700;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(13em / var(--t-em));
  padding-bottom: calc(var(--t-pd) / var(--t-em));
  padding-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-issue__plan .text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc((21em + var(--t-pd)) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-issue__btn {
  --t-em: 20;
  --t-h: 65em;
  --t-pd: 0em;
  --t-sdwColor: #000;
  background-color: #fff;
  color: #000;
  justify-items: center;
  margin-bottom: calc(35em / var(--t-em));
}
.t-top-issue__btn:hover {
  background-color: #00c2a8;
}
@media not screen and (min-width: 48em) {
  .t-top-issue__unit {
    gap: 0 calc(20em / var(--t-em));
    grid-template-columns: calc(208em / var(--t-em)) 1fr;
  }
  .t-top-issue__no {
    grid-area: 1/2;
    margin-bottom: calc(30em / var(--t-em));
  }
  :checked ~ .t-top-issue__no {
    grid-area: 1/1;
    translate: calc(7em / var(--t-em)) calc(-13em / var(--t-em));
  }
  .t-top-issue__title {
    padding-bottom: calc(var(--t-pd) / var(--t-em));
    padding-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-issue__img {
    align-items: center;
  }
  :checked ~ .t-top-issue__plus {
    justify-self: end;
    translate: calc(-7em / var(--t-em)) 0;
  }
  .t-top-issue__inner:before {
    content: "";
    grid-row: span 2;
  }
  .t-top-issue__btn {
    width: calc(218em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-issue__unit {
    padding: calc(28em / var(--t-em));
  }
  .t-top-issue__no {
    --t-em: 14;
    height: calc(32em / var(--t-em));
    width: calc(80em / var(--t-em));
  }
  .t-top-issue__img {
    align-items: end;
    grid-area: 2/1;
    height: calc(195em / var(--t-em));
    margin-bottom: calc(30em / var(--t-em));
  }
  .t-top-issue__title {
    --t-em: 18;
    --t-pd: 0.5em;
    font-weight: 700;
    grid-area: 3/1;
    line-height: calc(28 / var(--t-em));
    margin-bottom: calc((43em - var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) * -1 / var(--t-em));
    min-height: calc(83em / var(--t-em));
  }
  .t-top-issue__plus {
    --t-em: 15;
    gap: calc(10em / var(--t-em) - 0.04em);
    grid-area: 4/1;
    grid-template-columns: auto calc(26em / var(--t-em));
    justify-content: end;
    padding-right: calc(10em / var(--t-em));
  }
  .t-top-issue__plus:hover .Label {
    translate: calc(-10em / var(--t-em)) 0;
  }
  .t-top-issue__plus:hover .Plus {
    scale: 1.3846153846;
  }
  .t-top-issue__plus .Plus {
    height: calc(26em / var(--t-em));
  }
  .t-top-issue__plus .Plus:after,
  .t-top-issue__plus .Plus:before {
    width: calc(9em / var(--t-em));
  }
  .t-top-issue__inner {
    grid-area: 1/1/5/1;
    grid-template-columns: calc(126em / var(--t-em)) cals(124em / var(--t-em));
    grid-template-rows: repeat(2, auto) 1fr;
    margin: calc(-28em / var(--t-em));
    padding-left: calc(30em / var(--t-em));
    padding-right: calc(30em / var(--t-em));
    padding-top: calc(90em / var(--t-em));
  }
  .t-top-issue__plan .name {
    grid-column: span 2;
    justify-self: center;
    margin-bottom: calc(19em / var(--t-em));
  }
  .t-top-issue__plan .text {
    grid-column: span 2;
    line-height: calc(28 / var(--t-em));
    margin-bottom: calc((30em + var(--t-pd)) / var(--t-em));
  }
  .t-top-issue__btn {
    --t-em: 13;
    --t-h: 32em;
    margin-bottom: calc(85em / var(--t-em));
  }
}
.t-top-issue {
  padding-bottom: calc(143em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-issue__container {
  display: grid;
  gap: calc(30em / var(--t-em)) 0;
  margin-bottom: calc(95em / var(--t-em));
}
.t-top-issue__copy {
  --t-em: 36;
  --t-pd: 1em;
  font-weight: 700;
  line-height: calc(52em / var(--t-em));
  padding-bottom: calc(var(--t-pd) / var(--t-em));
  padding-top: calc(var(--t-pd) / var(--t-em));
  text-align: center;
}
@media (min-width: 48em) {
  .t-top-issue {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-issue__container {
    gap: calc(19em / var(--t-em)) 0;
    grid-template-columns: repeat(3, calc(314em / var(--t-em)));
    justify-content: space-between;
    margin-bottom: calc(70em / var(--t-em));
  }
  .t-top-issue__copy {
    --t-em: 28;
    --t-pd: 0.5em;
    line-height: calc(40em / var(--t-em));
  }
}
.t-top-reason__unit {
  counter-increment: i;
  display: grid;
  grid-template-columns: calc(88em / var(--t-em)) 1fr;
}
.t-top-reason__unit:before {
  --t-em: 58;
  --t-let: 0.03em;
  align-self: end;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%2300c2a8'%3E%3Cpath d='M0 0v20h6.666V6.667h12.223V0ZM41.111 0v6.667h12.222V20H60V0ZM53.333 40v13.333H41.111V60H60V40ZM0 40v20h18.889v-6.667H6.666V40Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  color: #00c2a8;
  content: counter(i);
  display: grid;
  font-family: Outfit, sans-serif;
  grid-row: 2;
  height: calc(88em / var(--t-em));
  place-items: center;
  width: calc(88em / var(--t-em));
}
.t-top-reason__title {
  --t-em: 40;
  --t-pd: -8.5em;
  --t-let: 0.08em;
  font-weight: 700;
}
.t-top-reason__text,
.t-top-reason__title {
  margin-bottom: calc(var(--t-pd) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-reason__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-reason__unit {
    gap: 0 calc(40em / var(--t-em));
  }
  .t-top-reason__text {
    grid-column: span 2;
    margin-top: calc(49em / var(--t-em));
  }
  .t-top-reason__img {
    grid-column: span 2;
    justify-self: center;
    margin-bottom: calc(40em / var(--t-em));
    order: -1;
    width: calc(450em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-reason__unit {
    align-items: center;
    grid-auto-flow: column;
    grid-template-columns: calc(470em / var(--t-em)) calc(450em / var(--t-em));
    grid-template-rows: 1fr repeat(3, auto) 1fr;
    justify-content: space-between;
  }
  .t-top-reason__unit:nth-child(odd) {
    direction: rtl;
  }
  .t-top-reason__unit:nth-child(odd):before {
    justify-self: end;
  }
  .t-top-reason__unit:nth-child(odd) > * {
    direction: ltr;
  }
  .t-top-reason__unit:before {
    --t-em: 40;
    height: calc(60em / var(--t-em));
    margin-bottom: calc(20em / var(--t-em));
    width: calc(60em / var(--t-em));
  }
  .t-top-reason__title {
    --t-em: 30;
    --t-pd: -2.5em;
    grid-row: 3;
    margin-bottom: calc((39em + var(--t-pd)) / var(--t-em));
  }
  .t-top-reason__text {
    grid-row: 4;
    line-height: calc(28 / var(--t-em));
  }
  .t-top-reason__img {
    grid-row: span 5;
  }
}
.t-top-reason {
  --t-pt: 120em;
  padding-bottom: calc(var(--t-pt) / var(--t-em));
  padding-top: calc(var(--t-pt) / var(--t-em));
}
.t-top-reason__container {
  display: grid;
  gap: calc(104em / var(--t-em));
  margin-bottom: calc(24em / var(--t-em));
}
@media (min-width: 48em) {
  .t-top-reason {
    --t-pt: 100em;
  }
  .t-top-reason__container {
    gap: calc(100em / var(--t-em));
    margin-bottom: calc(10em / var(--t-em));
  }
}
.t-top-benefit__table {
  display: grid;
  font-weight: 700;
  margin-bottom: calc(105em / var(--t-em) - 0.5px);
}
.t-top-benefit__table thead {
  display: grid;
  grid-template-columns: calc(72em / var(--t-em) - 0.5px) repeat(
      2,
      calc(186em / var(--t-em) - 1px)
    ) calc(186em / var(--t-em) - 0.5px);
  justify-content: space-between;
}
.t-top-benefit__table tbody {
  background-color: #e0e0e0;
  display: grid;
  gap: 1px 0;
  grid-template-columns: calc(72em / var(--t-em) - 1.5px) repeat(
      2,
      calc(186em / var(--t-em) - 1px)
    ) calc(186em / var(--t-em) - 1.5px);
  justify-content: space-between;
  padding: 0 1px 1px;
}
.t-top-benefit__table tr {
  display: contents;
}
.t-top-benefit__table tr:first-child td {
  height: calc(96em / var(--t-em) - 0.5px);
}
.t-top-benefit__table td,
.t-top-benefit__table th {
  align-items: center;
  display: flex;
  justify-content: center;
}
.t-top-benefit__table th {
  background-color: #e0e0e0;
  height: calc(96em / var(--t-em));
}
.t-top-benefit__table th:last-child {
  --t-em: 36;
  --t-let: 0.08em;
  background-color: #00c2a8;
}
.t-top-benefit__table td {
  --t-em: 22;
  background-color: #fff;
  height: calc(96em / var(--t-em) - 1px);
}
.t-top-benefit__table td:first-child {
  --t-em: 18;
  background-color: #f4f4f4;
  font-family: Heebo, sans-serif;
  font-weight: 400;
}
.t-top-benefit__table td:last-child {
  position: relative;
  z-index: 1;
}
.t-top-benefit__table td:last-child:before {
  background-color: #00c2a8;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.t-top-benefit__table .t-ui-qutfit {
  --t-em: 30;
  margin-right: calc(3em / var(--t-em));
}
@media (min-width: 48em) {
  .t-top-benefit__table {
    margin-bottom: calc(102em / var(--t-em) - 0.5px);
  }
  .t-top-benefit__table thead {
    grid-template-columns: calc(185em / var(--t-em) - 0.5px) repeat(
        2,
        calc(265em / var(--t-em) - 1px)
      ) calc(265em / var(--t-em) - 0.5px);
  }
  .t-top-benefit__table tbody {
    grid-template-columns: calc(185em / var(--t-em) - 1.5px) repeat(
        2,
        calc(265em / var(--t-em) - 1px)
      ) calc(265em / var(--t-em) - 1.5px);
  }
  .t-top-benefit__table tr:first-child td {
    height: calc(65em / var(--t-em) - 0.5px);
  }
  .t-top-benefit__table th {
    height: calc(65em / var(--t-em));
  }
  .t-top-benefit__table th:last-child {
    --t-em: 30;
  }
  .t-top-benefit__table td {
    --t-em: 18;
    height: calc(65em / var(--t-em) - 1px);
  }
  .t-top-benefit__table td:first-child {
    --t-em: 16;
  }
  .t-top-benefit__table .t-ui-qutfit {
    --t-em: 25;
    margin-right: calc(2em / var(--t-em));
  }
}
.t-top-reduction__title {
  --t-em: 32;
  font-weight: 700;
  line-height: calc(41 / var(--t-em));
  margin-bottom: calc(128em / var(--t-em));
  text-align: center;
}
.t-top-reduction__title .Price {
  --t-em: 50;
  line-height: calc(63 / var(--t-em));
  margin-left: calc(8em / var(--t-em));
  margin-right: calc(8em / var(--t-em));
  position: relative;
  z-index: 1;
}
.t-top-reduction__title .Price:after {
  background-color: #00c2a8;
  bottom: calc(8em / var(--t-em));
  content: "";
  height: calc(6em / var(--t-em));
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.t-top-reduction__graph {
  margin-bottom: calc(95em / var(--t-em));
}
.t-top-reduction__copy {
  --t-em: 36;
  --t-pd: -2em;
  font-weight: 700;
  margin-bottom: calc(var(--t-pd) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
  text-align: center;
}
@media (min-width: 48em) {
  .t-top-reduction__title {
    --t-em: 28;
    margin-bottom: calc(88em / var(--t-em));
  }
  .t-top-reduction__title .Price {
    margin-left: calc(10em / var(--t-em));
    margin-right: calc(10em / var(--t-em));
  }
  .t-top-reduction__graph {
    margin-bottom: calc(70em / var(--t-em));
  }
  .t-top-reduction__copy {
    --t-em: 28;
    --t-pd: -1.5em;
  }
}
.t-top-reduction-graph {
  display: grid;
}
.t-top-reduction-graph__primary,
.t-top-reduction-graph__secondary {
  --t-bc: #000;
  --t-c: #fff;
  display: grid;
  gap: 0 calc(27em / var(--t-em));
  grid-template-columns: calc(277em / var(--t-em)) calc(324em / var(--t-em));
}
.t-top-reduction-graph__primary {
  position: relative;
}
.t-top-reduction-graph__primary:after {
  border: solid transparent;
  border-bottom-color: #000;
  border-width: 0 calc(87em / var(--t-em) / 2) calc(38em / var(--t-em)) calc(87em / var(--t-em) / 2);
  bottom: calc(-83em / var(--t-em));
  content: "";
  height: calc(38em / var(--t-em));
  position: absolute;
  right: 0;
  rotate: 180deg;
  width: calc(87em / var(--t-em));
}
.t-top-reduction-graph__designer,
.t-top-reduction-graph__marketer {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) var(--t-bc) inset;
  display: grid;
  grid-column: span 2;
  grid-template-columns: calc(227em / var(--t-em)) repeat(2, auto);
  grid-template-rows: 1fr repeat(2, auto) 1fr;
  justify-content: start;
  margin-bottom: calc(81em / var(--t-em));
  min-height: calc(170em / var(--t-em));
  padding-left: calc(8em / var(--t-em));
}
.t-top-reduction-graph__designer dt,
.t-top-reduction-graph__marketer dt {
  --t-em: 27;
  font-weight: 700;
  grid-area: 2/2;
  line-height: calc(54 / var(--t-em));
  margin-right: calc(26em / var(--t-em) - 0.06em);
}
.t-top-reduction-graph__designer .Illust,
.t-top-reduction-graph__marketer .Illust {
  display: grid;
  grid-area: 1/1 / span 4/1;
  justify-items: center;
  margin-bottom: calc(28em / var(--t-em));
  margin-top: calc(-33em / var(--t-em));
}
.t-top-reduction-graph__designer .Illust img,
.t-top-reduction-graph__marketer .Illust img {
  width: calc(135.19em / var(--t-em));
}
.t-top-reduction-graph__designer .Monthly,
.t-top-reduction-graph__marketer .Monthly {
  --t-em: 27;
  font-weight: 700;
  grid-area: 2/3;
  line-height: calc(40 / var(--t-em));
}
.t-top-reduction-graph__designer .Monthly span,
.t-top-reduction-graph__marketer .Monthly span {
  --t-em: 43;
  line-height: calc(54 / var(--t-em));
  margin-right: calc(4em / var(--t-em));
}
.t-top-reduction-graph__designer .Bonus,
.t-top-reduction-graph__marketer .Bonus {
  --t-em: 24;
  grid-area: 3/2/3 / span 2;
  line-height: calc(36 / var(--t-em));
  margin-bottom: calc(14em / var(--t-em));
  margin-top: calc(6em / var(--t-em));
}
.t-top-reduction-graph__designer {
  position: relative;
}
.t-top-reduction-graph__designer:after,
.t-top-reduction-graph__designer:before {
  background-color: #000;
  bottom: calc(-49em / var(--t-em));
  content: "";
  height: calc(8em / var(--t-em));
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  width: calc(41em / var(--t-em));
}
.t-top-reduction-graph__designer:after {
  rotate: 90deg;
}
.t-top-reduction-graph__marketer {
  margin-bottom: calc(40em / var(--t-em));
}
.t-top-reduction-graph__marketer .Illust {
  margin-bottom: calc(21em / var(--t-em));
  margin-top: calc(-26em / var(--t-em));
}
.t-top-reduction-graph__marketer .Illust img {
  width: calc(141.08em / var(--t-em));
}
.t-top-reduction-graph__annually,
.t-top-reduction-graph__monthly {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) var(--t-bc) inset;
  display: grid;
  gap: calc(15em / var(--t-em));
  padding: calc(38em / var(--t-em));
  padding-bottom: calc(20em / var(--t-em));
}
.t-top-reduction-graph__annually dt,
.t-top-reduction-graph__monthly dt {
  --t-em: 20;
  background-color: var(--t-bc);
  border-radius: 10em;
  color: var(--t-c);
  display: grid;
  font-weight: 700;
  height: calc(44em / var(--t-em));
  place-items: center;
}
.t-top-reduction-graph__annually dd,
.t-top-reduction-graph__monthly dd {
  --t-em: 24;
  font-weight: 700;
  line-height: calc(36 / var(--t-em));
  text-align: center;
}
.t-top-reduction-graph__annually dd span,
.t-top-reduction-graph__monthly dd span {
  --t-em: 76;
  line-height: calc(96 / var(--t-em));
  margin-right: calc(6em / var(--t-em));
}
.t-top-reduction-graph__annually .Price,
.t-top-reduction-graph__monthly .Price {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.t-top-reduction-graph__annually .Price:after,
.t-top-reduction-graph__monthly .Price:after {
  background-color: #00c2a8;
  bottom: calc(13em / var(--t-em));
  content: "";
  height: calc(8em / var(--t-em));
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.t-top-reduction-graph__secondary {
  --t-bc: #00c2a8;
  --t-c: #000;
}
.t-top-reduction-graph__taks {
  align-items: center;
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) var(--t-bc) inset;
  display: grid;
  gap: calc(17em / var(--t-em));
  grid-column: span 2;
  margin-bottom: calc(45em / var(--t-em));
  min-height: calc(391em / var(--t-em));
  padding: calc(70em / var(--t-em)) calc(93em / var(--t-em));
}
.t-top-reduction-graph__taks dt {
  display: grid;
  gap: calc(35em / var(--t-em));
}
.t-top-reduction-graph__taks dt img {
  justify-self: center;
  width: calc(300.17em / var(--t-em));
}
.t-top-reduction-graph__taks dt span {
  --t-em: 24;
  background-color: #e0e0e0;
  display: grid;
  font-weight: 700;
  height: calc(46em / var(--t-em));
  place-items: center;
}
.t-top-reduction-graph__taks dd {
  --t-em: 38;
  font-weight: 700;
  line-height: calc(56em / var(--t-em));
  white-space: nowrap;
}
.t-top-reduction-graph__taks .Price {
  --t-em: 68;
  line-height: calc(86em / var(--t-em));
  margin-right: calc(7em / var(--t-em));
  position: relative;
  z-index: 1;
}
.t-top-reduction-graph__taks .Price:after {
  background-color: #00c2a8;
  bottom: calc(11em / var(--t-em));
  content: "";
  height: calc(10em / var(--t-em));
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.t-top-reduction-graph__taks .Only {
  --t-em: 52;
  margin-left: calc(21em / var(--t-em));
}
.t-top-reduction-graph__taks .Only span {
  position: relative;
}
.t-top-reduction-graph__taks .Only span:before {
  background-color: #00c2a8;
  border-radius: 50%;
  content: "";
  height: calc(10em / var(--t-em));
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(10em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-reduction-graph {
    gap: calc(128em / var(--t-em));
  }
  .t-top-reduction-graph__primary:after {
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 48em) {
  .t-top-reduction-graph {
    grid-template-columns: repeat(2, calc(460em / var(--t-em)));
    justify-content: space-between;
  }
  .t-top-reduction-graph__primary,
  .t-top-reduction-graph__secondary {
    gap: 0 calc(20em / var(--t-em));
    grid-template-columns: calc(203em / var(--t-em)) calc(237em / var(--t-em));
  }
  .t-top-reduction-graph__primary:after {
    border-width: 0 calc(32em / var(--t-em)) calc(28em / var(--t-em)) calc(32em / var(--t-em));
    bottom: 0;
    height: calc(28em / var(--t-em));
    margin-bottom: auto;
    margin-top: auto;
    right: calc(-62em / var(--t-em));
    rotate: 90deg;
    top: 0;
    width: calc(64em / var(--t-em));
  }
  .t-top-reduction-graph__designer,
  .t-top-reduction-graph__marketer {
    grid-template-columns: calc(166em / var(--t-em)) repeat(2, auto);
    margin-bottom: calc(60em / var(--t-em));
    min-height: calc(125em / var(--t-em));
    padding-left: calc(5em / var(--t-em));
  }
  .t-top-reduction-graph__designer dt,
  .t-top-reduction-graph__marketer dt {
    --t-em: 20;
    line-height: calc(40 / var(--t-em));
    margin-right: calc(18em / var(--t-em) - 0.06em);
  }
  .t-top-reduction-graph__designer .Illust,
  .t-top-reduction-graph__marketer .Illust {
    margin-bottom: calc(21em / var(--t-em));
    margin-top: calc(-26em / var(--t-em));
  }
  .t-top-reduction-graph__designer .Illust img,
  .t-top-reduction-graph__marketer .Illust img {
    width: calc(99.08em / var(--t-em));
  }
  .t-top-reduction-graph__designer .Monthly,
  .t-top-reduction-graph__marketer .Monthly {
    --t-em: 20;
    line-height: calc(29 / var(--t-em));
  }
  .t-top-reduction-graph__designer .Monthly span,
  .t-top-reduction-graph__marketer .Monthly span {
    --t-em: 32;
    line-height: calc(40 / var(--t-em));
    margin-right: calc(3em / var(--t-em));
  }
  .t-top-reduction-graph__designer .Bonus,
  .t-top-reduction-graph__marketer .Bonus {
    --t-em: 18;
    grid-area: 3/2/3 / span 2;
    line-height: calc(27 / var(--t-em));
    margin-bottom: calc(8em / var(--t-em));
    margin-top: calc(4em / var(--t-em));
  }
  .t-top-reduction-graph__designer:after,
  .t-top-reduction-graph__designer:before {
    bottom: calc(-33em / var(--t-em));
    height: calc(6em / var(--t-em));
    width: calc(30em / var(--t-em));
  }
  .t-top-reduction-graph__marketer {
    margin-bottom: calc(30em / var(--t-em));
  }
  .t-top-reduction-graph__marketer .Illust {
    margin-bottom: calc(16em / var(--t-em));
    margin-top: calc(-19em / var(--t-em));
  }
  .t-top-reduction-graph__marketer .Illust img {
    width: calc(103.4em / var(--t-em));
  }
  .t-top-reduction-graph__annually,
  .t-top-reduction-graph__monthly {
    gap: calc(11em / var(--t-em));
    padding: calc(28em / var(--t-em));
    padding-bottom: calc(14em / var(--t-em));
  }
  .t-top-reduction-graph__annually dt,
  .t-top-reduction-graph__monthly dt {
    --t-em: 14;
    height: calc(32em / var(--t-em));
  }
  .t-top-reduction-graph__annually dd,
  .t-top-reduction-graph__monthly dd {
    --t-em: 18;
    line-height: calc(27 / var(--t-em));
  }
  .t-top-reduction-graph__annually dd span,
  .t-top-reduction-graph__monthly dd span {
    --t-em: 56;
    line-height: calc(71 / var(--t-em));
    margin-right: calc(4em / var(--t-em));
  }
  .t-top-reduction-graph__annually .Price:after,
  .t-top-reduction-graph__monthly .Price:after {
    bottom: calc(10em / var(--t-em));
    height: calc(6em / var(--t-em));
  }
  .t-top-reduction-graph__taks {
    gap: calc(12em / var(--t-em));
    margin-bottom: calc(30em / var(--t-em));
    min-height: calc(310em / var(--t-em));
    padding: calc(60em / var(--t-em)) calc(68em / var(--t-em)) calc(58em / var(--t-em));
  }
  .t-top-reduction-graph__taks dt {
    gap: calc(33.9em / var(--t-em));
  }
  .t-top-reduction-graph__taks dt img {
    width: calc(220em / var(--t-em));
  }
  .t-top-reduction-graph__taks dt span {
    --t-em: 18;
    height: calc(34em / var(--t-em));
  }
  .t-top-reduction-graph__taks dd {
    --t-em: 28;
    line-height: calc(41em / var(--t-em));
  }
  .t-top-reduction-graph__taks .Price {
    --t-em: 50;
    line-height: calc(63em / var(--t-em));
    margin-right: calc(5em / var(--t-em));
  }
  .t-top-reduction-graph__taks .Price:after {
    bottom: calc(8em / var(--t-em));
    height: calc(7em / var(--t-em));
  }
  .t-top-reduction-graph__taks .Only {
    --t-em: 38;
    margin-left: calc(15em / var(--t-em));
  }
  .t-top-reduction-graph__taks .Only span:before {
    height: calc(7em / var(--t-em));
    width: calc(7em / var(--t-em));
  }
}
.t-top-benefit {
  background-color: #f8f8f8;
  padding-bottom: calc(143em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
@media (min-width: 48em) {
  .t-top-benefit {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
}
.t-top-service__unit {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  display: grid;
  padding: calc(26em / var(--t-em));
  padding-top: 0;
  position: relative;
}
.t-top-service__img {
  border-radius: calc(18em / var(--t-em)) calc(18em / var(--t-em)) 0 0;
  margin: calc(2em / var(--t-em)) calc(-24em / var(--t-em)) calc(48em / var(--t-em));
  overflow: hidden;
}
.t-top-service__title {
  --t-em: 40;
  --t-pd: 3.5em;
  font-weight: 700;
  line-height: calc(52 / var(--t-em));
  margin-bottom: calc(53em / var(--t-em));
}
.t-top-service__category {
  --t-em: 20;
  display: flex;
  flex-wrap: wrap;
  gap: calc(8em / var(--t-em)) calc(6em / var(--t-em));
  margin-bottom: calc(53em / var(--t-em));
}
.t-top-service__category li {
  align-items: center;
  background-color: #000;
  border-radius: 10em;
  color: #fff;
  display: grid;
  font-weight: 700;
  grid-auto-flow: column;
  grid-template-rows: auto;
  height: calc(42em / var(--t-em));
  padding-left: calc(22em / var(--t-em));
  padding-right: calc(22em / var(--t-em) - 0.06em);
}
.t-top-service__category li:before {
  content: "#";
}
.t-top-service__more {
  --t-let: 0.03em;
  align-items: center;
  display: grid;
  font-weight: 700;
  gap: calc(13em / var(--t-em) - 0.08em);
  grid-auto-flow: column;
  grid-template-columns: 1fr calc(40em / var(--t-em));
  grid-template-rows: auto;
  text-align: right;
}
.t-top-service__more:hover .Plus {
  rotate: -90deg;
}
:checked ~ .t-top-service__more:hover .Plus {
  rotate: -180deg;
}
.t-top-service__more:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
:checked ~ .t-top-service__more:after {
  content: none;
}
.t-top-service__more .Label {
  transition-property: translate;
}
.t-top-service__more .Plus {
  background-color: #000;
  border-radius: 50%;
  display: grid;
  height: calc(40em / var(--t-em));
  overflow: hidden;
  place-items: center;
  transition-property: rotate, scale;
}
.t-top-service__more .Plus:after,
.t-top-service__more .Plus:before {
  background-color: #fff;
  content: "";
  grid-area: 1/1;
  height: 1px;
  width: calc(20em / var(--t-em));
}
.t-top-service__more .Plus:after {
  rotate: 90deg;
}
@media not screen and (min-width: 48em) {
  .t-top-service__title {
    padding-bottom: calc(var(--t-pd) / var(--t-em));
    padding-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-service__more {
    margin-bottom: calc(3em / var(--t-em));
    margin-right: calc(3em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-service__unit {
    padding: calc(28em / var(--t-em));
    padding-top: 0;
  }
  .t-top-service__img {
    margin-bottom: calc(28em / var(--t-em));
    margin-left: calc(-26em / var(--t-em));
    margin-right: calc(-26em / var(--t-em));
  }
  .t-top-service__title {
    --t-em: 24;
    --t-pd: -2em;
    line-height: calc(40 / var(--t-em));
    margin-bottom: calc((29em + var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-service__category {
    --t-em: 14;
    gap: calc(6em / var(--t-em));
    margin-bottom: calc(40em / var(--t-em));
  }
  .t-top-service__category li {
    height: calc(32em / var(--t-em));
    padding-left: calc(13em / var(--t-em));
    padding-right: calc(13em / var(--t-em) - 0.06em);
  }
  .t-top-service__more {
    --t-let: 0.08em;
    gap: calc(9em / var(--t-em) - 0.08em);
    grid-template-columns: 1fr calc(26em / var(--t-em));
  }
  .t-top-service__more:hover .Label {
    translate: calc(-10em / var(--t-em)) 0;
  }
  .t-top-service__more:hover .Plus {
    scale: 1.3846153846;
  }
  .t-top-service__more .Plus {
    height: calc(26em / var(--t-em));
  }
  .t-top-service__more .Plus:after,
  .t-top-service__more .Plus:before {
    width: calc(9em / var(--t-em));
  }
}
.t-top-service {
  padding-bottom: calc(145em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-service__container {
  display: grid;
}
.t-top-service .t-ui-section__btn {
  margin-top: calc(100em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-service__container {
    gap: calc(30em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-service {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-service__container {
    grid-template-columns: repeat(3, calc(314em / var(--t-em)));
    justify-content: space-between;
  }
}
.t-top-case__unit {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  display: grid;
}
.t-top-case__logo {
  height: calc(69em / var(--t-em));
  margin-bottom: calc(41em / var(--t-em));
}
.t-top-case__logo img {
  height: 100%;
  width: auto;
}
.t-top-case__title {
  --t-em: 30;
  --t-pd: 2.5em;
  font-weight: 700;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(31em / var(--t-em));
}
.t-top-case__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc((52em + var(--t-pd)) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-case__category {
  display: grid;
  gap: calc(31em / var(--t-em));
}
.t-top-case__category h4 {
  --t-em: 30;
  font-weight: 700;
  line-height: calc(45em / var(--t-em));
}
.t-top-case__category ul {
  --t-em: 20;
  display: flex;
  flex-wrap: wrap;
  gap: calc(8em / var(--t-em)) calc(6em / var(--t-em));
}
.t-top-case__category li {
  align-items: center;
  background-color: #000;
  border-radius: 10em;
  color: #fff;
  display: grid;
  font-weight: 700;
  grid-auto-flow: column;
  grid-template-rows: auto;
  height: calc(42em / var(--t-em));
  padding-left: calc(22em / var(--t-em));
  padding-right: calc(22em / var(--t-em) - 0.06em);
}
.t-top-case__category li:before {
  content: "#";
}
.t-top-case__img {
  overflow: hidden;
}
@media not screen and (min-width: 48em) {
  .t-top-case__unit {
    padding: calc(60em / var(--t-em)) calc(52em / var(--t-em));
    padding-top: 0;
  }
  .t-top-case__title {
    padding-bottom: calc(var(--t-pd) / var(--t-em));
    padding-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-case__img {
    border-radius: calc(18em / var(--t-em)) calc(18em / var(--t-em)) 0 0;
    margin: calc(2em / var(--t-em)) calc(-50em / var(--t-em)) calc(41em / var(--t-em));
    order: -1;
  }
}
@media (min-width: 48em) {
  .t-top-case__unit {
    align-items: center;
    direction: rtl;
    gap: 0 calc(50em / var(--t-em));
    grid-auto-flow: column;
    grid-template-columns: 1fr calc(490em / var(--t-em));
    grid-template-rows: 1fr repeat(4, auto) 1fr;
    padding-right: calc(50em / var(--t-em));
  }
  .t-top-case__unit > * {
    direction: ltr;
  }
  .t-top-case__logo {
    grid-row: 2;
    height: calc(50em / var(--t-em));
    margin-bottom: calc(40em / var(--t-em));
  }
  .t-top-case__title {
    --t-em: 24;
    --t-pd: -2em;
    line-height: calc(40 / var(--t-em));
    margin-bottom: calc((45em + var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-case__text {
    line-height: calc(28 / var(--t-em));
    margin-bottom: calc((35em + var(--t-pd)) / var(--t-em));
  }
  .t-top-case__category {
    gap: calc(19em / var(--t-em));
  }
  .t-top-case__category h4 {
    --t-em: 18;
    line-height: calc(27em / var(--t-em));
  }
  .t-top-case__category ul {
    --t-em: 14;
    gap: calc(6em / var(--t-em));
  }
  .t-top-case__category li {
    height: calc(32em / var(--t-em));
    padding-left: calc(13em / var(--t-em));
    padding-right: calc(13em / var(--t-em) - 0.06em);
  }
  .t-top-case__img {
    border-radius: calc(18em / var(--t-em)) 0 0 calc(18em / var(--t-em));
    grid-row: span 6;
    margin: calc(2em / var(--t-em));
    margin-right: 0;
    overflow: hidden;
  }
}
.t-top-case {
  padding-bottom: calc(145em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-case__container {
  display: grid;
  gap: calc(30em / var(--t-em));
  margin-bottom: calc(105em / var(--t-em));
}
.t-top-case__ticker {
  overflow: hidden;
}
.t-top-case__ticker > * {
  --t-h: 205em;
  display: flex;
}
.t-top-case__ticker .Secondary > * {
  animation-direction: reverse;
}
.t-top-case .t-ui-section__btn {
  margin-top: calc(100em / var(--t-em));
}
@media (min-width: 48em) {
  .t-top-case {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-case__container {
    gap: calc(20em / var(--t-em));
    margin-bottom: calc(70em / var(--t-em));
  }
}
.t-top-plan-unit__detail {
  display: grid;
  gap: calc(29em / var(--t-em));
}
.t-top-plan-unit__detail dt {
  --t-em: 26;
  background-color: var(--t-c);
  color: var(--t-c2);
  display: grid;
  font-weight: 700;
  height: calc(50em / var(--t-em));
  place-items: center;
}
.t-top-plan-unit__detail dd {
  display: grid;
}
.t-top-plan-unit__detail .Title {
  --t-em: 30;
  --t-pd: 2.5em;
  font-weight: 700;
  justify-self: center;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(13em / var(--t-em));
}
.t-top-plan-unit__detail .Text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(var(--t-pd) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-plan-unit__detail + .t-top-plan-unit__detail {
    margin-top: calc(40em / var(--t-em));
  }
  .t-top-plan-unit__detail .Title {
    padding-bottom: calc(var(--t-pd) / var(--t-em));
    padding-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-plan-unit__detail .Text {
    padding-left: calc(8em / var(--t-em));
    padding-right: calc(8em / var(--t-em));
    text-align: center;
  }
}
@media (min-width: 48em) {
  .t-top-plan-unit__detail {
    gap: calc(15em / var(--t-em));
    grid-column: revert;
  }
  .t-top-plan-unit__detail dt {
    --t-em: 18;
    height: calc(34em / var(--t-em));
  }
  .t-top-plan-unit__detail .Title {
    --t-em: 18;
    --t-pd: -0.5em;
    margin-bottom: calc((14em + var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-plan-unit__detail .Text,
  .t-top-plan-unit__detail .Title {
    line-height: calc(28 / var(--t-em));
  }
}
.t-top-plan-unit {
  --t-c: #000;
  --t-c2: #fff;
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) var(--t-c) inset;
  display: grid;
  padding: calc(43em / var(--t-em)) calc(48em / var(--t-em)) calc(58em / var(--t-em));
  position: relative;
}
.t-top-plan-unit:last-child {
  --t-c: #00c2a8;
  --t-c2: #000;
}
.t-top-plan-unit .t-ui-target {
  --t-pt: 0em;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.t-top-plan-unit__title {
  --t-em: 40;
  --t-pd: 3.5em;
  --t-let: 0.08em;
  align-items: center;
  font-weight: 700;
  justify-self: center;
  line-height: calc(52 / var(--t-em));
  margin-bottom: calc(30em / var(--t-em));
  padding-bottom: calc(var(--t-pd) / var(--t-em));
  padding-top: calc(var(--t-pd) / var(--t-em));
}
.t-top-plan-unit__price {
  display: grid;
  gap: calc(14em / var(--t-em));
  margin-bottom: calc(29em / var(--t-em));
}
.t-top-plan-unit__price dt {
  --t-em: 26;
  background-color: var(--t-c);
  color: var(--t-c2);
  display: grid;
  font-weight: 700;
  height: calc(50em / var(--t-em));
  place-items: center;
}
.t-top-plan-unit__price dd {
  --t-em: 23;
  --t-let: 0.02em;
  align-items: baseline;
  display: grid;
  font-weight: 700;
  grid-auto-flow: column;
  grid-row: auto;
  justify-content: center;
  line-height: calc(34 / var(--t-em));
}
.t-top-plan-unit__price .Price {
  --t-em: 65;
  line-height: calc(82 / var(--t-em));
  margin-left: calc(14em / var(--t-em));
  margin-right: calc(10em / var(--t-em));
}
.t-top-plan-unit__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc((45em + var(--t-pd)) / var(--t-em));
  margin-top: calc((-15em + var(--t-pd)) / var(--t-em));
  padding-left: calc(8em / var(--t-em));
  padding-right: calc(8em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-plan-unit__title {
    height: auto !important;
  }
  .t-top-plan-unit__text {
    text-align: center;
  }
}
@media (min-width: 48em) {
  .t-top-plan-unit {
    align-content: start;
    grid-template-columns: repeat(2, calc(206em / var(--t-em)));
    justify-content: space-between;
    padding: calc(40em / var(--t-em)) calc(30em / var(--t-em)) calc(60em / var(--t-em));
  }
  .t-top-plan-unit__title {
    --t-em: 30;
    --t-pd: 2.5em;
    grid-column: span 2;
    line-height: calc(40 / var(--t-em));
    margin-bottom: calc(22em / var(--t-em));
  }
  .t-top-plan-unit__title.s {
    --t-em: 26;
    --t-let: 0.06em;
    line-height: 1.3333333333;
  }
  .t-top-plan-unit__price {
    gap: calc(12em / var(--t-em));
    grid-column: span 2;
    margin-bottom: calc(18em / var(--t-em));
  }
  .t-top-plan-unit__price dt {
    --t-em: 18;
    height: calc(34em / var(--t-em));
  }
  .t-top-plan-unit__price dd {
    --t-em: 18;
    line-height: calc(27 / var(--t-em));
  }
  .t-top-plan-unit__price .Price {
    --t-em: 50;
    line-height: calc(63 / var(--t-em));
    margin-left: calc(10em / var(--t-em));
    margin-right: calc(6em / var(--t-em));
  }
  .t-top-plan-unit__text {
    grid-column: span 2;
    line-height: calc(28 / var(--t-em));
    margin-bottom: calc((30em + var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) / var(--t-em));
    padding-left: calc(6em / var(--t-em));
    padding-right: calc(6em / var(--t-em));
  }
}
.t-top-plan-detail {
  display: grid;
  gap: calc(114em / var(--t-em));
}
.t-top-plan-detail__unit {
  align-items: center;
  display: grid;
  position: relative;
}
.t-top-plan-detail .t-ui-target {
  --t-pt: 0em;
  left: 0;
  position: absolute;
  right: 0;
}
.t-top-plan-detail__title {
  --t-em: 40;
  display: grid;
  font-weight: 700;
  gap: calc(1em / var(--t-em));
  line-height: calc(59 / var(--t-em));
  margin-bottom: calc(39em / var(--t-em));
}
.t-top-plan-detail__title .copy {
  --t-em: 30;
  line-height: calc(45em / var(--t-em));
}
.t-top-plan-detail__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(var(--t-pd) / var(--t-em));
  margin-top: calc(var(--t-pd) / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-plan-detail__img {
    justify-self: center;
    margin-bottom: calc(36em / var(--t-em));
    order: -1;
    width: calc(445em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-plan-detail {
    gap: calc(35em / var(--t-em));
  }
  .t-top-plan-detail__unit {
    align-items: center;
    direction: rtl;
    grid-auto-flow: column;
    grid-template-columns: calc(626em / var(--t-em)) calc(314em / var(--t-em));
    grid-template-rows: 1fr repeat(2, auto) 1fr;
    justify-content: space-between;
  }
  .t-top-plan-detail__unit:before {
    content: "";
  }
  .t-top-plan-detail__unit > * {
    direction: ltr;
  }
  .t-top-plan-detail__title {
    --t-em: 24;
    gap: calc(9em / var(--t-em));
    line-height: calc(36 / var(--t-em));
    margin-bottom: calc(29em / var(--t-em));
  }
  .t-top-plan-detail__title .copy {
    --t-em: 18;
    line-height: calc(27em / var(--t-em));
  }
  .t-top-plan-detail__text {
    line-height: calc(28 / var(--t-em));
  }
  .t-top-plan-detail__img {
    grid-row: span 4;
  }
}
.t-top-plan {
  background-color: #f8f8f8;
  padding-bottom: calc(140em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-plan__container {
  display: grid;
  margin-bottom: calc(110em / var(--t-em));
}
.t-top-plan__detail {
  margin-bottom: calc(100em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-plan__container {
    gap: calc(30em / var(--t-em));
  }
}
@media (min-width: 48em) {
  .t-top-plan {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-plan__container {
    grid-template-columns: repeat(2, calc(480em / var(--t-em)));
    justify-content: space-between;
    margin-bottom: calc(82em / var(--t-em));
  }
  .t-top-plan__detail {
    margin-bottom: calc(105em / var(--t-em));
  }
}
.t-top-rule__unit {
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  counter-increment: i;
  display: grid;
  grid-template-columns: calc(355em / var(--t-em)) 1fr;
  padding: calc(38em / var(--t-em));
}
.t-top-rule__unit:before {
  --t-em: 18;
  --t-let: 0.08em;
  background-color: #000;
  border-radius: 10em;
  color: #fff;
  content: "RULE " counter(i);
  display: grid;
  font-family: Outfit, sans-serif;
  font-weight: 900;
  height: calc(35em / var(--t-em));
  margin-bottom: calc(37em / var(--t-em));
  place-items: center;
  width: calc(95em / var(--t-em));
}
.t-top-rule__title {
  --t-em: 40;
  --t-pd: 3.5em;
  font-weight: 700;
  line-height: calc(52 / var(--t-em));
}
.t-top-rule__text {
  --t-pd: -2em;
  line-height: calc(40 / var(--t-em));
  margin-bottom: calc(var(--t-pd) / var(--t-em));
  margin-top: calc((37em + var(--t-pd)) / var(--t-em));
}
.t-top-rule__img {
  display: grid;
  justify-items: center;
  margin-top: calc(-138em / var(--t-em));
}
@media not screen and (min-width: 48em) {
  .t-top-rule__unit {
    gap: 0 0.5em;
  }
  .t-top-rule__unit:before {
    order: -2;
  }
  .t-top-rule__title {
    padding-bottom: calc(var(--t-pd) / var(--t-em));
    padding-top: calc(var(--t-pd) / var(--t-em));
  }
  .t-top-rule__text {
    grid-column: span 2;
  }
  .t-top-rule__img {
    align-self: end;
    grid-row: span 2;
    order: -1;
  }
}
@media (min-width: 48em) {
  .t-top-rule__unit {
    align-items: start;
    grid-template-columns: calc(222em / var(--t-em)) 1fr;
    grid-template-rows: repeat(3, auto) 1fr;
    min-height: calc(522em / var(--t-em));
    padding: calc(30em / var(--t-em));
  }
  .t-top-rule__unit:before {
    --t-em: 14;
    grid-column: span 2;
    height: calc(32em / var(--t-em));
    margin-bottom: calc(26em / var(--t-em));
    width: calc(80em / var(--t-em));
  }
  .t-top-rule__unit:after {
    content: "";
    grid-column: span 2;
  }
  .t-top-rule__title {
    --t-em: 24;
    --t-pd: -2em;
    font-weight: 700;
    grid-column: span 2;
    line-height: calc(40 / var(--t-em));
    margin-bottom: calc((24em + var(--t-pd)) / var(--t-em));
    margin-top: calc(var(--t-pd) / var(--t-em));
    min-height: calc(80em / var(--t-em));
  }
  .t-top-rule__text {
    line-height: calc(28 / var(--t-em));
    margin-top: 0;
  }
  .t-top-rule__img {
    display: grid;
    justify-items: center;
    margin-top: calc(16em / var(--t-em));
  }
  .t-top-rule__img img {
    width: calc(170em / var(--t-em));
  }
}
.t-top-rule {
  padding-bottom: calc(145em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-rule__container {
  display: grid;
  gap: calc(80em / var(--t-em)) 0;
}
@media (min-width: 48em) {
  .t-top-rule {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-rule__container {
    gap: calc(18em / var(--t-em)) 0;
    grid-template-columns: repeat(2, calc(481em / var(--t-em)));
    justify-content: space-between;
  }
}
.t-top-flow {
  background-color: #f8f8f8;
  padding-bottom: calc(145em / var(--t-em));
  padding-top: calc(120em / var(--t-em));
}
.t-top-flow__graph {
  display: grid;
  grid-template-columns: calc(289em / var(--t-em)) calc(52em / var(--t-em)) calc(
      289em / var(--t-em)
    );
  position: relative;
  z-index: 1;
}
.t-top-flow__graph:after {
  background-image: linear-gradient(180deg, #000 30%, transparent 0, transparent);
  background-repeat: repeat;
  background-size: auto calc(10em / var(--t-em));
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  z-index: -1;
}
.t-top-flow__customer,
.t-top-flow__taks {
  background-color: #fff;
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  display: grid;
  gap: calc(8em / var(--t-em));
  grid-template-rows: auto 1fr;
  justify-items: center;
}
.t-top-flow__customer dt,
.t-top-flow__taks dt {
  --t-em: 30;
  font-weight: 700;
  line-height: calc(45 / var(--t-em));
  order: 1;
}
.t-top-flow__customer dd img,
.t-top-flow__taks dd img {
  width: calc(95.22em / var(--t-em));
}
.t-top-flow__taks {
  background-color: #00c2a8;
}
.t-top-flow__taks dt {
  display: grid;
  width: calc(133.95em / var(--t-em));
}
.t-top-flow__taks dd img {
  width: calc(113.05em / var(--t-em));
}
.t-top-flow__label {
  --t-em: 24;
  background-color: #000;
  border-radius: 10em;
  color: #fff;
  counter-increment: i;
  display: grid;
  font-weight: 700;
  grid-auto-flow: column;
  height: calc(38em / var(--t-em));
  justify-content: center;
  place-items: center;
}
.t-top-flow__label:before {
  content: "0" counter(i) ". ";
}
.t-top-flow__unit {
  --t-em: 24;
  align-content: center;
  background-color: #fff;
  border-radius: calc(18em / var(--t-em));
  box-shadow: 0 0 0 calc(2em / var(--t-em)) currentColor inset;
  display: grid;
  font-weight: 700;
  justify-items: center;
  line-height: calc(30 / var(--t-em));
  position: relative;
  text-align: center;
}
.t-top-flow__unit.Alt {
  background-color: #000;
  color: #fff;
  gap: calc(10em / var(--t-em));
}
.t-top-flow__unit.Alt b {
  --t-em: 26;
  color: #00c2a8;
  line-height: calc(38 / var(--t-em));
}
.t-top-flow__right {
  border: solid transparent;
  border-bottom-color: #000;
  border-width: 0 calc(19em / var(--t-em)) calc(17em / var(--t-em)) calc(19em / var(--t-em));
  height: calc(17em / var(--t-em));
  place-self: center;
  rotate: 180deg;
  width: calc(38em / var(--t-em));
}
.t-top-flow__up-down {
  background-color: #f8f8f8;
  display: grid;
  padding: calc(9em / var(--t-em));
}
.t-top-flow__up-down:after,
.t-top-flow__up-down:before {
  border: solid transparent;
  border-bottom-color: #000;
  border-width: 0 calc(19em / var(--t-em)) calc(17em / var(--t-em)) calc(19em / var(--t-em));
  content: "";
  height: calc(17em / var(--t-em));
  place-self: center;
  width: calc(38em / var(--t-em));
}
.t-top-flow__up-down:before {
  rotate: 90deg;
}
.t-top-flow__dummy {
  grid-column: span 2;
}
@media not screen and (min-width: 48em) {
  .t-top-flow__graph:after {
    bottom: 0;
    clip-path: polygon(
      calc(50% - 1.5em / var(--t-em)) 0,
      calc(50% + 1.5em / var(--t-em)) 0,
      calc(50% + 1.5em / var(--t-em)) 100%,
      calc(50% - 1.5em / var(--t-em)) 100%
    );
    top: 0;
  }
  .t-top-flow__customer,
  .t-top-flow__taks {
    height: calc(155em / var(--t-em));
  }
  .t-top-flow__customer dd,
  .t-top-flow__taks dd {
    margin-top: calc(-34em / var(--t-em));
  }
  .t-top-flow__taks {
    gap: calc(14em / var(--t-em));
    grid-column: 3;
  }
  .t-top-flow__taks dd {
    margin-top: calc(-36em / var(--t-em));
  }
  .t-top-flow__gap {
    grid-column: span 3;
    height: calc(30em / var(--t-em));
  }
  .t-top-flow__label {
    justify-self: center;
    margin-top: calc(30em / var(--t-em));
    padding-left: calc(21em / var(--t-em));
    padding-right: calc(21em / var(--t-em));
    z-index: 1;
  }
  .t-top-flow__label.Alt {
    background-color: #00c2a8;
    color: #000;
  }
  .t-top-flow__label + .t-top-flow__unit {
    padding-bottom: calc((24em + var(--t-pd)) / var(--t-em));
    padding-top: calc((86em + var(--t-pd)) / var(--t-em));
  }
  .t-top-flow .Label1,
  .t-top-flow .Label1 + * {
    grid-area: 3/1;
  }
  .t-top-flow .Label2,
  .t-top-flow .Label2 + * {
    grid-area: 5/1/5 / span 3;
  }
  .t-top-flow .Label3,
  .t-top-flow .Label3 + * {
    grid-area: 7/3;
  }
  .t-top-flow .Label4,
  .t-top-flow .Label4 + * {
    grid-area: 11/1;
  }
  .t-top-flow .Label5,
  .t-top-flow .Label5 + * {
    grid-area: 13/3;
  }
  .t-top-flow__unit {
    --t-pd: 3em;
    padding-bottom: calc((38em + var(--t-pd)) / var(--t-em));
    padding-top: calc((38em + var(--t-pd)) / var(--t-em));
  }
  .t-top-flow__unit.Flex {
    gap: 1em;
    grid-auto-flow: column;
    grid-row: auto;
    justify-content: center;
  }
  .t-top-flow__right {
    margin-bottom: calc(18em / var(--t-em));
    margin-top: calc(18em / var(--t-em));
  }
  .t-top-flow__up-down {
    align-content: center;
    gap: calc(30em / var(--t-em));
    grid-template-rows: repeat(2, calc(17em / var(--t-em)));
  }
  .t-top-flow__up-down:after {
    rotate: 270deg;
  }
}
@media (min-width: 48em) {
  .t-top-flow {
    --t-pt: 100em;
    padding-bottom: calc(var(--t-pt) / var(--t-em));
    padding-top: calc(var(--t-pt) / var(--t-em));
  }
  .t-top-flow__graph {
    grid-auto-flow: column;
    grid-template-columns: calc(155em / var(--t-em)) calc(30em / var(--t-em)) calc(
        58em / var(--t-em)
      ) calc(19em / var(--t-em)) calc(58em / var(--t-em)) calc(30em / var(--t-em)) calc(
        58em / var(--t-em)
      ) calc(19em / var(--t-em)) calc(58em / var(--t-em)) calc(30em / var(--t-em)) calc(
        58em / var(--t-em)
      ) calc(19em / var(--t-em)) calc(58em / var(--t-em)) calc(30em / var(--t-em)) calc(
        58em / var(--t-em)
      ) calc(19em / var(--t-em)) calc(58em / var(--t-em)) calc(30em / var(--t-em)) calc(
        58em / var(--t-em)
      ) calc(19em / var(--t-em)) calc(58em / var(--t-em));
    grid-template-rows: calc(32em / var(--t-em)) calc(20em / var(--t-em)) calc(
        210em / var(--t-em)
      ) calc(30em / var(--t-em)) calc(210em / var(--t-em));
  }
  .t-top-flow__graph:before {
    content: "";
    grid-row: span 2;
  }
  .t-top-flow__graph:after {
    background-image: linear-gradient(90deg, #000 30%, transparent 0, transparent);
    background-size: calc(10em / var(--t-em)) auto;
    bottom: calc(223em / var(--t-em));
    clip-path: polygon(
      0 calc(100% - 3em / var(--t-em)),
      100% calc(100% - 3em / var(--t-em)),
      100% 100%,
      0 100%
    );
    top: 0;
  }
  .t-top-flow__customer,
  .t-top-flow__taks {
    padding-top: calc(20em / var(--t-em));
  }
  .t-top-flow__customer dt,
  .t-top-flow__taks dt {
    --t-em: 18;
    line-height: calc(27 / var(--t-em));
  }
  .t-top-flow__taks {
    grid-area: 5/1;
  }
  .t-top-flow__taks dt {
    width: calc(80.7em / var(--t-em));
  }
  .t-top-flow__gap {
    grid-row: span 5;
  }
  .t-top-flow__label {
    --t-em: 14;
    grid-column: span 3;
    grid-row: 1;
    height: calc(32em / var(--t-em));
  }
  .t-top-flow__label.Alt {
    color: #00c2a8;
  }
  .t-top-flow__unit {
    --t-em: 14;
    gap: calc(22em / var(--t-em));
    grid-column: span 3;
    grid-row: 3;
    line-height: calc(22 / var(--t-em));
  }
  .t-top-flow__unit.Rowspan2 {
    grid-row: 3 / span 5;
  }
  .t-top-flow__unit.Row3 {
    grid-row: 5;
  }
  .t-top-flow__unit.Col1 {
    grid-column: span 1;
  }
  .t-top-flow__unit.Alt {
    gap: calc(19em / var(--t-em));
  }
  .t-top-flow__unit.Alt b {
    --t-em: 18;
    line-height: calc(28 / var(--t-em));
  }
  .t-top-flow__right {
    border-width: 0 calc(10em / var(--t-em)) calc(9em / var(--t-em)) calc(10em / var(--t-em));
    grid-row: 3;
    height: calc(9em / var(--t-em));
    rotate: 90deg;
    width: calc(20em / var(--t-em));
  }
  .t-top-flow__right.Row3 {
    grid-row: 5;
  }
  .t-top-flow__up-down {
    background-clip: content-box;
    grid-auto-flow: column;
    grid-row: 4;
    grid-template-rows: auto;
    justify-content: center;
    padding: calc(3em / var(--t-em));
  }
  .t-top-flow__up-down:after,
  .t-top-flow__up-down:before {
    border-width: 0 calc(10em / var(--t-em)) calc(9em / var(--t-em)) calc(10em / var(--t-em));
    height: calc(9em / var(--t-em));
    width: calc(20em / var(--t-em));
  }
  .t-top-flow__up-down:before {
    rotate: 180deg;
  }
  .t-top-flow__dummy {
    grid-column: span 3;
  }
  .t-top-flow__dummy.Row3 {
    grid-row: 5;
  }
}