@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Kaisei+Tokumin:wght@400;500;700&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box;
  min-inline-size: 0;
  border-width: 0;
  border-style: solid;
  font-family: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::backdrop,
  :after,
  :before {
    background-attachment: unset;
    scroll-behavior: unset;
    transition-delay: unset;
    transition-duration: 1ms;
    animation-duration: 1ms;
    animation-delay: unset;
    animation-iteration-count: unset;
    view-transition-name: none;
  }
}
:where(:root):has(:where(:modal)) {
  overflow: hidden;
}

:where(html) {
  scroll-behavior: smooth;
  scroll-padding-block-start: 30dvb;
}

:where(body) {
  margin: unset;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Helvetica Neue", Arial, Meiryo, sans-serif;
  min-block-size: 100svb;
  font-feature-settings: "palt";
  font-optical-sizing: auto;
  font-style: unset;
  font-weight: 400;
  line-height: 1.5;
  text-align: start;
  text-spacing-trim: trim-start;
  word-break: initial;
  line-break: strict;
  hyphens: auto;
  -webkit-hyphens: auto;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  scrollbar-gutter: auto;
  interpolate-size: allow-keywords;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

:where(main, menu, ol, ul, fieldset, figure, p, button, blockquote, figure, pre, address, ul, ol, dl) {
  margin: unset;
  padding-block: unset;
  padding-inline: unset;
}

:where(h1, h2, h3, h4, h5, h6) {
  margin-block: unset;
  font-weight: unset;
  font-size: inherit;
}

:where(ul, ol) {
  list-style: "";
}

:where(li) {
  list-style: inherit;
}

:where(table) {
  border-spacing: 0;
  border: 0;
  border-collapse: collapse;
}

:where(figure, button) {
  background-color: unset;
}

:where(em, figcaption) {
  font-style: unset;
  font-weight: unset;
}

:where(dialog) {
  color: currentColor;
  padding: 0;
  margin-inline: unset;
}

:where(img, picture, svg, video, canvas, audio, iframe, embed, object) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(a) {
  color: currentColor;
  text-decoration: none;
}

@media (min-width: 75rem) {
  :where(a[href^="tel:"]) {
    pointer-events: none;
  }
}
:where(:lang(en)) {
  --leading-trim: calc((1cap - 1lh) / 2);
}

:where(:-moz-any-link, :enabled, summary) {
  --is-hover-true: ;
  --is-hover-false: initial;
}

:where(:any-link, :enabled, summary) {
  --is-hover-true: ;
  --is-hover-false: initial;
}

@media (any-hover: hover) {
  :where(:-moz-any-link, :enabled, summary):where(:hover) {
    --is-hover-true: initial;
    --is-hover-false: ;
  }
  :where(:any-link, :enabled, summary):where(:hover) {
    --is-hover-true: initial;
    --is-hover-false: ;
  }
}
:where(:-moz-any-link, :enabled, summary):where(:focus-visible) {
  --is-hover-true: initial;
  --is-hover-false: ;
}
:where(:any-link, :enabled, summary):where(:focus-visible) {
  --is-hover-true: initial;
  --is-hover-false: ;
}

:where(search) {
  display: block flow;
}

:where(blockquote, figure) {
  margin-inline: unset;
}

:where(address):where(:lang(ja)) {
  font-style: unset;
}

:where(dt) {
  font-weight: 700;
}

:where(dd) {
  margin-inline-start: unset;
}

:where(hr) {
  border-block-start-width: 1px;
}

:where(pre) {
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

@media print {
  :where(pre) {
    white-space: pre-wrap;
  }
}
:where(b, strong) {
  font-weight: 700;
}

:where(em):where(:lang(ja)) {
  font-weight: 700;
}

:where(i, cite, em, dfn, var):where(:lang(ja)) {
  font-style: unset;
}

:where(small) {
  font-size: 1em;
  font-weight: 400;
}

:where(code, kbd, samp) {
  font-family: ui-monospace, sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, serif;
  font-size: unset;
}

:where(cite, dfn) {
  --_quotation-start: "“";
  --_quotation-end: "”";
}

:where(cite, dfn):before {
  content: var(--_quotation-start);
}

:where(cite, dfn):after {
  content: var(--_quotation-end);
}

:where(cite, dfn):where(:lang(ja)) {
  --_quotation-start: "「";
  --_quotation-end: "」";
}

:where(var) {
  font-family: serif;
}

:where(var):where(:lang(ja)) {
  font-family: unset;
}

@media (forced-colors: none) {
  :where(mark) {
    background-color: unset;
    color: unset;
    text-decoration-line: underline;
    text-decoration-color: oklch(from #ff0 l c h/50%);
    text-decoration-thickness: 0.4em;
    text-underline-offset: -0.2em;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
  }
}
:where(:-moz-any-link) {
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.25em;
  text-decoration-skip-ink: auto;
}
:where(:any-link) {
  text-decoration-line: none;
  text-decoration-thickness: from-font;
  text-underline-offset: 0.25em;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

:where(ins):not(:where(.adsbygoogle)) {
  text-decoration-style: dashed;
  text-underline-offset: 0.4em;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

:where(del) {
  text-decoration-style: double;
}

:where(caption) {
  text-align: start;
}

:where(td, th) {
  font-weight: unset;
  margin-block: unset;
  margin-inline: unset;
  padding: unset;
  text-align: unset;
  vertical-align: inherit;
  overflow-wrap: anywhere;
}

:where(::file-selector-button, button, input, select, textarea) {
  padding: unset;
  border: unset;
  border-radius: unset;
  background-color: unset;
  color: inherit;
  font-size: inherit;
  line-height: unset;
  vertical-align: baseline;
  text-align: inherit;
}

:where(button:not(:disabled)) {
  cursor: pointer;
}

select,
::picker(select) {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

:where([type=radio i], [type=checkbox i]) {
  margin: unset;
}

:where([type=file i]) {
  cursor: unset;
}

:where(textarea) {
  margin-block: unset;
  resize: block;
}

::file-selector-button,
:where(button) {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  touch-action: manipulation;
}

:where(fieldset) {
  margin-inline: unset;
  padding: unset;
}

:where(summary) {
  display: block flow;
  cursor: pointer;
}

::-webkit-details-marker {
  display: none;
}

:where(:focus):not(:where(:focus-visible)) {
  outline: 0;
}

@keyframes rotate {
  from {
    rotate: -90deg;
  }
  to {
    rotate: 0deg;
  }
}
@keyframes rotate-left {
  0% {
    rotate: 30deg;
  }
  100% {
    rotate: 0deg;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes slide-out-to-left {
  to {
    translate: -101%;
  }
}
@keyframes slide-out-to-right {
  to {
    translate: 101%;
  }
}
@keyframes slide-in-down {
  0% {
    translate: 0 -30px;
  }
  100% {
    translate: 0;
  }
}
@keyframes slide-in-up {
  0% {
    translate: 0 30px;
  }
  100% {
    translate: 0 0;
  }
}
@keyframes slide-out-to-bottom {
  to {
    translate: 0 100%;
  }
}
@keyframes slide-out-to-top {
  to {
    translate: 0 -100%;
  }
}
@keyframes slide-in-left {
  0% {
    translate: 100%;
  }
  100% {
    translate: 0;
  }
}
@keyframes slide-in-right {
  0% {
    translate: -100%;
  }
  100% {
    translate: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom-in {
  from {
    scale: 0;
  }
  to {
    scale: 1;
  }
}
/*
  Global CSS custom properties.
*/
/* stylelint-disable */
:root {
  /* Unit helpers. */
  --rem: 0.0625rem;
  --em: 0.0625em;
  --clamp-variable-unit: dvi;
  --font--sans: "Hiragino Kaku Gothic ProN", "YuGothic", Meiryo, Arial, sans-serif;
  --font--decol: "Kaisei Decol", "Hiragino Kaku Gothic ProN", "YuGothic", Meiryo, Arial, sans-serif;
  --font--serif: "Kaisei Tokumin", "Hiragino Kaku Gothic ProN", "YuGothic", Meiryo, Arial, sans-serif;
  --leading-trim: calc((1em - 1lh) / 2);
  /* Typography helpers. */
  --font--medium: 500;
  --font--bold: 700;
  --leading--sm: 1.14;
  --leading--md: 1.5;
  --leading--lg: 1.75;
  --leading--xl: 2.1;
  /* Layout helpers. */
  --max-width: 84.375rem;
  --max-bg-color: 98.125rem;
  /* Width to which the background color extends to. */
  --sp: 1.125rem;
  --content-left: 5.625rem;
  /* Spacing helpers */
  --spacing--0_25: calc(4 * var(--rem));
  --spacing--0_25-trim: calc(var(--spacing--0_25) + var(--leading-trim));
  --spacing--0_5: calc(8 * var(--rem));
  --spacing--0_5-trim: calc(var(--spacing--0_5) + var(--leading-trim));
  --spacing--0_75: calc(12 * var(--rem));
  --spacing--0_75-trim: calc(var(--spacing--0_75) + var(--leading-trim));
  --spacing--1: calc(16 * var(--rem));
  --spacing--1-trim: calc(var(--spacing--1) + var(--leading-trim));
  --spacing--1_25: calc(20 * var(--rem));
  --spacing--1_25-trim: calc(var(--spacing--1_25) + var(--leading-trim));
  --spacing--1_5: calc(24 * var(--rem));
  --spacing--1_5-trim: calc(var(--spacing--1_5) + var(--leading-trim));
  --spacing--2: calc(32 * var(--rem));
  --spacing--2-trim: calc(var(--spacing--2) + var(--leading-trim));
  --spacing--2_5: calc(40 * var(--rem));
  --spacing--2_5-trim: calc(var(--spacing--2_5) + var(--leading-trim));
  --spacing--3: calc(48 * var(--rem));
  --spacing--3-trim: calc(var(--spacing--3) + var(--leading-trim));
  --spacing--3_5: calc(56 * var(--rem));
  --spacing--3_5-trim: calc(var(--spacing--3_5) + var(--leading-trim));
  --spacing--4: calc(64 * var(--rem));
  --spacing--4-trim: calc(var(--spacing--4) + var(--leading-trim));
  --spacing--4_5: calc(72 * var(--rem));
  --spacing--4_5-trim: calc(var(--spacing--4_5) + var(--leading-trim));
  --spacing--5: calc(80 * var(--rem));
  --spacing--5-trim: calc(var(--spacing--5) + var(--leading-trim));
  --spacing--6: calc(96 * var(--rem));
  --spacing--6-trim: calc(var(--spacing--6) + var(--leading-trim));
  --spacing--7: calc(112 * var(--rem));
  --spacing--7-trim: calc(var(--spacing--7) + var(--leading-trim));
  --spacing--8: calc(128 * var(--rem));
  --spacing--8-trim: calc(var(--spacing--8) + var(--leading-trim));
  --spacing--9: calc(144 * var(--rem));
  --spacing--9-trim: calc(var(--spacing--9) + var(--leading-trim));
  --spacing--10: calc(160 * var(--rem));
  --spacing--10-trim: calc(var(--spacing--10) + var(--leading-trim));
  --spacing--11: calc(176 * var(--rem));
  --spacing--11-trim: calc(var(--spacing--11) + var(--leading-trim));
  --spacing--12: calc(192 * var(--rem));
  --spacing--12-trim: calc(var(--spacing--12) + var(--leading-trim));
  --spacing--13: calc(208 * var(--rem));
  --spacing--13-trim: calc(var(--spacing--13) + var(--leading-trim));
  --container-padding: min(calc(18 / 375 * 100dvi), var(--spacing--1_25));
  /**
  * Named Colors.
  */
  --color--black: #000;
  --color--white: #fff;
  --color--beige: #fff4d5;
  --color--red: #d83924;
  --color--yellow: #ffbb00;
  --color--orange: #f3a01a;
  --color--green: #019185;
  --color--lightgreen: #63b798;
  --color--dark-brown: #80432a;
  /**
   * Gray colors.
   *
   * Color number roughly corresponds to its luminosity.
   */
  --color--gray-hue: 225;
  --color--gray-saturation: 0%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  --color--gray-24: hsl(var(--color--gray-hue), var(--color--gray-saturation), 24%);
  --color--gray-27: hsl(var(--color--gray-hue), var(--color--gray-saturation), 27%);
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  --color--gray-52: hsl(var(--color--gray-hue), var(--color--gray-saturation), 52%);
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 100%);
  /* Border radius */
  --border-radius: 0.1875rem;
  --border-radius--xs: 2px;
  --border-radius--sm: 6px;
  --border-radius--md: 8px;
  --border-radius--lg: 12px;
  --border-radius--full: calc(1px / 0);
  --duration--rapidly: 200ms;
  --duration--default: 500ms;
  --duration--relaxed: 1000ms;
  --easing--ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
  --easing--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

@supports not (top: 1lh) {
  :root {
    --leading-trim: calc((1em - var(--lps--line-height--normal) * 1em) / 2);
  }
}
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Generic base elements.
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  min-inline-size: 0;
  border-width: 0;
  border-style: solid;
}

html {
  font-family: var(--font-sans);
  font-feature-settings: "pkna";
  font-size: 100%;
  font-style: normal;
  line-height: var(--line-height-md);
  font-weight: normal;
}

body {
  color: var(--color-black);
  margin: 0;
  word-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
}

body.is-scrollLock {
  block-size: 100dvb;
  overflow: hidden;
}

[dir=rtl] body {
  background-position: top right;
}

a:focus {
  outline: none;
}

a:focus-visible {
  outline: solid 2px currentColor;
  outline-offset: 2px;
}

button {
  font-family: inherit;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

audio {
  display: block;
  max-width: 100%;
}

:-moz-any-link {
  opacity: 1;
}

:any-link {
  opacity: 1;
}

:-moz-any-link {
  opacity: 1;
  -moz-transition: opacity var(--duration--rapidly);
  transition: opacity var(--duration--rapidly);
}

:any-link {
  opacity: 1;
  transition: opacity var(--duration--rapidly);
}

@media (any-hover: hover) {
  :-moz-any-link:hover {
    opacity: 0.8;
  }
  :any-link:hover {
    opacity: 0.8;
  }
}
.l-container {
  max-inline-size: calc(75rem + var(--container-padding) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

.l-content {
  margin-inline: auto;
  max-inline-size: 64.625rem;
}

.l-content--center {
  inline-size: -moz-max-content;
  inline-size: max-content;
  margin-inline: auto;
  max-inline-size: 100%;
}

.l-footer {
  background-color: var(--color--green);
  color: var(--color--white);
}

.l-footer__text {
  font-size: clamp(0.75rem, 0.553rem + 0.841vw, 1.563rem);
  font-weight: var(--font--bold);
  line-height: var(--leading--md);
  padding-block: 0.4em;
}

.l-header {
  inset: 0 0 auto 0;
  padding-inline: min(2.6666666667dvi, calc(80 * var(--rem)));
  padding-block: min(2.1333333333dvi, calc(24 * var(--rem)));
  position: absolute;
}

.l-header__logo {
  inline-size: 20.2666666667dvi;
  max-inline-size: calc(200 * var(--rem));
  display: block;
}

/**
* mask-svg
* svgを表示します。
**/
.l-page {
  position: relative;
  overflow: hidden;
}

.l-page::after {
  content: "";
  box-shadow: inset 43px 0 97px -9px hsl(41, 62%, 80%), inset -43px 0 97px -9px hsl(41, 62%, 80%);
  inset: -97px 0 -97px 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 960px) {
  .l-page::after {
    content: "";
    box-shadow: inset 97px 0 97px -9px hsl(41, 62%, 80%), inset -97px 0 97px -9px hsl(41, 62%, 80%);
  }
}
.c-background--lines {
  background: var(--color--beige);
  position: relative;
  padding-block-start: clamp(var(--spacing--1), 4.2666666667dvi, calc(42 * var(--rem)));
  padding-block-end: clamp(62 * var(--rem), 16.5333333333dvi, calc(194 * var(--rem)));
  overflow: hidden;
  z-index: 0;
}

.c-background--lines::before {
  aspect-ratio: 1/1;
  background: url(../img/bg_pattern_50.png) left top/590px repeat, url(../img/bg_radial.svg) center/cover no-repeat, var(--color--beige);
  background-blend-mode: multiply;
  content: "";
  inset: 46% auto auto 50%;
  min-inline-size: 200dvi;
  min-block-size: 150%;
  translate: -50% -50%;
  position: absolute;
  z-index: -1;
}

.c-background--wave,
.c-background--wave-green,
.c-background--wave-lightgreen,
.c-background--wave-orange {
  position: relative;
  z-index: 1;
}

.c-background--wave-green,
.c-background--wave-lightgreen,
.c-background--wave-orange {
  margin-block-start: -7.3958333333dvi;
}

.c-background--wave-green__inner,
.c-background--wave-lightgreen__inner,
.c-background--wave-orange__inner {
  margin-block: -1px;
}

.c-background--wave-green::before,
.c-background--wave-lightgreen::after,
.c-background--wave-lightgreen::before,
.c-background--wave-orange::after,
.c-background--wave-orange::before {
  content: "";
  display: block;
}

.c-background--wave-green::before,
.c-background--wave-lightgreen::after,
.c-background--wave-lightgreen::before,
.c-background--wave-orange::after,
.c-background--wave-orange::before {
  aspect-ratio: 1920/176;
  inline-size: 100%;
}

.c-background--wave::after,
.c-background--wave::before,
.c-background--wave__inner {
  background: url(../img/bg_pattern.png) left top/590px repeat, var(--color--white);
}

.c-background--wave {
  --mask:
    radial-gradient(1.87vw at 50% 2.5vw, #000 99%, #0000 101%) 50% 0/6.68vw 51% repeat-x,
    radial-gradient(1.87vw at 50% -0.83vw, #0000 99%, #000 101%) calc(50% - 3.34vw) 1.67vw/6.68vw calc(51% - 1.67vw) repeat-x,
    radial-gradient(1.87vw at 50% calc(100% - 2.5vw), #000 99%, #0000 101%) 50% 100%/6.68vw 51% repeat-x,
    radial-gradient(1.87vw at 50% calc(100% + 0.83vw), #0000 99%, #000 101%) calc(50% - 3.34vw) calc(100% - 1.67vw)/6.68vw calc(51% - 1.67vw) repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  position: relative;
  margin-block: -4.7916666667vw;
}

.c-background--wave__inner {
  padding-block: 5.4vw;
}

.c-background--wave::after,
.c-background--wave::before {
  aspect-ratio: 20.87;
}

.c-background--wave::after {
  clip-path: shape(from 3.33% 100%, curve by 3.33% -41.87% with 1.67% 0%/1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, smooth by 3.33% 41.87% with 1.67% 41.87%, smooth by 3.33% -41.87% with 1.67% -41.87%, vline to 0%, hline to 0%, vline by 58.13%, curve by 3.33% 41.87% with 1.67% 0%/1.67% 41.87%, close);
}

.c-background--wave::before {
  clip-path: shape(from 96.67% 0%, curve by -3.33% 41.87% with -1.67% 0%/-1.67% 41.87%, smooth to 90% 0% with 91.67% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 83.33% 0% with 85% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 76.67% 0% with 78.33% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 70% 0% with 71.67% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 63.33% 0% with 65% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 56.67% 0% with 58.33% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 50% 0% with 51.67% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 43.33% 0% with 45% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 36.67% 0% with 38.33% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 30% 0% with 31.67% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 23.33% 0% with 25% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 16.67% 0% with 18.33% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 10% 0% with 11.67% 0%, smooth by -3.33% 41.87% with -1.67% 41.87%, smooth to 3.33% 0% with 5% 0%, smooth to 0% 41.87% with 1.67% 41.87%, vline by 58.13%, hline by 100%, vline by -58.13%, curve by -3.33% -41.87% with -1.67% 0%/-1.67% -41.87%, close);
}

.c-background--wave-green {
  color: var(--color--white);
}

.c-background--wave-green__inner {
  background: var(--color--green);
  background-blend-mode: screen;
  padding-block-end: calc(1.0416666667dvi + 1px);
}

.c-background--wave-green::before {
  background: url(../img/bg_darkgreen_top.svg) center top/100% no-repeat;
  aspect-ratio: 7.209;
  clip-path: shape(from 0% 26.57%, smooth by 49.59% -0.7% with 14.47% -59.33%, line by 0.83% 1.39%, curve by 49.59% -0.7% with 35.11% 58.62%/49.58% -0.66%, vline to 100%, hline to 0%, vline to 26.57%, close, move by 44.78% 20.73%, curve by -0.01% -0.02% with 0% -0.01%/-0.01% -0.01%, curve by 0.39% 0.56% with 0.13% 0.19%/0.26% 0.37%, line by -0.37% -0.54%, close);
}

.c-background--wave-lightgreen__inner {
  padding-block: calc(0.7291666667dvi + 1px);
}

.c-background--wave-lightgreen::after,
.c-background--wave-lightgreen::before,
.c-background--wave-lightgreen__inner {
  background: url(../img/bg_pattern_20.png) left top/590px repeat, var(--color--lightgreen);
  background-blend-mode: screen;
}

.c-background--wave-lightgreen::after,
.c-background--wave-orange::after {
  aspect-ratio: 10.909;
  clip-path: shape(from 50% 60.09%, curve by 50% 0% with 35.42% 89.81%/50% 0%, vline to 0%, hline to 0%, vline by 60.09%, smooth by 50% 0% with 14.58% -89.81%, close);
}

.c-background--wave-lightgreen::before,
.c-background--wave-orange::before {
  clip-path: shape(from 50% 39.91%, curve by -50% 0% with -35.42% -89.81%/-50% 0%, vline to 100%, hline by 100%, vline to 39.91%, smooth by -50% 0% with -14.58% 89.81%, close);
}

.c-background--wave-orange {
  position: relative;
}

.c-background--wave-orange__inner,
.c-background--wave-orange::after,
.c-background--wave-orange::before {
  background: var(--color--orange);
}

.c-background--wave-orange__inner {
  padding-block: 1px calc(76 * var(--rem) + 1px);
}

.c-background--image {
  background: url(../img/bg_footer.jpg) center bottom/cover no-repeat;
  color: var(--color--white);
  min-block-size: min(113.6dvi, 1207 * var(--rem));
  padding-block-start: 4.6875dvi;
}

.c-background--lines:has(.is-intersecting)::before {
  animation: forwards rotate 8s;
}

@media screen and (min-width: 1200px) {
  .c-background--wave-lightgreen__inner {
    padding-block: calc(0.7291666667dvi + 1px);
  }
}
.c-block--red {
  color: var(--color--beige);
  position: relative;
  z-index: 0;
}

.c-block--red::before {
  content: "";
  display: block;
}

.c-block--red__header {
  background: url(../img/bg_pattern_10.png) left top/590px repeat, url(../img/bg_red_top.png) center top/100% no-repeat;
  display: block;
  inset: 0 3.9755351682% auto 3.9755351682%;
}

.c-block--red__header {
  padding-block-start: 11.1904761905%;
  padding-block-end: 2.619047619%;
}

.c-block--red__heading {
  text-align: center;
  margin-block-end: calc(var(--leading-trim) + 2px);
}

.c-block--red__content {
  background: url(../img/bg_pattern_20.png) left top/590px repeat, url(../img/bg_red_bottom.png) center bottom/100% no-repeat, url(../img/bg_red_center.png) top/100% repeat-y;
  font-size: clamp(0.875rem, 3.7333333333dvi, clamp(0.875rem, 0.705rem + 0.727vw, 1.25rem));
  font-weight: var(--font--bold);
  line-height: var(--leading--lg);
  letter-spacing: -0.0428571429em;
  padding-block-end: clamp(calc(18 * var(--rem)), 4.8dvi, calc(68 * var(--rem)));
  padding-inline: 8.2568807339%;
  margin-block: -1px;
  position: relative;
}

.c-block--beige {
  max-inline-size: calc(855 * var(--rem));
  position: relative;
  z-index: 1;
}

.c-block--beige__title {
  margin-block-end: calc(min(1.76em, calc(88 * var(--rem))) * -1);
  z-index: 1;
  position: relative;
}

.c-block--beige__heading {
  margin-block-start: clamp(1.25rem, 0.966rem + 1.212vw, 1.875rem);
  margin-block-end: min(0.5em, clamp(1.25rem, 0.966rem + 1.212vw, 1.875rem));
}

.c-block--beige__content,
.c-block--beige__inner::before {
  background-blend-mode: multiply;
}

.c-block--beige__content {
  padding-inline: min(8.4210526316%, calc(72 * var(--rem)));
  font-size: clamp(0.875rem, 3.7333333333dvi, calc(30 * var(--rem)));
  font-weight: var(--font--bold);
  margin-block: -1px;
  line-height: var(--leading--md);
  letter-spacing: 0.08em;
  position: relative;
  z-index: 1;
}

.c-block--beige__inner {
  background: url(../img/bg_pattern_50.png) left top/590px repeat, var(--color--beige);
  background-blend-mode: multiply;
  border-radius: 9999px/2860px;
  position: relative;
  box-shadow: inset 0px 0px 110px 20px hsla(30, 70%, 55%, 0.65), inset 0px 0px 110px 20px hsla(30, 70%, 55%, 0.65);
  padding-block: 14.7368421053%;
}

.c-block--beige__inner::before {
  content: "";
  inset: 2.2% 3.5% 1.4%;
  position: absolute;
  border: solid #753015;
  border-width: clamp(0.313rem, 0.111rem + 0.86vw, 0.563rem) clamp(0.313rem, 0.166rem + 0.625vw, 0.5rem) clamp(0.313rem, 0.111rem + 0.86vw, 0.563rem) clamp(0.313rem, 0.166rem + 0.625vw, 0.5rem);
  border-radius: 9999px/2570px;
  pointer-events: none;
}

@media not all and (min-width: 1199.98px) {
  .c-block--beige {
    padding-block-start: 15.4666666667dvi;
  }
  .c-block--beige__content {
    padding-block-start: 4dvi;
    padding-block-end: var(--spacing--2_5);
  }
}
@media screen and (min-width: 1200px) {
  .c-block--red__content {
    padding-inline: min(11.9047619048%, calc(100 * var(--rem)));
    letter-spacing: 0.075em;
    line-height: var(--leading--xl);
  }
}
.c-box--round {
  z-index: 0;
  position: relative;
}

.c-box--round__heading {
  margin-block-end: calc(min(10.1333333333%, 52 * var(--rem)) * -1);
  z-index: 1;
  position: relative;
}

.c-box--round__content {
  background-color: var(--color--beige);
  box-shadow: inset 0 0 97px hsl(35, 89%, 45%);
  border-radius: 33px;
  padding-block: min(11.7994100295%, calc(60 * var(--rem))) min(11.7994100295%, calc(49 * var(--rem)));
  padding-inline: min(6.4%, var(--spacing--2));
  position: relative;
  z-index: 0;
}

.c-box--round__content::before {
  background-image: url(../img/bg_pattern_50.png);
  background-blend-mode: multiply;
  background-attachment: content-box;
  border-radius: 20px;
  outline: 2px solid var(--color--dark-brown);
  content: "";
  position: absolute;
  border: 6px solid var(--color--dark-brown);
  outline-offset: 3px;
  inset: 10px 10px 10px 10px;
  z-index: -1;
}

@media screen and (min-width: 960px) {
  .c-box--round__content {
    border-radius: 43px;
  }
  .c-box--round__content::before {
    border-radius: 30px;
    outline: 2px solid var(--color--dark-brown);
    position: absolute;
    border: 6px solid var(--color--dark-brown);
    outline-offset: 6px;
    inset: 17px 17px 17px 17px;
  }
}
.c-button {
  align-items: center;
  background-color: var(--color--black);
  border-radius: 10px;
  color: var(--color--white);
  display: inline-flex;
  font-weight: var(--font--bold);
  gap: 0.75em;
  opacity: 1;
  padding-block: calc(8 * var(--rem));
  padding-inline-end: var(--spacing--1_5);
  padding-inline-start: calc(10 * var(--rem));
}

.c-button__icon {
  aspect-ratio: 1/1;
  display: inline-block;
  inline-size: calc(1.5em + 6px);
  line-height: 1;
  vertical-align: middle;
  padding: 3px;
  translate: 0 calc(var(--leading-trim) / 4);
}

.c-button {
  transition: opacity var(--duration--rapidly);
}

@media (any-hover: hover) {
  .c-button:-moz-any-link:hover {
    opacity: 0.8;
  }
  .c-button:any-link:hover,
  .c-button:not(:disabled):hover {
    opacity: 0.8;
  }
}
.c-modal {
  align-content: center;
  background-color: transparent;
  block-size: 100dvb;
  max-block-size: 100dvb;
  display: grid;
  inline-size: 100%;
  margin-inline: auto;
  margin-block: auto;
  max-inline-size: calc(960 * var(--rem));
  opacity: 1;
  overflow: hidden;
}

.c-modal:has(.c-modal__inner--full) {
  align-content: space-evenly;
}

.c-modal__inner,
.c-modal__inner--full,
.c-modal__button {
  grid-column: 1/2;
}

.c-modal__inner,
.c-modal__inner--full {
  align-self: start;
  max-block-size: 100%;
  overflow-y: auto;
}

.c-modal__inner--full {
  grid-row: 1/3;
}

.c-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.c-modal:not(.is-active) {
  opacity: 0;
  visibility: hidden;
}

.c-modal__button {
  font-size: clamp(1rem, 4.2666666667dvi, 1.5rem);
  justify-self: end;
  line-height: var(--leading--md);
  padding-block: var(--spacing--0_75) var(--spacing--1_5);
  padding-inline: min(5.8666666667dvi, var(--spacing--1_5));
}

.c-modal__inner--full + .c-modal__button {
  grid-row: 2/3;
}

.c-modal {
  transition: opacity var(--duration--relaxed);
}

@media screen and (min-width: 960px) {
  .c-modal__button {
    margin-inline: calc(min(5.8666666667dvi, var(--spacing--1_5)) * -1);
  }
}
.c-media--wide {
  max-block-size: 65dvb;
}

.c-media-list {
  -moz-column-gap: min(1.6666666667%, var(--spacing--1_25));
       column-gap: min(1.6666666667%, var(--spacing--1_25));
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(220 * var(--rem)), 1fr));
  justify-items: center;
  padding-inline: 4.5833333333%;
  row-gap: calc(20 * var(--rem));
}

.c-video {
  aspect-ratio: 350/200;
  background: url(../img/bg_film.svg) center/100% no-repeat, var(--color--black);
  padding-block: 5.6942744071%;
  padding-inline: 5.6942744071%;
  inline-size: 58.6666666667dvi;
  max-inline-size: min(700 * var(--rem), 100%);
  line-height: 1;
}

.c-yt-thumbnail {
  position: relative;
}

.c-yt-thumbnail::after {
  aspect-ratio: 64.21/53.6;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2265%22%20height%3D%2254%22%20viewBox%3D%220%200%2065%2054%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M52.3063%2016.805C51.8214%2015.0186%2050.3928%2013.6119%2048.5781%2013.1344C45.2901%2012.2668%2032.1042%2012.2668%2032.1042%2012.2668C32.1042%2012.2668%2018.9182%2012.2668%2015.6299%2013.1344C13.8156%2013.6119%2012.3867%2015.0186%2011.9018%2016.805C11.0208%2020.0426%2011.0208%2026.798%2011.0208%2026.798C11.0208%2026.798%2011.0208%2033.5532%2011.9018%2036.7913C12.3867%2038.5775%2013.8156%2039.9842%2015.6299%2040.4619C18.9182%2041.3293%2032.1042%2041.3293%2032.1042%2041.3293C32.1042%2041.3293%2045.2901%2041.3293%2048.5781%2040.4619C50.3928%2039.9842%2051.8214%2038.5775%2052.3063%2036.7913C53.1875%2033.5532%2053.1875%2026.798%2053.1875%2026.798C53.1875%2026.798%2053.1875%2020.0426%2052.3063%2016.805Z%22%20fill%3D%22%23FF0000%22%2F%3E%20%3Cpath%20d%3D%22M27.7916%2032.9314L38.8124%2026.7983L27.7916%2020.6647V32.9314Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;
  position: absolute;
  inset: 50% auto auto 50%;
  min-block-size: 88px;
  translate: -50% -50%;
}

.c-video__caption {
  font-size: clamp(0.875rem, 4.2666666667dvi, calc(24 * var(--rem)));
  font-weight: var(--font--bold);
  margin-block-start: var(--spacing--0_25);
  line-height: var(--leading--md);
  text-align: center;
  letter-spacing: 0.0666666667em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

.c-media--zoom {
  display: grid;
}

.c-media--zoom__button {
  justify-self: end;
  padding: 2px;
  font-size: clamp(1.125rem, 5.3333333333dvi, 20 * var(--rem));
}

.c-title--yellow {
  background: url(../img/img_title_01.png) center/100% no-repeat;
  color: var(--color--red);
  inline-size: -moz-max-content;
  inline-size: max-content;
  letter-spacing: -0.1em;
  margin-inline: auto;
  max-inline-size: 100%;
  padding-block: min(0.275862069em, 13 * var(--rem));
  padding-inline: min(1.1724137931em, 84 * var(--rem));
  text-align: center;
}

.c-title--red {
  color: var(--color--beige);
  display: grid;
  grid-template-columns: auto 1fr auto;
  inline-size: -moz-max-content;
  inline-size: max-content;
  justify-content: center;
  letter-spacing: -1px;
  margin-inline: auto;
  min-inline-size: 7.4736842105em;
  text-align: center;
}

.c-title--red::after,
.c-title--red::before,
.c-title--red__content {
  background: url(../img/bg_pattern_02.png) left top/590px repeat, var(--color--red);
  background-blend-mode: overlay;
  padding-block-end: calc(var(--leading-trim) * -0.25);
}

.c-title--red::after,
.c-title--red::before {
  aspect-ratio: 0.38;
  content: "";
  flex-shrink: 0;
  display: block;
}

.c-title--red::after {
  clip-path: shape(from 99.96% 50%, curve by -18.48% -13.32% with 0% -5.27%/-6.91% -10.25%, line by -2.24% -0.59%, line by 0.77% -1%, curve by 1.72% -4.52% with 1.16% -1.48%/1.72% -3%, curve by -36.13% -16.05% with 0% -7.85%/-15.54% -14.75%, line by -2.6% -0.16%, line by -0.49% -0.99%, curve to 0% 0% with 38.79% 5.61%/20.9% 0%, vline by 100%, curve by 42.55% -13.36% with 20.9% 0%/38.79% -5.61%, line by 0.49% -0.99%, line by 2.6% -0.16%, curve by 36.13% -16.05% with 20.59% -1.31%/36.13% -8.2%, curve by -1.72% -4.52% with 0% -1.52%/-0.6% -3.05%, line by -0.77% -1%, line by 2.24% -0.59%, curve by 18.48% -13.32% with 11.57% -3.07%/18.48% -8.04%, close);
}

.c-title--red::before {
  clip-path: shape(from 57.45% 13.36%, line by -0.49% 0.99%, line by -2.6% 0.16%, curve by -36.13% 16.06% with -20.59% 1.31%/-36.13% 8.2%, curve by 1.72% 4.52% with 0% 1.52%/0.6% 3.05%, line by 0.77% 1%, line by -2.24% 0.59%, curve by -18.48% 13.32% with -11.57% 3.07%/-18.48% 8.04%, smooth by 18.48% 13.32% with 6.91% 10.26%, line by 2.24% 0.59%, line by -0.77% 1%, curve by -1.72% 4.52% with -1.16% 1.48%/-1.72% 3%, curve by 36.13% 16.06% with 0% 7.86%/15.54% 14.75%, line by 2.6% 0.16%, line by 0.49% 0.99%, curve by 42.55% 13.36% with 3.75% 7.75%/21.68% 13.36%, vline to 0%, curve by -42.55% 13.36% with -20.9% 0%/-38.79% 5.61%, close);
}

.c-title--red__content {
  margin-inline: -1px;
  flex-grow: 1;
  line-height: var(--leading--sm);
  padding-block: 0.25em;
}

.c-title--green {
  background: url(../img/img_title_02.png) center center/100% no-repeat;
  color: var(--color--white);
  margin-inline: auto;
  inline-size: -moz-max-content;
  inline-size: max-content;
  min-inline-size: min(11.2068965517em, calc(650 * var(--rem)));
  max-inline-size: 100%;
  text-align: center;
  padding-block: min(0.724137931em, calc(36 * var(--rem)));
}

.c-title--board {
  aspect-ratio: 1360/646;
  background: url(../img/img_title_03.png) center bottom/100% no-repeat;
  color: var(--color--white);
  max-inline-size: min(67.4666666667dvi, 9.6857142857em);
  margin-inline: auto;
  text-align: center;
  padding-block-start: 15.0442477876%;
}

.c-title--xl {
  font-family: var(--font--decol);
  font-weight: var(--font--bold);
  font-size: min(8dvi, calc(70 * var(--rem)));
  line-height: var(--leading--sm);
}

.c-title--lg {
  font-family: var(--font--decol);
  font-weight: var(--font--bold);
  font-size: clamp(1.5rem, 7.7333333333dvi, calc(50 * var(--rem)));
  line-height: var(--leading--lg);
}

.c-title--md {
  font-family: var(--font--decol);
  font-weight: var(--font--bold);
  font-size: clamp(1.125rem, 6.6666666667dvi, calc(38 * var(--rem)));
  line-height: var(--leading--lg);
}

@media screen and (min-width: 1200px) {
  .c-title--lg {
    font-size: min(4.1666666667dvi, calc(50 * var(--rem)));
  }
  .c-title--red__content {
    padding-inline: min(0.2105263158em, 8 * var(--rem));
  }
  .c-title--board {
    aspect-ratio: 1360/807;
    padding-block-start: 18.5%;
  }
}
.p-casestudy-container {
  padding-block-start: min(var(--spacing--0_75), 4dvi, 62 * var(--rem));
}

.p-casestudy-list {
  padding-block: calc(28 * var(--rem)) calc(15 * var(--rem));
}

.p-casestudy__character {
  align-items: center;
  -moz-column-gap: min(3.3333333333%, var(--spacing--2_5));
       column-gap: min(3.3333333333%, var(--spacing--2_5));
  display: flex;
  inline-size: 100%;
  justify-content: center;
  max-block-size: clamp(8.75rem, -1.705rem + 44.606vw, 31.75rem);
}

.p-casestudy__character-image {
  align-self: start;
  min-inline-size: min(calc(115 * var(--rem)), 48.4375dvi);
  flex-basis: 41.3333333333%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
  margin-inline-end: -6.1333333333%;
  opacity: 0;
}

.is-intersecting .p-casestudy__character-image {
  opacity: 1;
}

.p-casestudy__character-text {
  opacity: 0;
}

.is-intersecting .p-casestudy__character-text {
  opacity: 1;
}

.p-casestudy__character-image {
  transition: opacity var(--duration--default) var(--easing--ease-out-expo);
}

.is-intersecting .p-casestudy__character-image {
  animation: slide-in-up var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.is-intersecting .p-casestudy__character-text {
  animation: blink var(--duration--relaxed) forwards;
}

.is-intersecting .p-casestudy__character-image {
  animation: slide-in-up var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

@media not all and (min-width: 1199.98px) {
  .p-casestudy__heading {
    inline-size: -moz-max-content;
    inline-size: max-content;
    margin-inline: auto;
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .p-casestudy-list {
    padding-block: calc(12 * var(--rem));
  }
  .p-casestudy__character {
    justify-content: flex-end;
  }
  .p-casestudy__character-image {
    margin-inline-end: 8.6666666667%;
  }
}
.p-character-list {
  -moz-column-gap: min(3.2882011605%, 2.125rem);
       column-gap: min(3.2882011605%, 2.125rem);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 500 * var(--rem)), 1fr));
  margin-block-start: clamp(0.5rem, -0.239rem + 3.152vw, 2.125rem);
  row-gap: calc(20 * var(--rem));
}

.p-character-list__item {
  inline-size: min(100%, 500 * var(--rem));
  margin-inline: auto;
}

.p-character__content {
  display: grid;
  grid-template-columns: 42% 1fr 1fr;
  line-height: var(--leading--md);
}

.p-character__description {
  font-size: clamp(0.75rem, 3.2dvi, 1.125rem);
  font-weight: var(--font--bold);
  grid-column: 2/4;
  grid-row: 2/3;
  justify-self: center;
  letter-spacing: 0.06em;
}

.p-character__image {
  grid-column: 1/4;
  grid-row: 1/3;
  max-block-size: calc(520 * var(--rem));
  inline-size: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
}

.p-character__character {
  position: absolute;
  inset: auto 50% 0 50%;
  min-block-size: calc(105 * var(--rem));
  block-size: 12.7083333333dvi;
  max-block-size: calc(244 * var(--rem));
  overflow: hidden;
  margin-inline: auto;
  inline-size: 100%;
  translate: -50%;
  z-index: 1;
}

.p-character__character img {
  display: block;
  margin-inline: auto 0;
  min-inline-size: calc(180 * var(--rem));
  inline-size: min(25.15625dvi, 30.1875rem);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top right;
     object-position: top right;
  opacity: 0;
}

.is-intersecting.p-character__character img {
  opacity: 1;
}

.is-intersecting.p-character__character img {
  transition: opacity var(--duration--rapidly) var(--easing--ease-out-expo);
  animation: slide-in-up var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

@media screen and (min-width: 1200px) {
  .p-character-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-character__description {
    padding-block: calc(8 * var(--rem));
  }
  .p-character__character img {
    padding-inline: 3.125dvi;
  }
}
.p-hero {
  aspect-ratio: 15/16;
  line-height: 1;
  inline-size: 100%;
}

.p-hero img {
  display: block;
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

@media screen and (min-width: 960px) {
  .p-hero {
    aspect-ratio: unset;
    block-size: min(58.3333333333dvi, 88dvb);
  }
}
.p-info {
  position: relative;
  z-index: 0;
}

.p-info__header {
  align-items: center;
  display: grid;
  grid-template-columns: 28.8% 1fr 28.8%;
  justify-items: center;
  margin-inline: auto;
  position: relative;
  z-index: -1;
}

.p-info__heading,
.p-info__header-bubble,
.p-info__character img {
  opacity: 0;
}

.is-intersecting .p-info__character img,
.is-intersecting .p-info__heading,
.is-intersecting .p-info__header-bubble {
  opacity: 1;
}

.p-info__character {
  aspect-ratio: 48.81/32;
  align-self: start;
  justify-self: end;
  max-block-size: calc(242 * var(--rem));
  inline-size: 100%;
  position: relative;
  overflow-y: visible;
}

.p-info__character img {
  animation-delay: 0.5s;
  display: block;
  margin-inline: auto;
  max-inline-size: min(100%, 295 * var(--rem));
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  position: absolute;
}

.p-info__heading {
  animation-delay: var(--duration--rapidly);
  margin-block-start: 6.9565217391%;
}

.p-info__header-bubble {
  inline-size: 94.23815621%;
  justify-self: start;
  max-inline-size: calc(237 * var(--rem));
}

.p-info__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  -moz-column-gap: min(1.3333333333%, var(--spacing--1));
       column-gap: min(1.3333333333%, var(--spacing--1));
}

.p-info__list-item {
  background-color: var(--color--beige);
  border-radius: 20px;
  display: block;
  opacity: 0;
}

.is-intersecting .p-info__list-item {
  opacity: 1;
}

.p-info__heading {
  transition-delay: var(--duration--relaxed);
}

.p-info__heading,
.p-info__header-bubble,
.p-info__character img,
.p-info__list-item {
  transition: opacity var(--duration--rapidly) var(--easing--ease-out-expo);
}

.is-intersecting .p-info__character img,
.is-intersecting .p-info__heading,
.is-intersecting .p-info__header-bubble {
  animation: zoom-in var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.is-intersecting .p-info__list-item {
  transition-delay: calc(var(--duration--default) * 1.25);
  animation: slide-in-up var(--duration--default) var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

@media not all and (min-width: 1199.98px) {
  .p-info__header {
    padding-block-start: calc(6 * var(--rem));
  }
  .p-info__character img {
    padding-block-start: 8.1946222791%;
    padding-inline-end: 8.1946222791%;
  }
}
@media screen and (min-width: 640px) {
  .p-info__header-bubble {
    justify-self: end;
    margin-inline-start: 7.7142857143%;
    margin-block-start: 2.8571428571%;
  }
  .p-info__header {
    grid-template-columns: 30.985915493% 1fr 30.985915493%;
  }
}
@media screen and (min-width: 1200px) {
  .p-info__heading {
    margin-block-start: 19.4214876033%;
  }
  .p-info__header,
  .p-info__list {
    padding-inline: min(2.6666666667%, var(--spacing--2));
  }
}
.p-profile__content,
.p-profile__title {
  opacity: 0;
}

.p-profile__chart {
  margin-inline: auto;
  margin-block-start: clamp(1.563rem, 0.795rem + 3.273vw, 3.25rem);
  max-inline-size: calc(633 * var(--rem));
  position: relative;
  line-height: 1;
  display: grid;
  place-items: center;
}

.p-profile__chart__background,
.p-profile__chart__score {
  aspect-ratio: 633/455;
  grid-column: 1/2;
  grid-row: 1/2;
  display: block;
  inline-size: 100%;
}

.p-profile__chart__score {
  scale: 0;
}

.is-intersecting > .p-profile__chart__score {
  scale: 1;
}

.p-profile__character--left,
.p-profile__character--right {
  position: absolute;
  display: block;
  opacity: 0;
}

.is-intersecting.p-profile__character--left,
.is-intersecting.p-profile__character--right {
  opacity: 1;
}

.p-profile__character--left {
  top: -5.604719764%;
  left: -5.3097345133%;
  inline-size: 57.8171091445%;
  max-inline-size: calc(488.5 * var(--rem));
  z-index: -1;
  transform-origin: bottom center;
}

.p-profile__character--right {
  bottom: -4.4247787611%;
  right: -5.3097345133%;
  inline-size: 30.0884955752%;
  max-inline-size: 253.5px;
  z-index: 1;
}

.is-intersecting .p-profile__content {
  animation: fade-in var(--duration--default) var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.is-intersecting .p-profile__title {
  animation: fade-in var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.p-profile__character--left,
.p-profile__character--right {
  transition: opacity var(--duration--default) var(--easing--ease-out-expo);
}

.p-profile__character--left {
  transition-delay: var(--duration--rapidly);
}

.is-intersecting.p-profile__character--left {
  animation: rotate-left var(--duration--relaxed) var(--easing--ease-in-out-quad) forwards;
}

.p-profile__character--right {
  transition-delay: var(--duration--default);
}

.is-intersecting.p-profile__character--right {
  animation: slide-in-left var(--duration--relaxed) var(--easing--ease-in-out-quad) forwards;
}

.p-profile__chart__score {
  transition: scale var(--duration--relaxed) var(--easing--ease-out-expo);
}

@media not all and (min-width: 959.98px) {
  .is-intersecting.p-profile__character--left {
    transition-delay: var(--duration--relaxed);
    animation-delay: var(--duration--relaxed);
  }
  .p-profile__heading {
    font-size: 4.8dvi;
  }
}
@media screen and (min-width: 1200px) {
  .p-profile__character--left {
    top: 69.6622436671%;
    left: -26.9005847953%;
    translate: 0 -100%;
  }
  .p-profile__character--right {
    bottom: 15.681544029%;
    right: -12.3976608187%;
  }
}
.p-story {
  padding-inline: 1.6dvi;
  max-inline-size: calc(840 * var(--rem) + 3.2dvi);
  opacity: 0;
}

.p-story__media {
  line-height: 1;
  margin-block-start: var(--spacing--1_25);
}

.p-story__character--right-top {
  opacity: 0;
  inset: 0.353431823% auto auto 84.6%;
  block-size: min(36.3888888889dvi, 62.380952381%);
}

.p-story__character--left-bottom {
  display: none;
}

.p-story__character--right-top {
  block-size: min(56dvi, 62.380952381%);
  inset: 0.353431823% auto auto 81.2%;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.is-intersecting .p-story__character--right-top {
  opacity: 1;
}

.is-intersecting.p-story {
  animation: fade-in var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.p-story__character--right-top {
  transition: opacity var(--duration--rapidly) var(--easing--ease-out-expo);
}

.is-intersecting .p-story__character--right-top {
  animation: slide-in-left var(--duration--relaxed) var(--easing--ease-in-out-quad) forwards;
}

@media screen and (min-width: 960px) {
  .p-story__character--left-bottom {
    block-size: min(32.3611111111dvi, 55.4761904762%);
    display: block;
    inset: 12.9591668434% 83.3% auto auto;
    opacity: 0;
    position: absolute;
    z-index: 1;
  }
  .p-story__character--right-top {
    block-size: min(36.3888888889dvi, 62.380952381%);
    inset: 0.353431823% auto auto 84.6%;
  }
  .is-intersecting .p-story__character--left-bottom {
    opacity: 1;
  }
  .p-story__character--left-bottom {
    transition: opacity var(--duration--rapidly) var(--duration--relaxed) var(--easing--ease-out-expo);
  }
  .is-intersecting .p-story__character--left-bottom {
    animation: slide-in-right var(--duration--relaxed) var(--duration--default) var(--easing--ease-in-out-quad) forwards;
  }
}
.p-trailer__header {
  margin-block-end: clamp(0.375rem, -0.25rem + 2.667vw, 1.75rem);
  translate: 0 -3.5416666667dvi;
  position: relative;
  z-index: 0;
}

.p-trailer__title {
  opacity: 0;
}

.is-intersecting.p-trailer__title {
  opacity: 1;
}

.p-trailer__character--top,
.p-trailer__character--bottom {
  opacity: 0;
}

.p-trailer__character--top {
  inset: 2.5520833333dvi auto auto 5%;
  inline-size: 32.0833333333%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  position: absolute;
  z-index: 1;
}

.is-intersecting.p-trailer__character--top,
.is-intersecting.p-trailer__character--bottom {
  opacity: 1;
}

.p-trailer__list {
  z-index: 1;
  position: relative;
}

.p-trailer__character--bottom {
  margin-block-start: calc(6 * var(--rem));
  block-size: min(41.6dvi, calc(200 * var(--rem)));
  margin-block-end: -5.4vw;
}

.p-trailer__character--bottom img {
  block-size: 100%;
  display: block;
  margin-inline: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.is-intersecting.p-trailer__title {
  animation: slide-in-down var(--duration--default) var(--easing--ease-in-out-quad) forwards;
}

.p-trailer__character--top,
.p-trailer__character--bottom {
  transition: opacity var(--duration--default) var(--easing--ease-out-expo);
}

.is-intersecting.p-trailer__character--top,
.is-intersecting.p-trailer__character--bottom {
  animation: slide-in-up var(--duration--relaxed) var(--easing--ease-in-out-quad) forwards;
}

@media not all and (min-width: 1199.98px) {
  .p-trailer__character--top {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .p-trailer__character--bottom {
    display: none;
  }
}
.u-aspect-ratio--16_9 {
  aspect-ratio: 16/9;
}

.u-visually-hidden {
  border: none;
  clip: rect(1px, 1px, 1px, 1px);
  contain: strict;
  height: 1px;
  inset: 0;
  margin: unset;
  opacity: 0;
  overflow: hidden;
  padding: unset;
  pointer-events: none;
  position: absolute !important;
  width: 1px;
  word-wrap: normal;
  z-index: -1;
}

.u-hidden {
  display: none;
}

.u-display--inline-block {
  display: inline-block;
}

.u-display--block {
  display: block;
}

.u-flex {
  display: flex;
}

.u-flex-wrap,
.u-flex-wrap--inline {
  flex-wrap: wrap;
}

.u-flex-wrap {
  display: flex;
}

.u-flex-wrap--inline {
  display: inline-flex;
}

.u-jc--center {
  justify-content: center;
}

.u-jc--spb {
  justify-content: space-between;
}

@media screen and (min-width: 640px) {
  .u-hidden--md {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .u-display--block-xl {
    display: block;
  }
  .u-visually-hidden--xl {
    border: none;
    clip: rect(1px, 1px, 1px, 1px);
    contain: strict;
    height: 1px;
    inset: 0;
    margin: unset;
    opacity: 0;
    overflow: hidden;
    padding: unset;
    pointer-events: none;
    position: absolute !important;
    width: 1px;
    word-wrap: normal;
    z-index: -1;
  }
}
.u-text--center {
  text-align: center;
}

.u-font--rg {
  font-size: clamp(0.75rem, 4dvi, 1rem);
}

.u-text--justify {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}

.u-text--justify.u-text-after::after {
  float: right;
}

.u-font--serif {
  font-family: var(--font--serif);
}

.u-word-break--keep {
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.u-text-after::after {
  content: attr(data-text-after);
}

.u-leading--sm {
  line-height: var(--leading--sm, 1.14);
}

.u-leading--md {
  line-height: var(--leading--md, 1.5);
}

.u-leading--lg {
  line-height: var(--leading--lg, 1.75);
}

.u-leading--xl {
  line-height: var(--leading--xl, 2.1);
}

.u-mt--0_25 {
  margin-block-start: calc(4 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--0_25 {
  padding-block-start: calc(4 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--0_25 {
  margin-block-end: calc(4 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--0_25 {
  padding-block-end: calc(4 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--0_25 {
  margin-inline-start: calc(4 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--0_25 {
  padding-inline-start: calc(4 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--0_25 {
  margin-inline-end: calc(4 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--0_25 {
  padding-inline-end: calc(4 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--0_25 {
  margin-block: calc(4 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--0_25 {
  padding-block: calc(4 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--0_25 {
  margin-inline: calc(4 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--0_25 {
  padding-inline: calc(4 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--0_25 {
  margin: calc(4 * var(--rem));
}

.u-p--0_25 {
  padding: calc(4 * var(--rem));
}

.u-col-gap--0_25 {
  -moz-column-gap: calc(4 * var(--rem));
       column-gap: calc(4 * var(--rem));
}

.u-mt--0_5 {
  margin-block-start: calc(8 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--0_5 {
  padding-block-start: calc(8 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--0_5 {
  margin-block-end: calc(8 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--0_5 {
  padding-block-end: calc(8 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--0_5 {
  margin-inline-start: calc(8 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--0_5 {
  padding-inline-start: calc(8 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--0_5 {
  margin-inline-end: calc(8 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--0_5 {
  padding-inline-end: calc(8 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--0_5 {
  margin-block: calc(8 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--0_5 {
  padding-block: calc(8 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--0_5 {
  margin-inline: calc(8 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--0_5 {
  padding-inline: calc(8 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--0_5 {
  margin: calc(8 * var(--rem));
}

.u-p--0_5 {
  padding: calc(8 * var(--rem));
}

.u-col-gap--0_5 {
  -moz-column-gap: calc(8 * var(--rem));
       column-gap: calc(8 * var(--rem));
}

.u-mt--0_75 {
  margin-block-start: calc(12 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--0_75 {
  padding-block-start: calc(12 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--0_75 {
  margin-block-end: calc(12 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--0_75 {
  padding-block-end: calc(12 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--0_75 {
  margin-inline-start: calc(12 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--0_75 {
  padding-inline-start: calc(12 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--0_75 {
  margin-inline-end: calc(12 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--0_75 {
  padding-inline-end: calc(12 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--0_75 {
  margin-block: calc(12 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--0_75 {
  padding-block: calc(12 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--0_75 {
  margin-inline: calc(12 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--0_75 {
  padding-inline: calc(12 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--0_75 {
  margin: calc(12 * var(--rem));
}

.u-p--0_75 {
  padding: calc(12 * var(--rem));
}

.u-col-gap--0_75 {
  -moz-column-gap: calc(12 * var(--rem));
       column-gap: calc(12 * var(--rem));
}

.u-mt--1 {
  margin-block-start: calc(16 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--1 {
  padding-block-start: calc(16 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--1 {
  margin-block-end: calc(16 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--1 {
  padding-block-end: calc(16 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--1 {
  margin-inline-start: calc(16 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--1 {
  padding-inline-start: calc(16 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--1 {
  margin-inline-end: calc(16 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--1 {
  padding-inline-end: calc(16 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--1 {
  margin-block: calc(16 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--1 {
  padding-block: calc(16 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--1 {
  margin-inline: calc(16 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--1 {
  padding-inline: calc(16 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--1 {
  margin: calc(16 * var(--rem));
}

.u-p--1 {
  padding: calc(16 * var(--rem));
}

.u-col-gap--1 {
  -moz-column-gap: calc(16 * var(--rem));
       column-gap: calc(16 * var(--rem));
}

.u-mt--1_25 {
  margin-block-start: calc(20 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--1_25 {
  padding-block-start: calc(20 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--1_25 {
  margin-block-end: calc(20 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--1_25 {
  padding-block-end: calc(20 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--1_25 {
  margin-inline-start: calc(20 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--1_25 {
  padding-inline-start: calc(20 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--1_25 {
  margin-inline-end: calc(20 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--1_25 {
  padding-inline-end: calc(20 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--1_25 {
  margin-block: calc(20 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--1_25 {
  padding-block: calc(20 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--1_25 {
  margin-inline: calc(20 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--1_25 {
  padding-inline: calc(20 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--1_25 {
  margin: calc(20 * var(--rem));
}

.u-p--1_25 {
  padding: calc(20 * var(--rem));
}

.u-col-gap--1_25 {
  -moz-column-gap: calc(20 * var(--rem));
       column-gap: calc(20 * var(--rem));
}

.u-mt--1_5 {
  margin-block-start: calc(24 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--1_5 {
  padding-block-start: calc(24 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--1_5 {
  margin-block-end: calc(24 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--1_5 {
  padding-block-end: calc(24 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--1_5 {
  margin-inline-start: calc(24 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--1_5 {
  padding-inline-start: calc(24 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--1_5 {
  margin-inline-end: calc(24 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--1_5 {
  padding-inline-end: calc(24 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--1_5 {
  margin-block: calc(24 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--1_5 {
  padding-block: calc(24 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--1_5 {
  margin-inline: calc(24 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--1_5 {
  padding-inline: calc(24 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--1_5 {
  margin: calc(24 * var(--rem));
}

.u-p--1_5 {
  padding: calc(24 * var(--rem));
}

.u-col-gap--1_5 {
  -moz-column-gap: calc(24 * var(--rem));
       column-gap: calc(24 * var(--rem));
}

.u-mt--2 {
  margin-block-start: calc(32 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--2 {
  padding-block-start: calc(32 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--2 {
  margin-block-end: calc(32 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--2 {
  padding-block-end: calc(32 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--2 {
  margin-inline-start: calc(32 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--2 {
  padding-inline-start: calc(32 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--2 {
  margin-inline-end: calc(32 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--2 {
  padding-inline-end: calc(32 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--2 {
  margin-block: calc(32 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--2 {
  padding-block: calc(32 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--2 {
  margin-inline: calc(32 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--2 {
  padding-inline: calc(32 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--2 {
  margin: calc(32 * var(--rem));
}

.u-p--2 {
  padding: calc(32 * var(--rem));
}

.u-col-gap--2 {
  -moz-column-gap: calc(32 * var(--rem));
       column-gap: calc(32 * var(--rem));
}

.u-mt--2_5 {
  margin-block-start: calc(40 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--2_5 {
  padding-block-start: calc(40 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--2_5 {
  margin-block-end: calc(40 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--2_5 {
  padding-block-end: calc(40 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--2_5 {
  margin-inline-start: calc(40 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--2_5 {
  padding-inline-start: calc(40 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--2_5 {
  margin-inline-end: calc(40 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--2_5 {
  padding-inline-end: calc(40 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--2_5 {
  margin-block: calc(40 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--2_5 {
  padding-block: calc(40 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--2_5 {
  margin-inline: calc(40 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--2_5 {
  padding-inline: calc(40 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--2_5 {
  margin: calc(40 * var(--rem));
}

.u-p--2_5 {
  padding: calc(40 * var(--rem));
}

.u-col-gap--2_5 {
  -moz-column-gap: calc(40 * var(--rem));
       column-gap: calc(40 * var(--rem));
}

.u-mt--3 {
  margin-block-start: calc(48 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--3 {
  padding-block-start: calc(48 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--3 {
  margin-block-end: calc(48 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--3 {
  padding-block-end: calc(48 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--3 {
  margin-inline-start: calc(48 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--3 {
  padding-inline-start: calc(48 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--3 {
  margin-inline-end: calc(48 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--3 {
  padding-inline-end: calc(48 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--3 {
  margin-block: calc(48 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--3 {
  padding-block: calc(48 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--3 {
  margin-inline: calc(48 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--3 {
  padding-inline: calc(48 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--3 {
  margin: calc(48 * var(--rem));
}

.u-p--3 {
  padding: calc(48 * var(--rem));
}

.u-col-gap--3 {
  -moz-column-gap: calc(48 * var(--rem));
       column-gap: calc(48 * var(--rem));
}

.u-mt--3_5 {
  margin-block-start: calc(56 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--3_5 {
  padding-block-start: calc(56 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--3_5 {
  margin-block-end: calc(56 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--3_5 {
  padding-block-end: calc(56 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--3_5 {
  margin-inline-start: calc(56 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--3_5 {
  padding-inline-start: calc(56 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--3_5 {
  margin-inline-end: calc(56 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--3_5 {
  padding-inline-end: calc(56 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--3_5 {
  margin-block: calc(56 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--3_5 {
  padding-block: calc(56 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--3_5 {
  margin-inline: calc(56 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--3_5 {
  padding-inline: calc(56 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--3_5 {
  margin: calc(56 * var(--rem));
}

.u-p--3_5 {
  padding: calc(56 * var(--rem));
}

.u-col-gap--3_5 {
  -moz-column-gap: calc(56 * var(--rem));
       column-gap: calc(56 * var(--rem));
}

.u-mt--4 {
  margin-block-start: calc(64 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--4 {
  padding-block-start: calc(64 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--4 {
  margin-block-end: calc(64 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--4 {
  padding-block-end: calc(64 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--4 {
  margin-inline-start: calc(64 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--4 {
  padding-inline-start: calc(64 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--4 {
  margin-inline-end: calc(64 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--4 {
  padding-inline-end: calc(64 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--4 {
  margin-block: calc(64 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--4 {
  padding-block: calc(64 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--4 {
  margin-inline: calc(64 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--4 {
  padding-inline: calc(64 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--4 {
  margin: calc(64 * var(--rem));
}

.u-p--4 {
  padding: calc(64 * var(--rem));
}

.u-col-gap--4 {
  -moz-column-gap: calc(64 * var(--rem));
       column-gap: calc(64 * var(--rem));
}

.u-mt--4_5 {
  margin-block-start: calc(72 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--4_5 {
  padding-block-start: calc(72 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--4_5 {
  margin-block-end: calc(72 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--4_5 {
  padding-block-end: calc(72 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--4_5 {
  margin-inline-start: calc(72 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--4_5 {
  padding-inline-start: calc(72 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--4_5 {
  margin-inline-end: calc(72 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--4_5 {
  padding-inline-end: calc(72 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--4_5 {
  margin-block: calc(72 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--4_5 {
  padding-block: calc(72 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--4_5 {
  margin-inline: calc(72 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--4_5 {
  padding-inline: calc(72 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--4_5 {
  margin: calc(72 * var(--rem));
}

.u-p--4_5 {
  padding: calc(72 * var(--rem));
}

.u-col-gap--4_5 {
  -moz-column-gap: calc(72 * var(--rem));
       column-gap: calc(72 * var(--rem));
}

.u-mt--5 {
  margin-block-start: calc(80 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--5 {
  padding-block-start: calc(80 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--5 {
  margin-block-end: calc(80 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--5 {
  padding-block-end: calc(80 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--5 {
  margin-inline-start: calc(80 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--5 {
  padding-inline-start: calc(80 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--5 {
  margin-inline-end: calc(80 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--5 {
  padding-inline-end: calc(80 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--5 {
  margin-block: calc(80 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--5 {
  padding-block: calc(80 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--5 {
  margin-inline: calc(80 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--5 {
  padding-inline: calc(80 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--5 {
  margin: calc(80 * var(--rem));
}

.u-p--5 {
  padding: calc(80 * var(--rem));
}

.u-col-gap--5 {
  -moz-column-gap: calc(80 * var(--rem));
       column-gap: calc(80 * var(--rem));
}

.u-mt--6 {
  margin-block-start: calc(96 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--6 {
  padding-block-start: calc(96 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--6 {
  margin-block-end: calc(96 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--6 {
  padding-block-end: calc(96 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--6 {
  margin-inline-start: calc(96 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--6 {
  padding-inline-start: calc(96 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--6 {
  margin-inline-end: calc(96 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--6 {
  padding-inline-end: calc(96 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--6 {
  margin-block: calc(96 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--6 {
  padding-block: calc(96 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--6 {
  margin-inline: calc(96 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--6 {
  padding-inline: calc(96 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--6 {
  margin: calc(96 * var(--rem));
}

.u-p--6 {
  padding: calc(96 * var(--rem));
}

.u-col-gap--6 {
  -moz-column-gap: calc(96 * var(--rem));
       column-gap: calc(96 * var(--rem));
}

.u-mt--7 {
  margin-block-start: calc(112 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--7 {
  padding-block-start: calc(112 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--7 {
  margin-block-end: calc(112 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--7 {
  padding-block-end: calc(112 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--7 {
  margin-inline-start: calc(112 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--7 {
  padding-inline-start: calc(112 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--7 {
  margin-inline-end: calc(112 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--7 {
  padding-inline-end: calc(112 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--7 {
  margin-block: calc(112 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--7 {
  padding-block: calc(112 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--7 {
  margin-inline: calc(112 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--7 {
  padding-inline: calc(112 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--7 {
  margin: calc(112 * var(--rem));
}

.u-p--7 {
  padding: calc(112 * var(--rem));
}

.u-col-gap--7 {
  -moz-column-gap: calc(112 * var(--rem));
       column-gap: calc(112 * var(--rem));
}

.u-mt--8 {
  margin-block-start: calc(128 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--8 {
  padding-block-start: calc(128 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--8 {
  margin-block-end: calc(128 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--8 {
  padding-block-end: calc(128 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--8 {
  margin-inline-start: calc(128 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--8 {
  padding-inline-start: calc(128 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--8 {
  margin-inline-end: calc(128 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--8 {
  padding-inline-end: calc(128 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--8 {
  margin-block: calc(128 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--8 {
  padding-block: calc(128 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--8 {
  margin-inline: calc(128 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--8 {
  padding-inline: calc(128 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--8 {
  margin: calc(128 * var(--rem));
}

.u-p--8 {
  padding: calc(128 * var(--rem));
}

.u-col-gap--8 {
  -moz-column-gap: calc(128 * var(--rem));
       column-gap: calc(128 * var(--rem));
}

.u-mt--9 {
  margin-block-start: calc(144 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--9 {
  padding-block-start: calc(144 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--9 {
  margin-block-end: calc(144 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--9 {
  padding-block-end: calc(144 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--9 {
  margin-inline-start: calc(144 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--9 {
  padding-inline-start: calc(144 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--9 {
  margin-inline-end: calc(144 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--9 {
  padding-inline-end: calc(144 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--9 {
  margin-block: calc(144 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--9 {
  padding-block: calc(144 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--9 {
  margin-inline: calc(144 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--9 {
  padding-inline: calc(144 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--9 {
  margin: calc(144 * var(--rem));
}

.u-p--9 {
  padding: calc(144 * var(--rem));
}

.u-col-gap--9 {
  -moz-column-gap: calc(144 * var(--rem));
       column-gap: calc(144 * var(--rem));
}

.u-mt--10 {
  margin-block-start: calc(160 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--10 {
  padding-block-start: calc(160 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--10 {
  margin-block-end: calc(160 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--10 {
  padding-block-end: calc(160 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--10 {
  margin-inline-start: calc(160 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--10 {
  padding-inline-start: calc(160 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--10 {
  margin-inline-end: calc(160 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--10 {
  padding-inline-end: calc(160 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--10 {
  margin-block: calc(160 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--10 {
  padding-block: calc(160 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--10 {
  margin-inline: calc(160 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--10 {
  padding-inline: calc(160 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--10 {
  margin: calc(160 * var(--rem));
}

.u-p--10 {
  padding: calc(160 * var(--rem));
}

.u-col-gap--10 {
  -moz-column-gap: calc(160 * var(--rem));
       column-gap: calc(160 * var(--rem));
}

.u-mt--11 {
  margin-block-start: calc(176 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--11 {
  padding-block-start: calc(176 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--11 {
  margin-block-end: calc(176 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--11 {
  padding-block-end: calc(176 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--11 {
  margin-inline-start: calc(176 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--11 {
  padding-inline-start: calc(176 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--11 {
  margin-inline-end: calc(176 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--11 {
  padding-inline-end: calc(176 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--11 {
  margin-block: calc(176 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--11 {
  padding-block: calc(176 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--11 {
  margin-inline: calc(176 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--11 {
  padding-inline: calc(176 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--11 {
  margin: calc(176 * var(--rem));
}

.u-p--11 {
  padding: calc(176 * var(--rem));
}

.u-col-gap--11 {
  -moz-column-gap: calc(176 * var(--rem));
       column-gap: calc(176 * var(--rem));
}

.u-mt--12 {
  margin-block-start: calc(192 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--12 {
  padding-block-start: calc(192 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--12 {
  margin-block-end: calc(192 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--12 {
  padding-block-end: calc(192 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--12 {
  margin-inline-start: calc(192 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--12 {
  padding-inline-start: calc(192 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--12 {
  margin-inline-end: calc(192 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--12 {
  padding-inline-end: calc(192 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--12 {
  margin-block: calc(192 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--12 {
  padding-block: calc(192 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--12 {
  margin-inline: calc(192 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--12 {
  padding-inline: calc(192 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--12 {
  margin: calc(192 * var(--rem));
}

.u-p--12 {
  padding: calc(192 * var(--rem));
}

.u-col-gap--12 {
  -moz-column-gap: calc(192 * var(--rem));
       column-gap: calc(192 * var(--rem));
}

.u-mt--13 {
  margin-block-start: calc(208 * var(--rem));
}

.u-mt--auto {
  margin-block-start: auto;
}

.u-pt--13 {
  padding-block-start: calc(208 * var(--rem));
}

.u-pt--auto {
  padding-block-start: auto;
}

.u-mb--13 {
  margin-block-end: calc(208 * var(--rem));
}

.u-mb--auto {
  margin-block-end: auto;
}

.u-pb--13 {
  padding-block-end: calc(208 * var(--rem));
}

.u-pb--auto {
  padding-block-end: auto;
}

.u-ml--13 {
  margin-inline-start: calc(208 * var(--rem));
}

.u-ml--auto {
  margin-inline-start: auto;
}

.u-pl--13 {
  padding-inline-start: calc(208 * var(--rem));
}

.u-pl--auto {
  padding-inline-start: auto;
}

.u-mr--13 {
  margin-inline-end: calc(208 * var(--rem));
}

.u-mr--auto {
  margin-inline-end: auto;
}

.u-pr--13 {
  padding-inline-end: calc(208 * var(--rem));
}

.u-pr--auto {
  padding-inline-end: auto;
}

.u-my--13 {
  margin-block: calc(208 * var(--rem));
}

.u-my--auto {
  margin-block: auto;
}

.u-py--13 {
  padding-block: calc(208 * var(--rem));
}

.u-py--auto {
  padding-block: auto;
}

.u-mx--13 {
  margin-inline: calc(208 * var(--rem));
}

.u-mx--auto {
  margin-inline: auto;
}

.u-px--13 {
  padding-inline: calc(208 * var(--rem));
}

.u-px--auto {
  padding-inline: auto;
}

.u-m--13 {
  margin: calc(208 * var(--rem));
}

.u-p--13 {
  padding: calc(208 * var(--rem));
}

.u-col-gap--13 {
  -moz-column-gap: calc(208 * var(--rem));
       column-gap: calc(208 * var(--rem));
}

.u-mt--none {
  margin-block-start: 0;
}

.u-pt--none {
  padding-block-start: 0;
}

.u-mb--none {
  margin-block-end: 0;
}

.u-pb--none {
  padding-block-end: 0;
}

.u-ml--none {
  margin-inline-start: 0;
}

.u-pl--none {
  padding-inline-start: 0;
}

.u-mr--none {
  margin-inline-end: 0;
}

.u-pr--none {
  padding-inline-end: 0;
}

.u-my--none {
  margin-block: 0;
}

.u-py--none {
  padding-block: 0;
}

.u-mx--none {
  margin-inline: 0;
}

.u-px--none {
  padding-inline: 0;
}

.u-m--auto {
  margin: auto;
}

.u-m--none {
  margin: 0;
}

.u-p--none {
  padding: 0;
}/*# sourceMappingURL=style.css.map */