@charset "UTF-8";
/*
Breakpoints
$breakpoint-min:SPデザインカンプのサイズを入力してください。
$breakpoint-lg:contents-width
*/
:root {
  --mh--breakpoint--min: 375px;
  --mh--breakpoint--sm: 640px;
  --mh--breakpoint--md: 768px;
  --mh--breakpoint--lg: 1220px;
  --mh--breakpoint--xl: 1480px;
  --mh--breakpoint--max: 1920px;
}
:root {
  --mh--font-size--x3s: 1.1rem;
  --mh--font-size--x2s: 1.1rem;
  --mh--font-size--xs: 1.2rem;
  --mh--font-size--sm: 1.3rem;
  --mh--font-size--md: 1.4rem;
  --mh--font-size--lg: 1.5rem;
  --mh--font-size--xl: 1.6rem;
  --mh--font-size--x2l: 1.7rem;
  --mh--font-size--x3l: 1.8rem;
  --mh--font-size--x4l: 2rem;
  --mh--font-size--x5l: 2.1rem;
  --mh--font-size--x6l: 2.2rem;
  --mh--font-size--x7l: 2.4rem;
  --mh--font-size--x8l: 2.6rem;
  --mh--font-size--x9l: 2.8rem;
  --mh--font-size--x10l: 2.9rem;
  --mh--font-size--x11l: 3.2rem;
  --mh--font-size--x12l: 3.4rem;
  --mh--font-size--x10: 2.9rem;
}
@media (width >= 768px) {
  :root {
    --mh--font-size--x3s: 1.1rem;
    --mh--font-size--x2s: 1.1rem;
    --mh--font-size--xs: 1.3rem;
    --mh--font-size--sm: 1.4rem;
    --mh--font-size--md: 1.6rem;
    --mh--font-size--lg: 1.8rem;
    --mh--font-size--xl: 2rem;
    --mh--font-size--x2l: 2.3rem;
    --mh--font-size--x3l: 2.6rem;
    --mh--font-size--x4l: 2.9rem;
    --mh--font-size--x5l: 3.2rem;
    --mh--font-size--x6l: 3.6rem;
    --mh--font-size--x7l: 4.1rem;
    --mh--font-size--x8l: 4.6rem;
    --mh--font-size--x9l: 5.2rem;
    --mh--font-size--x10l: 5.8rem;
    --mh--font-size--x11l: 6.6rem;
    --mh--font-size--x12l: 7.4rem;
    --mh--font-size--x10l: 5.8rem;
  }
}
:root {
  --mh-viewport-sp: 375;
  --mh-viewport: 1920;
  --mh--font-family--base: Yu Gothic Pr6N M, "yu-gothic-pr6n", "ヒラギノ角ゴ ProN W3", meiryo, sans-serif;
  --mh--font-family--bold: Yu Gothic Pr6N B, "yu-gothic-pr6n", "ヒラギノ角ゴ ProN W6", meiryo, sans-serif;
  --mh--font-family--en: "new-atten", sans-serif;
  --mh--font-family--num: "futura-pt", sans-serif;
  --mh--font-weight--regular: 400;
  --mh--font-weight--medium: 500;
  --mh--font-weight--bold: 700;
  --mh--letter-spacing--xs: 0.02em;
  --mh--letter-spacing--sm: 0.03em;
  --mh--letter-spacing--md: 0.04em;
  --mh--line-height--none: 1;
  --mh--line-height--sm: 1.1;
  --mh--line-height--md: 1.5;
  --mh--line-height--lg: 2;
}
:root {
  --mh--header--height: 73px;
  --mh--sidebar--width: max(300px, calc(100vw * 300 / var(--mh-viewport)));
  --mh--contents--width: 1100px;
  --mh--contents--wide-width: 1400px;
  --mh--contents--wider-width: 1820px;
  --mh--contents--padding--side: 30px;
  --mh--contents--width-with-padding: calc(var(--mh--contents--width) + var(--mh--contents--padding--side) * 2);
  --mh--contents--wide-width-with-padding: calc(
  	var(--mh--contents--wide-width) + var(--mh--contents--padding--side) * 2
  );
  --mh--contents--wider-width-with-padding: calc(
  	var(--mh--contents--wider-width) + var(--mh--contents--padding--side) * 2
  );
}
@media (width >= 768px) {
  :root {
    --mh--contents--padding--side: 50px;
  }
}
@media (width >= 1220px) {
  :root {
    --mh--header--height: 124px;
  }
}
html body {
  --mh--color--primary-500: rgb(47, 152, 75);
  --mh--color--primary-500_op30: rgba(47, 152, 75, 0.3);
  --mh--color--primary-100: rgba(221, 237, 218, 0.5);
  --mh--color--secondary-500: rgb(168, 154, 81);
  --mh--color--grayscale-100: rgb(255, 255, 255);
  --mh--color--grayscale-100_op70: rgba(255, 255, 255, 0.7);
  --mh--color--grayscale-200: rgb(242, 242, 242);
  --mh--color--grayscale-500: rgb(204, 204, 204);
  --mh--color--grayscale-800: rgb(105, 105, 105);
  --mh--color--grayscale-900: rgb(0, 0, 0);
  --mh--color--grayscale-900_op80: rgba(0, 0, 0, 0.8);
  --mh--color--surface-200: rgb(237, 237, 229);
  --mh--color--surface-200_op70: rgba(237, 237, 229, 0.7);
  --mh--color--error-500: rgb(255, 0, 0);
}
:root {
  --mh-viewport: 1920;
}
:root {
  --mh--space--10-10: 10px;
  --mh--space--10-15: 10px;
  --mh--space--10-30: 10px;
  --mh--space--10-40: 10px;
  --mh--space--10-60: 10px;
  --mh--space--15-15: 15px;
  --mh--space--15-20: 15px;
  --mh--space--20-120: 20px;
  --mh--space--20-15: 20px;
  --mh--space--20-20: 20px;
  --mh--space--20-30: 20px;
  --mh--space--20-50: 20px;
  --mh--space--20-60: 20px;
  --mh--space--20-70: 20px;
  --mh--space--20-80: 20px;
  --mh--space--25-25: 25px;
  --mh--space--25-30: 25px;
  --mh--space--25-60: 25px;
  --mh--space--25-70: 25px;
  --mh--space--25-80: 25px;
  --mh--space--30-30: 30px;
  --mh--space--30-40: 30px;
  --mh--space--30-50: 30px;
  --mh--space--30-80: 30px;
  --mh--space--40-100: 40px;
  --mh--space--40-120: 40px;
  --mh--space--40-60: 40px;
  --mh--space--60-100: 60px;
  --mh--space--60-160: 60px;
  --mh--space--x5s: 2px;
  --mh--space--x4s: 5px;
  --mh--space--x3s: 10px;
  --mh--space--x2s: 15px;
  --mh--space--xs: 20px;
  --mh--space--sm: 30px;
  --mh--space--md: 40px;
  --mh--space--lg: 50px;
  --mh--space--xl: 60px;
  --mh--space--x2l: 70px;
  --mh--space--x3l: 80px;
  --mh--space--x4l: 90px;
  --mh--space--x5l: 100px;
}
@media (width >= 768px) {
  :root {
    --mh--space--10-15: 15px;
    --mh--space--10-30: 30px;
    --mh--space--10-40: 40px;
    --mh--space--10-60: 60px;
    --mh--space--15-20: 20px;
    --mh--space--20-120: 120px;
    --mh--space--20-15: 15px;
    --mh--space--20-30: 30px;
    --mh--space--20-50: 50px;
    --mh--space--20-60: 60px;
    --mh--space--20-70: 70px;
    --mh--space--20-80: 80px;
    --mh--space--25-30: 30px;
    --mh--space--25-60: 60px;
    --mh--space--25-70: 70px;
    --mh--space--25-80: 80px;
    --mh--space--30-40: 40px;
    --mh--space--30-50: 50px;
    --mh--space--30-80: 80px;
    --mh--space--40-100: 100px;
    --mh--space--40-120: 120px;
    --mh--space--40-60: 60px;
    --mh--space--60-100: 100px;
    --mh--space--60-160: 160px;
    --mh--space--x5s: 4px;
    --mh--space--x4s: 10px;
    --mh--space--x3s: 20px;
    --mh--space--x2s: 30px;
    --mh--space--xs: 40px;
    --mh--space--sm: 60px;
    --mh--space--md: 80px;
    --mh--space--lg: 100px;
    --mh--space--xl: 120px;
    --mh--space--x2l: 140px;
    --mh--space--x3l: 160px;
    --mh--space--x4l: 180px;
    --mh--space--x5l: 200px;
  }
}
:root {
  --mh--easing: ease-in-out;
  --mh--easing-cubic01: cubic-bezier(.52, .29, .18, 1);
  --mh--easing-cubic02: cubic-bezier(.83, 0, .34, 1);
  --mh--duration: 0.3s;
  --mh--duration-lg: 0.6s;
  --mh--duration-xl: 0.9s;
  --mh--duration-x2l: 1.2s;
  --mh--duration-x3l: 1.5s;
}
@keyframes arrow-slide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50% {
    opacity: 0;
    transform: translateX(105%);
  }
  51% {
    opacity: 0;
    transform: translateX(-55%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
:root {
  --mh--border-radius--sm: 2px;
  --mh--border-radius--md: 5px;
  --mh--border-radius--lg: 8px;
}
@media (width >= 768px) {
  :root {
    --mh--border-radius--sm: max(4px, calc(100vw * 4 / var(--mh-viewport)));
    --mh--border-radius--md: max(10px, calc(100vw * 10 / var(--mh-viewport)));
    --mh--border-radius--lg: max(16px, calc(100vw * 16 / var(--mh-viewport)));
  }
}
:root {
  --mh--box-shadow-01: 0 0 20px 0 rgb(0 0 0 / 25%);
}
@media (width >= 768px) {
  :root {
    --mh--box-shadow-01: 0 0 40px 0 rgb(0 0 0 / 25%);
  }
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
*::before, *::after {
  box-sizing: border-box;
}
* :focus-visible {
  outline: 2px solid;
}
html {
  block-size: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
}
body {
  min-block-size: 100%;
  text-rendering: optimizespeed;
  -webkit-font-smoothing: antialiased;
}
img,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  width: 100%;
  height: auto;
}
img,
svg,
video {
  max-inline-size: 100%;
  block-size: auto;
}
svg {
  fill: currentcolor;
  stroke: none;
}
svg:not([display=none]) {
  display: block;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
}
ul,
ol {
  list-style: none;
}
a[class] {
  text-decoration: none;
}
input,
select {
  appearance: none;
}
input,
button,
textarea,
select,
input[type=file]::-webkit-file-upload-button {
  font: inherit;
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
a[href],
area,
button,
input,
label[for],
select,
summary,
textarea,
[tabindex]:not([tabindex*="-"]) {
  touch-action: manipulation;
  cursor: pointer;
}
input[type=file] {
  cursor: auto;
}
button,
button[type],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
button[disabled],
button[type][disabled],
input[type=button][disabled],
input[type=submit][disabled],
input[type=reset][disabled] {
  cursor: not-allowed;
}
/* 02_base
================================================ */
html:not([class=is-no-smoothscroll]) {
  scroll-behavior: smooth;
}
body {
  min-width: 320px;
  font-family: var(--mh--font-family--base);
  font-size: var(--mh--font-size--md);
  font-weight: var(--mh--font-weight--medium);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-900);
  letter-spacing: var(--mh--letter-spacing--md);
  -webkit-text-size-adjust: 100%;
}
@media (width >= 768px) {
  body {
    min-width: var(--mh--contents--width-with-padding);
  }
}
@media (width >= 768px) and (hover: none) {
  body {
    -webkit-text-size-adjust: none;
  }
}
* {
  letter-spacing: var(--mh--letter-spacing--md);
}
ins {
  text-decoration: none;
  background-color: #ff9;
}
mark {
  font-weight: bold;
  background-color: #ff9;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
sup {
  font-size: 0.75em;
  vertical-align: text-top;
}
sub {
  font-size: 0.75em;
  vertical-align: text-bottom;
}
hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  color: inherit;
}
@media (width < 768px) {
  a:hover {
    text-decoration: none;
  }
}
input[type=text],
input[type=email],
input[type=tel],
textarea,
button,
select,
option {
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: inherit;
  background: none;
  border: 1px solid;
  border-radius: 0;
}
@media (width < 768px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  button,
  select,
  option {
    font-size: 1.6rem;
  }
}
button {
  border: none;
  padding: 0;
  margin: 0;
}
summary {
  display: block;
  cursor: pointer;
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
.l-wrapper {
  position: relative;
  padding-bottom: env(safe-area-inset-bottom);
}
.l-wrapper-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.l-wrapper-bg__main {
  position: absolute;
  inset: 0;
}
.l-wrapper-bg__overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 2s ease;
  -webkit-mask: url("../img/common/bg_mask01_sp.png") no-repeat center center/cover;
  mask: url("../img/common/bg_mask01_sp.png") no-repeat center center/cover;
}
.l-wrapper-bg__overlay video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
  opacity: 0.15;
}
.l-wrapper-bg[data-bg=overlay01] .l-wrapper-bg__overlay.is-overlay01 {
  opacity: 1;
}
.l-wrapper-bg[data-bg=overlay02] .l-wrapper-bg__overlay.is-overlay02 {
  opacity: 1;
}
@media (width >= 768px) {
  .l-wrapper-bg__overlay.is-overlay01 {
    -webkit-mask-image: url("../img/common/bg_mask01_pc.png");
    mask-image: url("../img/common/bg_mask01_pc.png");
  }
  .l-wrapper-bg__overlay.is-overlay01 video {
    transform: scaleX(-1);
    object-position: left center;
  }
  .l-wrapper-bg__overlay.is-overlay02 {
    -webkit-mask-image: url("../img/common/bg_mask02_pc.png");
    mask-image: url("../img/common/bg_mask02_pc.png");
  }
  .l-wrapper-bg__overlay.is-overlay02 video {
    transform: scaleY(-1);
    object-position: right center;
  }
}
/* .c-btn01
================================================== */
.c-btn01 {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 315px;
  min-height: 50px;
  margin: var(--mh--space--xs) auto 0;
  font-size: var(--mh--font-size--md);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  color: var(--mh--color--grayscale-100);
}
.c-btn01__in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 48px 10px 25px;
  border: none;
  border-radius: 999px;
  background-color: var(--mh--color--grayscale-900);
  border: 1px solid var(--mh--color--grayscale-900);
}
.c-btn01__txt.u-font-en {
  font-size: var(--mh--font-size--xl);
}
.c-btn01__ico {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.c-btn01.is-left {
  margin-left: 0;
}
@media (width >= 768px) {
  .c-btn01 {
    max-width: 290px;
    min-height: 60px;
  }
  .c-btn01__in {
    padding-left: 30px;
  }
  .c-btn01.is-left-md-up {
    margin-left: 0;
  }
  .c-btn01.is-wide-md-up {
    max-width: 330px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01__in {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-btn01__in:hover {
    background-color: var(--mh--color--grayscale-100);
    color: var(--mh--color--grayscale-900);
  }
}
/* .c-head01
================================================== */
.c-head01 {
  text-align: center;
  margin-bottom: var(--mh--space--sm);
}
.c-head01__main {
  font-size: var(--mh--font-size--x12l);
}
.c-head01__sub {
  margin-top: var(--mh--space--x4s);
  font-size: var(--mh--font-size--sm);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
@media (width >= 768px) {
  .c-head01__main {
    font-size: var(--mh--font-size--x9l);
  }
}
/* head
================================================ */
.c-line-head {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  font-size: var(--mh--font-size--lg);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
.c-line-head::before {
  position: absolute;
  top: calc(0.75em - 1px);
  left: 0;
  width: 13px;
  content: "";
  border-top: 2px solid var(--mh--color--grayscale-500);
}
@media (width >= 768px) {
  .c-line-head {
    padding-left: 23px;
  }
}
.c-under-border-head {
  padding-bottom: 15px;
  font-size: var(--mh--font-size--x5l);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  border-bottom: 1px solid;
  margin-bottom: var(--mh--space--xs);
}
/* list
================================================ */
/* .c-line-head
================================================== */
/* .c-under-border-head
================================================== */
/* .c-ico
================================================== */
.c-ico {
  display: inline-block;
  vertical-align: baseline;
}
.c-ico svg {
  display: block;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-arw01
================================================== */
.c-ico.is-arw01::after {
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  max-width: 100%;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.847 3.82a.75.75 0 0 1 1.06 0l4.773 4.773a.75.75 0 0 1 0 1.06l-4.773 4.773a.75.75 0 0 1-1.06-1.06l3.492-3.493H2.85a.75.75 0 1 1 0-1.5h10.49L9.847 4.88a.75.75 0 0 1 0-1.06Z"/></svg>') no-repeat left top/contain;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M9.847 3.82a.75.75 0 0 1 1.06 0l4.773 4.773a.75.75 0 0 1 0 1.06l-4.773 4.773a.75.75 0 0 1-1.06-1.06l3.492-3.493H2.85a.75.75 0 1 1 0-1.5h10.49L9.847 4.88a.75.75 0 0 1 0-1.06Z"/></svg>') no-repeat left top/contain;
}
/* .c-ico.is-dl01
================================================== */
.c-ico.is-dl01::after {
  display: block;
  width: 18px;
  aspect-ratio: 1/1;
  max-width: 100%;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M13.59 7.722a.706.706 0 0 1 0 1l-4.497 4.496a.706.706 0 0 1-.999 0L3.598 8.722a.706.706 0 0 1 .999-1l3.29 3.29v-9.88a.707.707 0 0 1 1.413 0v9.88l3.29-3.29a.706.706 0 0 1 1 0Zm2.66 8.353a.75.75 0 0 1 0 1.5H1.344a.75.75 0 0 1 0-1.5H16.25Z"/></svg>') no-repeat left top/contain;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path d="M13.59 7.722a.706.706 0 0 1 0 1l-4.497 4.496a.706.706 0 0 1-.999 0L3.598 8.722a.706.706 0 0 1 .999-1l3.29 3.29v-9.88a.707.707 0 0 1 1.413 0v9.88l3.29-3.29a.706.706 0 0 1 1 0Zm2.66 8.353a.75.75 0 0 1 0 1.5H1.344a.75.75 0 0 1 0-1.5H16.25Z"/></svg>') no-repeat left top/contain;
}
/* .c-ico.is-play01
================================================== */
.c-ico.is-play01::after {
  display: block;
  width: 105px;
  aspect-ratio: 1/1;
  max-width: 100%;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105"><path d="M101 52c0-27.062-21.938-49-49-49S3 24.938 3 52s21.938 49 49 49v3C23.281 104 0 80.719 0 52S23.281 0 52 0s52 23.281 52 52-23.281 52-52 52v-3c27.062 0 49-21.938 49-49Z"/><path d="M38.25 74.45v-45.9L78 51.5 38.25 74.45Zm3-40.704v35.508L72.001 51.5 41.25 33.746Z"/></svg>') no-repeat left top/contain;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 105 105"><path d="M101 52c0-27.062-21.938-49-49-49S3 24.938 3 52s21.938 49 49 49v3C23.281 104 0 80.719 0 52S23.281 0 52 0s52 23.281 52 52-23.281 52-52 52v-3c27.062 0 49-21.938 49-49Z"/><path d="M38.25 74.45v-45.9L78 51.5 38.25 74.45Zm3-40.704v35.508L72.001 51.5 41.25 33.746Z"/></svg>') no-repeat left top/contain;
}
/* .c-ico.is-blank01
================================================== */
.c-ico.is-blank01::after {
  display: block;
  width: 10px;
  aspect-ratio: 1/1;
  max-width: 100%;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20fill%3D%22gray%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.12%200H24v15.88H8.12V0Zm2.94%202.94v10h10v-10h-10Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22gray%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%206.37h4.7V9.3H2.93v11.75H14.5v-1.54h2.94V24H0V6.37Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cpath%20fill%3D%22gray%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.12%200H24v15.88H8.12V0Zm2.94%202.94v10h10v-10h-10Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22gray%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%206.37h4.7V9.3H2.93v11.75H14.5v-1.54h2.94V24H0V6.37Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
/* .c-ico.is-insta01
================================================== */
.c-ico.is-insta01::after {
  content: "";
  display: block;
  width: 29px;
  aspect-ratio: 1/1;
  max-width: 100%;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.85 19.99A5.86 5.86 0 0 1 0 14.14v-8.3A5.85 5.85 0 0 1 5.85 0h8.3A5.86 5.86 0 0 1 20 5.85v8.3A5.85 5.85 0 0 1 14.15 20h-8.3v-.01ZM1.87 5.85v8.3a3.98 3.98 0 0 0 3.98 3.98h8.3c2.2 0 3.98-1.78 3.98-3.98v-8.3a3.98 3.98 0 0 0-3.98-3.98h-8.3a3.98 3.98 0 0 0-3.98 3.98ZM4.84 10a5.17 5.17 0 0 1 5.17-5.17A5.17 5.17 0 0 1 15.18 10a5.17 5.17 0 0 1-10.34 0Zm1.87 0a3.3 3.3 0 1 0 6.6-.01 3.3 3.3 0 0 0-6.6 0Zm8.36-4.12a1.25 1.25 0 1 1 1.5-.93 1.24 1.24 0 0 1-1.5.93Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M5.85 19.99A5.86 5.86 0 0 1 0 14.14v-8.3A5.85 5.85 0 0 1 5.85 0h8.3A5.86 5.86 0 0 1 20 5.85v8.3A5.85 5.85 0 0 1 14.15 20h-8.3v-.01ZM1.87 5.85v8.3a3.98 3.98 0 0 0 3.98 3.98h8.3c2.2 0 3.98-1.78 3.98-3.98v-8.3a3.98 3.98 0 0 0-3.98-3.98h-8.3a3.98 3.98 0 0 0-3.98 3.98ZM4.84 10a5.17 5.17 0 0 1 5.17-5.17A5.17 5.17 0 0 1 15.18 10a5.17 5.17 0 0 1-10.34 0Zm1.87 0a3.3 3.3 0 1 0 6.6-.01 3.3 3.3 0 0 0-6.6 0Zm8.36-4.12a1.25 1.25 0 1 1 1.5-.93 1.24 1.24 0 0 1-1.5.93Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* .c-ico.is-x01
================================================== */
.c-ico.is-x01::after {
  content: "";
  display: block;
  width: 29px;
  aspect-ratio: 1/1;
  max-width: 100%;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><path d="M10.12 7.62 16.45 0h-1.5l-5.5 6.62L5.06 0H0l6.63 10L0 18h1.5l5.8-6.99L11.94 18H17L10.1 7.62ZM8.06 10.1 2.04 1.17h2.3l10.6 15.71h-2.3L8.06 10.1v.01Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><path d="M10.12 7.62 16.45 0h-1.5l-5.5 6.62L5.06 0H0l6.63 10L0 18h1.5l5.8-6.99L11.94 18H17L10.1 7.62ZM8.06 10.1 2.04 1.17h2.3l10.6 15.71h-2.3L8.06 10.1v.01Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* .c-ico.is-link01
================================================== */
.c-ico.is-link01::after {
  content: "";
  display: block;
  width: 29px;
  aspect-ratio: 1/1;
  max-width: 100%;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18"><path d="M2.87 17.69A4.3 4.3 0 0 1 .33 12c.23-.53.57-1.02 1-1.42a6.1 6.1 0 0 0 1.57 1.5 2.18 2.18 0 0 0 .02 3.16 2.46 2.46 0 0 0 2.56.5c.3-.12.56-.29.78-.5l3.48-3.31c.33-.32.56-.72.65-1.17a2.27 2.27 0 0 0-.13-1.29 2.2 2.2 0 0 0-.52-.74 2.45 2.45 0 0 0-1.22-.62 2.62 2.62 0 0 0-1.35.12 2.33 2.33 0 0 0-.78.5l-.26.25a1.41 1.41 0 0 1-1.48-.83c-.1-.2-.12-.45-.1-.67l.27-.25a4.76 4.76 0 0 1 6.48 0 4.22 4.22 0 0 1 0 6.17l-3.48 3.31a4.76 4.76 0 0 1-4.97.96h.02Zm1.36-5.98a4.44 4.44 0 0 1-2.78-3.2c-.3-1.43.17-2.9 1.25-3.92l3.48-3.31a4.76 4.76 0 0 1 6.48 0 4.22 4.22 0 0 1 .03 6.14 5.32 5.32 0 0 0-.71-.82 6.21 6.21 0 0 0-.87-.68c.32-.31.55-.7.63-1.13a2.19 2.19 0 0 0-.65-2.03 2.46 2.46 0 0 0-2.57-.5 2.33 2.33 0 0 0-.78.5L4.26 6.07c-.33.32-.55.72-.65 1.16-.08.43-.03.87.13 1.27.3.71.96 1.22 1.74 1.37.45.07.92.04 1.34-.13a2.33 2.33 0 0 0 .78-.5L7.86 9a1.4 1.4 0 0 1 1.48.82c.1.21.12.45.1.68l-.27.24a4.52 4.52 0 0 1-2.36 1.2c-.29.05-.58.08-.88.08a4.78 4.78 0 0 1-1.73-.32l.03.01Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18"><path d="M2.87 17.69A4.3 4.3 0 0 1 .33 12c.23-.53.57-1.02 1-1.42a6.1 6.1 0 0 0 1.57 1.5 2.18 2.18 0 0 0 .02 3.16 2.46 2.46 0 0 0 2.56.5c.3-.12.56-.29.78-.5l3.48-3.31c.33-.32.56-.72.65-1.17a2.27 2.27 0 0 0-.13-1.29 2.2 2.2 0 0 0-.52-.74 2.45 2.45 0 0 0-1.22-.62 2.62 2.62 0 0 0-1.35.12 2.33 2.33 0 0 0-.78.5l-.26.25a1.41 1.41 0 0 1-1.48-.83c-.1-.2-.12-.45-.1-.67l.27-.25a4.76 4.76 0 0 1 6.48 0 4.22 4.22 0 0 1 0 6.17l-3.48 3.31a4.76 4.76 0 0 1-4.97.96h.02Zm1.36-5.98a4.44 4.44 0 0 1-2.78-3.2c-.3-1.43.17-2.9 1.25-3.92l3.48-3.31a4.76 4.76 0 0 1 6.48 0 4.22 4.22 0 0 1 .03 6.14 5.32 5.32 0 0 0-.71-.82 6.21 6.21 0 0 0-.87-.68c.32-.31.55-.7.63-1.13a2.19 2.19 0 0 0-.65-2.03 2.46 2.46 0 0 0-2.57-.5 2.33 2.33 0 0 0-.78.5L4.26 6.07c-.33.32-.55.72-.65 1.16-.08.43-.03.87.13 1.27.3.71.96 1.22 1.74 1.37.45.07.92.04 1.34-.13a2.33 2.33 0 0 0 .78-.5L7.86 9a1.4 1.4 0 0 1 1.48.82c.1.21.12.45.1.68l-.27.24a4.52 4.52 0 0 1-2.36 1.2c-.29.05-.58.08-.88.08a4.78 4.78 0 0 1-1.73-.32l.03.01Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* .c-ico.is-cart01
================================================== */
.c-ico.is-cart01::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  max-width: 100%;
  background-color: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M1 4.66v-.09l.01-.03v-.02h.01a.3.3 0 0 1 .01-.03.39.39 0 0 1 .04-.07l.02-.03a.37.37 0 0 1 .02-.02.41.41 0 0 1 .06-.05l.02-.02h.02l.01-.01a.38.38 0 0 1 .02-.01h.01a.35.35 0 0 1 .03-.01.31.31 0 0 1 .04-.01h.01a.28.28 0 0 1 .02 0l.03-.01h10.64l.38-1.93a.4.4 0 0 1 .4-.32h1.82a.4.4 0 0 1 0 .79h-1.5l-1.69 8.38a1.48 1.48 0 0 1-.59 2.83 1.48 1.48 0 0 1-1.3-2.17H4.27A1.48 1.48 0 0 1 2.97 14a1.48 1.48 0 0 1 0-2.96h7.68l.08-.4-8.6-1.43a.44.44 0 0 1-.04 0 .41.41 0 0 1-.04-.01l-.01-.01a.67.67 0 0 1-.02 0L2 9.16a.2.2 0 0 1-.03-.02h-.01a.32.32 0 0 1-.01-.02h-.02l-.01-.02a.33.33 0 0 1-.02-.02.38.38 0 0 1-.05-.06v-.01a.5.5 0 0 1-.03-.07v-.02L1.8 8.9 1 4.72v-.06Zm3.71 4.18L4.6 7.41l-2.3-.19.23 1.26 2.2.36Zm3.4.56.17-1.7-2.9-.23.13 1.5 2.6.43Zm.24-2.48.18-1.88H5.18l.14 1.64 3.03.24Zm-6.22-.5 2.4.2-.14-1.58H1.87l.26 1.38Zm7.19-1.38-.19 1.95 2.3.18.43-2.13H9.32Zm.83 7.48c0 .38.3.7.68.7a.69.69 0 0 0 0-1.38.69.69 0 0 0-.68.68Zm-7.86 0c0 .38.3.7.68.7a.69.69 0 0 0 0-1.38.69.69 0 0 0-.68.68Zm8.98-4.57-2.21-.18-.17 1.76 2 .33.38-1.9Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15"><path d="M1 4.66v-.09l.01-.03v-.02h.01a.3.3 0 0 1 .01-.03.39.39 0 0 1 .04-.07l.02-.03a.37.37 0 0 1 .02-.02.41.41 0 0 1 .06-.05l.02-.02h.02l.01-.01a.38.38 0 0 1 .02-.01h.01a.35.35 0 0 1 .03-.01.31.31 0 0 1 .04-.01h.01a.28.28 0 0 1 .02 0l.03-.01h10.64l.38-1.93a.4.4 0 0 1 .4-.32h1.82a.4.4 0 0 1 0 .79h-1.5l-1.69 8.38a1.48 1.48 0 0 1-.59 2.83 1.48 1.48 0 0 1-1.3-2.17H4.27A1.48 1.48 0 0 1 2.97 14a1.48 1.48 0 0 1 0-2.96h7.68l.08-.4-8.6-1.43a.44.44 0 0 1-.04 0 .41.41 0 0 1-.04-.01l-.01-.01a.67.67 0 0 1-.02 0L2 9.16a.2.2 0 0 1-.03-.02h-.01a.32.32 0 0 1-.01-.02h-.02l-.01-.02a.33.33 0 0 1-.02-.02.38.38 0 0 1-.05-.06v-.01a.5.5 0 0 1-.03-.07v-.02L1.8 8.9 1 4.72v-.06Zm3.71 4.18L4.6 7.41l-2.3-.19.23 1.26 2.2.36Zm3.4.56.17-1.7-2.9-.23.13 1.5 2.6.43Zm.24-2.48.18-1.88H5.18l.14 1.64 3.03.24Zm-6.22-.5 2.4.2-.14-1.58H1.87l.26 1.38Zm7.19-1.38-.19 1.95 2.3.18.43-2.13H9.32Zm.83 7.48c0 .38.3.7.68.7a.69.69 0 0 0 0-1.38.69.69 0 0 0-.68.68Zm-7.86 0c0 .38.3.7.68.7a.69.69 0 0 0 0-1.38.69.69 0 0 0-.68.68Zm8.98-4.57-2.21-.18-.17 1.76 2 .33.38-1.9Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* .c-img01
================================================== */
.c-img01 {
  margin: var(--mh--space--md) 0;
}
/*  .c-num-list01
================================================== */
.c-num-list01 {
  counter-reset: num01 0;
}
.c-num-list01__item {
  padding-left: 2em;
  text-indent: -2em;
}
.c-num-list01__item::before {
  margin-right: 5px;
  color: var(--mh--color--grayscale-800);
  content: counter(num01, decimal-leading-zero) ".";
  counter-increment: num01 1;
}
.c-num-list01__item + .c-num-list01__item {
  margin-top: 10px;
}
.c-num-list01__item ul,
.c-num-list01__item ol {
  margin-top: 10px;
}
.c-num-list01__item ol {
  counter-reset: num02 0;
}
.c-num-list01__item ol li {
  padding-left: 3.5em;
  text-indent: -3.5em;
}
.c-num-list01__item ol li + li {
  margin-top: 10px;
}
.c-num-list01__item ol li::before {
  margin-right: 5px;
  color: var(--mh--color--grayscale-800);
  content: counter(num01, decimal-leading-zero) "-" counter(num02, decimal-leading-zero) ".";
  counter-increment: num02 1;
}
.c-num-list01__item ol .c-num-list01__item {
  padding-left: 3.5em;
  text-indent: -3.5em;
}
.c-num-list01__item ul {
  padding-left: 1.5em;
}
.c-num-list01__item ul li::before {
  position: relative;
  top: 14px;
  left: -1em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background-color: var(--mh--color--grayscale-800);
  border-radius: 50%;
}
.c-num-list01__item ul li + .c-num-list01__item ul li {
  margin-top: 10px;
}
/*  .c-simple-list01
================================================== */
.c-simple-list01__item {
  position: relative;
  padding-left: 8px;
}
.c-simple-list01__item::before {
  position: absolute;
  top: calc(0.75em - 1.5px);
  left: 0;
  width: 3px;
  height: 3px;
  content: "";
  background-color: var(--mh--color--grayscale-800);
  border-radius: 50%;
}
.c-simple-list01__item + .c-simple-list01__item {
  margin-top: 10px;
}
.c-simple-list01__item ul,
.c-simple-list01__item ol {
  margin-top: 10px;
}
.c-simple-list01__item ol {
  counter-reset: num 0;
}
.c-simple-list01__item ol > li {
  padding-left: 2em;
  text-indent: -2em;
}
.c-simple-list01__item ol > li::before {
  position: static;
  margin-right: 5px;
  color: var(--mh--color--grayscale-800);
  content: counter(num, decimal-leading-zero) ".";
  counter-increment: num 1;
  background-color: transparent;
  border-radius: 0;
}
/* .c-modal01
=============================== */
.c-modal01 {
  visibility: hidden;
  pointer-events: none;
}
.c-modal01.is-open {
  visibility: visible;
  pointer-events: auto;
}
.c-modal01[aria-hidden=false] .c-modal01__overlay {
  animation: c-modal01-fadein 0.6s var(--mh--easing);
}
.c-modal01[aria-hidden=false] .c-modal01-content {
  animation: c-modal01-slideIn 0.6s var(--mh--easing);
}
.c-modal01[aria-hidden=true] .c-modal01__overlay {
  animation: c-modal01-fadeout 0.6s var(--mh--easing);
}
.c-modal01[aria-hidden=true] .c-modal01-content {
  animation: c-modal01-slideOut 0.6s var(--mh--easing);
}
.c-modal01__overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  will-change: transform;
  z-index: 3000;
}
.c-modal01__overlay-bg {
  position: absolute;
  z-index: -1;
  display: block;
  inset: 0;
  background-color: var(--mh--color--grayscale-900_op80);
}
.c-modal01__container {
  width: 100%;
  box-sizing: border-box;
  pointer-events: initial;
  padding-top: 40px;
  padding-bottom: 75px;
}
.c-modal01__container.is-large .c-modal01-header,
.c-modal01__container.is-large .c-modal01-content {
  width: 89.3333333333%;
}
.c-modal01-header {
  width: 84%;
  margin: 0 auto;
  pointer-events: none;
}
.c-modal01-header__title {
  display: none;
}
.c-modal01-header__close {
  position: relative;
  width: fit-content;
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-inline: auto 0;
  border: none;
  pointer-events: auto;
  overflow: hidden;
  font-size: 0px;
  color: transparent;
  text-indent: -100%;
}
.c-modal01-header__close::before, .c-modal01-header__close::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  border-top: 1px solid var(--mh--color--grayscale-100);
  content: "";
  transform: rotate(-30deg);
}
.c-modal01-header__close::after {
  transform: rotate(30deg);
}
.c-modal01-content {
  width: 84%;
  margin: 0 auto;
  will-change: transform;
  max-height: calc(var(--vh, 1vh) * 100 - 100px);
  overflow: auto;
}
.c-modal01-content__inner {
  position: relative;
}
.c-modal01-content__inner:not(.has-mov) {
  background-color: var(--mh--color--grayscale-100);
}
.c-modal01-content__inner.has-mov iframe {
  aspect-ratio: 16/9;
}
.c-modal01-footer {
  display: none;
}
@media (width >= 768px) {
  .c-modal01-header, .c-modal01-content {
    max-width: 1100px;
  }
  .c-modal01-header__close {
    width: 70px;
    height: 70px;
  }
  .c-modal01-header__close::before, .c-modal01-header__close::after {
    border-top-width: 2px;
  }
}
@keyframes c-modal01-fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes c-modal01-fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes c-modal01-slideIn {
  from {
    transform: translateY(20px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes c-modal01-slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-20px);
  }
}
.c-nav-info01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 20px;
}
.c-nav-sns01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px 27px;
}
.c-nav-sns01__item-link, .c-nav-sns01__item-btn {
  display: block;
  font-size: inherit;
}
.c-nav-sns01__item-link .c-ico, .c-nav-sns01__item-btn .c-ico {
  display: block;
}
.c-nav-sns01__item-btn {
  position: relative;
  border-radius: 0;
  border: 0;
}
.c-nav-sns01__item-btn-txt {
  background-color: var(--mh--color--grayscale-900);
  color: var(--mh--color--grayscale-100);
  text-align: center;
  padding: 3px 6px 2px;
  font-size: 12px;
  line-height: var(--mh--line-height--sm);
  border-radius: 3px;
  position: absolute;
  bottom: 80%;
  left: 50%;
  transition: all var(--mh--duration) var(--mh--easing);
  transform: translate(-50%, 20%);
  opacity: 0;
}
.c-nav-sns01__item-btn.is-active .c-nav-sns01__item-btn-txt {
  transform: translate(-50%, 0%);
  opacity: 1;
}
/* .c-note01
================================================== */
.c-note01 {
  margin-top: 10px;
  font-size: var(--mh--font-size--xs);
  color: var(--mh--color--grayscale-800);
}
.c-note01-list {
  margin-top: 10px;
}
.c-note01-list .c-note01 {
  margin-top: 2px;
}
.c-note01.has-mark {
  display: flex;
  column-gap: 5px;
}
.c-note01.has-mark::before {
  content: "※";
  display: block;
  flex-shrink: 0;
  color: inherit;
}
/* .c-table01
================================================== */
.c-table01 {
  margin-top: 20px;
}
.c-table01 table {
  border-top: 1px solid var(--mh--color--grayscale-800);
  background-color: var(--mh--color--grayscale-100_op70);
  table-layout: fixed;
}
.c-table01 th,
.c-table01 td {
  border: 1px solid var(--mh--color--grayscale-800);
  border-top: none;
  padding: 9px 10px;
}
.c-table01 th {
  background-color: var(--mh--color--surface-200);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
.c-table01 hr {
  margin-block: 10px;
  border-color: var(--mh--color--grayscale-500);
}
.c-table01 ol, .c-table01 ul {
  font-size: var(--mh--font-size--xs);
}
@media (width < 768px) {
  .c-table01 table,
  .c-table01 thead,
  .c-table01 tbody,
  .c-table01 tr,
  .c-table01 th,
  .c-table01 td {
    display: block;
  }
  .c-table01 td {
    padding: 14px 15px;
  }
}
@media (width >= 768px) {
  .c-table01 th,
  .c-table01 td {
    padding: 19px 20px;
    font-size: var(--mh--font-size--sm);
    align-content: center;
  }
  .c-table01 th {
    width: 220px;
  }
  .c-table01 hr {
    margin-block: 15px;
  }
}
/* .l-breadcrumb
================================================ */
.l-breadcrumb__inner {
  padding-block: var(--mh--space--20-20);
}
/* .l-breadcrumb-list
================================================ */
.l-breadcrumb-list {
  --_line-width: var(--mh--space--10-10);
  --_line-height: 2px;
  --_line-color: var(--mh--color--grayscale-500);
  --_line-gap: max(5px, calc(100vw * 5 / var(--mh-viewport)));
  --_link-font-color: var(--mh--color--grayscale-800);
  display: flex;
  flex-wrap: wrap;
}
.l-breadcrumb-list__item {
  display: inline-block;
  vertical-align: middle;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item {
  position: relative;
  padding-left: calc(var(--_line-width) + var(--_line-gap));
  margin-left: var(--_line-gap);
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item::before {
  position: absolute;
  top: calc((100% - var(--_line-height)) / 2);
  left: 0;
  display: block;
  width: var(--_line-width);
  height: var(--_line-height);
  margin-right: var(--_line-gap);
  content: "";
  background-color: var(--_line-color);
}
.l-breadcrumb-list__item-txt:is(a) {
  color: var(--_link-font-color);
}
@media (width < 768px) {
  .l-breadcrumb-list {
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .l-breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
/* .l-footer
================================================ */
.l-footer {
  position: relative;
}
.l-footer__inner {
  padding-top: 120px;
}
.l-footer-cv {
  position: relative;
  display: grid;
}
.l-footer-cv__col {
  position: relative;
  display: grid;
  justify-items: center;
  align-content: center;
}
.l-footer-cv__col.is-txt {
  padding-block: 45px;
}
.l-footer-cv__col-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.l-footer-cv__logo {
  width: 51px;
  margin-bottom: var(--mh--space--xs);
}
.l-footer-cv__copy {
  font-size: var(--mh--font-size--x4l);
}
.l-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  row-gap: 50px;
  padding-block: 50px 70px;
}
.l-footer-bottom__col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  row-gap: 50px;
}
@media (width < 768px) {
  .l-footer__inner {
    padding-inline: 0 !important;
  }
}
@media (width >= 768px) {
  .l-footer__inner {
    padding-top: 180px;
  }
  .l-footer-cv {
    grid-template-columns: 1fr 1fr;
  }
  .l-footer-cv__logo {
    width: 130px;
  }
  .l-footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 70px;
  }
  .l-footer-bottom__col {
    flex-direction: row;
    column-gap: 50px;
  }
}
/* .l-footer-cr
================================================ */
.l-footer-cr__txt {
  font-size: var(--mh--font-size--x2s);
}
/* .l-header
================================================ */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 320px;
  transform: translateZ(0);
  transition: translate var(--mh--duration) var(--mh--easing);
}
.l-header__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  height: var(--mh--header--height);
  padding-inline: var(--mh--space--xs);
}
/* .l-header-logo
================================================== */
.l-header-logo {
  --_logo-width: 64px;
  position: relative;
  z-index: 1;
  flex: 0 0 var(--_logo-width);
}
.l-header-logo .l-header-logo__link {
  display: grid;
  align-content: center;
}
@media (width >= 768px) {
  .l-header-logo {
    --_logo-width: 79px;
  }
}
/* .l-main-img HOME
================================================ */
.l-main-img {
  position: relative;
  overflow: hidden;
}
.l-main-img__inner {
  position: relative;
  display: grid;
  align-content: center;
  height: 100svh;
  max-width: 60svh;
  margin: 0 auto;
  padding-bottom: 20%;
}
.l-main-img__vi {
  position: relative;
}
.l-main-img__vi-main {
  margin: 0 0 -16% -10.6666666667%;
  display: block;
  width: 121.8666666667%;
}
.l-main-img__vi-main-prop {
  display: block;
  animation: float-anime 15s cubic-bezier(0.6, 0, 0.4, 1) infinite both;
  animation-play-state: paused;
}
.l-main-img__vi-main-prop-in {
  display: block;
  animation: skew-anime 10s ease infinite both;
  animation-play-state: paused;
}
.l-main-img__vi-main-prop-in img {
  display: block;
  animation: rotate-anime 150s linear infinite both;
  animation-play-state: paused;
}
.l-main-img__copy {
  position: relative;
  margin: 0 auto;
  width: 49.8666666667%;
  text-align: center;
  display: grid;
  justify-items: center;
}
.l-main-img__copy-logo {
  margin-bottom: 21.3903743316%;
  width: 34.7593582888%;
}
.l-main-img__copy-date {
  margin-top: 11.7647058824%;
}
.l-main-img.is-animated .l-main-img__vi-main-prop {
  animation-play-state: running;
}
.l-main-img.is-animated .l-main-img__vi-main-prop-in {
  animation-play-state: running;
}
.l-main-img.is-animated .l-main-img__vi-main-prop-in img {
  animation-play-state: running;
}
@media (width >= 768px) {
  :where(html:not(.is-tab)) .l-main-img__inner {
    max-width: unset;
    padding-bottom: 0;
  }
  :where(html:not(.is-tab)) .l-main-img__vi {
    position: absolute;
    inset: 0;
  }
  :where(html:not(.is-tab)) .l-main-img__vi-main {
    display: grid;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 1.0416666667% 0 0 -17.7083333333%;
    width: 54.1666666667%;
    min-height: 96.2962962963%;
    aspect-ratio: 1/1;
  }
  :where(html:not(.is-tab)) .l-main-img__copy {
    width: 23.0208333333%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -0.5208333333% 0 0 19.21875%;
  }
}
@media (width >= 768px) and (min-aspect-ratio: 1/1) {
  .l-main-img__inner {
    max-width: unset;
    padding-bottom: 0;
  }
  .l-main-img__vi {
    position: absolute;
    inset: 0;
  }
  .l-main-img__vi-in {
    display: grid;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 1.0416666667% 0 0 -18.75%;
    width: 66.9270833333%;
    min-height: 118.9814814815%;
    aspect-ratio: 1/1;
  }
  .l-main-img__copy {
    width: 23.0208333333%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -0.5208333333% 0 0 19.21875%;
  }
}
/* .l-nav-btn
================================================== */
.l-nav-btn {
  --_nav-btn-size: 30px;
  --_nav-btn-in-width: 30px;
  --_nav-btn-in-height: 30px;
  display: grid;
  place-content: center;
  width: var(--_nav-btn-size);
  height: var(--_nav-btn-size);
  cursor: pointer;
  border: none;
  position: relative;
  z-index: 1;
}
.l-nav-btn__in {
  position: relative;
  width: var(--_nav-btn-in-width);
  height: var(--_nav-btn-in-height);
}
.l-nav-btn__line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1px solid;
  transition: margin var(--mh--duration) var(--mh--easing) var(--mh--duration), transform var(--mh--duration) var(--mh--easing);
}
.l-nav-btn__line:nth-child(1) {
  top: 50%;
  margin-top: -4px;
}
.l-nav-btn__line:nth-child(2) {
  top: 50%;
  margin-top: 3px;
}
.l-nav-btn.is-open .l-nav-btn__line {
  margin-top: 0;
  transition-delay: 0s, var(--mh--duration);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
  transform: rotate(-30deg);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) {
  transform: rotate(30deg);
}
/* .l-nav
================================================ */
.l-nav {
  position: relative;
  width: 100%;
  min-width: 320px;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
.l-nav__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media (width < 768px) {
  .l-nav {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: grid;
    align-content: start;
    align-items: start;
    height: 100svh;
    padding-block: calc(65px + var(--mh--header--height)) calc(var(--mh--space--x5l) + env(safe-area-inset-bottom));
    padding-inline: var(--mh--contents--padding--side);
    overflow: auto;
    background: var(--mh--color--grayscale-100_op70);
    visibility: hidden;
    transform: translateY(-5%);
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .l-nav::-webkit-scrollbar {
    display: none;
  }
  .l-nav.is-open {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    z-index: 0;
  }
}
@media (width >= 768px) {
  .l-nav {
    display: flex;
    column-gap: var(--mh--space--xs);
    align-items: center;
    justify-content: flex-end;
    min-width: auto;
    height: 100%;
    min-height: auto;
  }
}
/* .l-nav-list
================================================== */
.l-nav-list {
  font-size: var(--mh--font-size--xl);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
@media (width < 768px) {
  .l-nav-list {
    display: grid;
    row-gap: 40px;
    align-content: start;
    text-align: center;
  }
  .l-nav-list__item {
    overflow-y: clip;
  }
  .l-nav-list__item-in {
    position: relative;
    align-items: center;
  }
  .l-nav-list__item-ico {
    transition: rotate var(--mh--duration) var(--mh--easing);
  }
}
@media (width >= 768px) {
  .l-nav-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    font-size: var(--mh--font-size--sm);
  }
  .l-nav-list__item {
    position: relative;
    display: grid;
    height: 100%;
  }
  .l-nav-list__item-in {
    display: block;
    width: max-content;
    border: 0;
  }
}
/* .l-nav-cv
================================================ */
.l-nav-cv {
  margin-top: 50px;
  max-width: 275px;
  min-height: 50px;
}
@media (width >= 768px) {
  .l-nav-cv {
    margin: 0;
    max-width: 169px;
    min-height: 44px;
  }
  .l-nav-cv .c-btn01__in {
    padding-inline: 25px 35px;
  }
  .l-nav-cv .c-btn01__ico {
    width: 15px;
  }
}
/* .l-nav-other
================================================ */
.l-nav-other {
  margin-top: 80px;
  display: grid;
  justify-items: center;
  row-gap: 50px;
}
/* .l-nav-overlay
================================================ */
.l-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: none;
  background: rgb(from var(--mh--color--grayscale-900) r g b/25%);
}
.js-c-anime-elem[data-anime=fadein-up], .js-c-anime-elem [data-anime=fadein-up] {
  transition: opacity var(--mh--duration-lg) var(--mh--easing), transform var(--mh--duration-lg) var(--mh--easing);
  opacity: 0;
  transform: translateY(30px);
}
.js-c-anime-elem:not(.is-animated)[data-anime=fadein-up], .js-c-anime-elem:not(.is-animated) [data-anime=fadein-up] {
  transition-duration: var(--mh--duratiomn);
  transition-delay: 0s !important;
}
.js-c-anime-elem.is-animated[data-anime=fadein-up], .js-c-anime-elem.is-animated [data-anime=fadein-up] {
  opacity: 1;
  transform: translateY(0px);
}
.js-c-anime-elem.is-animated[data-anime-delay="0.1"], .js-c-anime-elem.is-animated [data-anime-delay="0.1"] {
  transition-delay: 0.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.1"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.1"]::after {
  transition-delay: 0.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.2"], .js-c-anime-elem.is-animated [data-anime-delay="0.2"] {
  transition-delay: 0.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.2"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.2"]::after {
  transition-delay: 0.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.3"], .js-c-anime-elem.is-animated [data-anime-delay="0.3"] {
  transition-delay: 0.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.3"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.3"]::after {
  transition-delay: 0.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.4"], .js-c-anime-elem.is-animated [data-anime-delay="0.4"] {
  transition-delay: 0.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.4"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.4"]::after {
  transition-delay: 0.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.5"], .js-c-anime-elem.is-animated [data-anime-delay="0.5"] {
  transition-delay: 0.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.5"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.5"]::after {
  transition-delay: 0.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.6"], .js-c-anime-elem.is-animated [data-anime-delay="0.6"] {
  transition-delay: 0.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.6"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.6"]::after {
  transition-delay: 0.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.7"], .js-c-anime-elem.is-animated [data-anime-delay="0.7"] {
  transition-delay: 0.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.7"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.7"]::after {
  transition-delay: 0.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.8"], .js-c-anime-elem.is-animated [data-anime-delay="0.8"] {
  transition-delay: 0.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.8"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.8"]::after {
  transition-delay: 0.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.9"], .js-c-anime-elem.is-animated [data-anime-delay="0.9"] {
  transition-delay: 0.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="0.9"]::after, .js-c-anime-elem.is-animated [data-anime-delay="0.9"]::after {
  transition-delay: 0.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1"], .js-c-anime-elem.is-animated [data-anime-delay="1"] {
  transition-delay: 1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1"]::after {
  transition-delay: 1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.1"], .js-c-anime-elem.is-animated [data-anime-delay="1.1"] {
  transition-delay: 1.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.1"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.1"]::after {
  transition-delay: 1.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.2"], .js-c-anime-elem.is-animated [data-anime-delay="1.2"] {
  transition-delay: 1.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.2"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.2"]::after {
  transition-delay: 1.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.3"], .js-c-anime-elem.is-animated [data-anime-delay="1.3"] {
  transition-delay: 1.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.3"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.3"]::after {
  transition-delay: 1.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.4"], .js-c-anime-elem.is-animated [data-anime-delay="1.4"] {
  transition-delay: 1.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.4"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.4"]::after {
  transition-delay: 1.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.5"], .js-c-anime-elem.is-animated [data-anime-delay="1.5"] {
  transition-delay: 1.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.5"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.5"]::after {
  transition-delay: 1.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.6"], .js-c-anime-elem.is-animated [data-anime-delay="1.6"] {
  transition-delay: 1.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.6"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.6"]::after {
  transition-delay: 1.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.7"], .js-c-anime-elem.is-animated [data-anime-delay="1.7"] {
  transition-delay: 1.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.7"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.7"]::after {
  transition-delay: 1.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.8"], .js-c-anime-elem.is-animated [data-anime-delay="1.8"] {
  transition-delay: 1.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.8"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.8"]::after {
  transition-delay: 1.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.9"], .js-c-anime-elem.is-animated [data-anime-delay="1.9"] {
  transition-delay: 1.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="1.9"]::after, .js-c-anime-elem.is-animated [data-anime-delay="1.9"]::after {
  transition-delay: 1.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2"], .js-c-anime-elem.is-animated [data-anime-delay="2"] {
  transition-delay: 2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2"]::after {
  transition-delay: 2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.1"], .js-c-anime-elem.is-animated [data-anime-delay="2.1"] {
  transition-delay: 2.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.1"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.1"]::after {
  transition-delay: 2.1s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.2"], .js-c-anime-elem.is-animated [data-anime-delay="2.2"] {
  transition-delay: 2.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.2"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.2"]::after {
  transition-delay: 2.2s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.3"], .js-c-anime-elem.is-animated [data-anime-delay="2.3"] {
  transition-delay: 2.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.3"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.3"]::after {
  transition-delay: 2.3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.4"], .js-c-anime-elem.is-animated [data-anime-delay="2.4"] {
  transition-delay: 2.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.4"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.4"]::after {
  transition-delay: 2.4s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.5"], .js-c-anime-elem.is-animated [data-anime-delay="2.5"] {
  transition-delay: 2.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.5"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.5"]::after {
  transition-delay: 2.5s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.6"], .js-c-anime-elem.is-animated [data-anime-delay="2.6"] {
  transition-delay: 2.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.6"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.6"]::after {
  transition-delay: 2.6s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.7"], .js-c-anime-elem.is-animated [data-anime-delay="2.7"] {
  transition-delay: 2.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.7"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.7"]::after {
  transition-delay: 2.7s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.8"], .js-c-anime-elem.is-animated [data-anime-delay="2.8"] {
  transition-delay: 2.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.8"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.8"]::after {
  transition-delay: 2.8s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.9"], .js-c-anime-elem.is-animated [data-anime-delay="2.9"] {
  transition-delay: 2.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="2.9"]::after, .js-c-anime-elem.is-animated [data-anime-delay="2.9"]::after {
  transition-delay: 2.9s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="3"], .js-c-anime-elem.is-animated [data-anime-delay="3"] {
  transition-delay: 3s !important;
}
.js-c-anime-elem.is-animated[data-anime-delay="3"]::after, .js-c-anime-elem.is-animated [data-anime-delay="3"]::after {
  transition-delay: 3s !important;
}
.js-c-switch-tab {
  cursor: pointer;
}
.js-c-switch-content {
  display: none;
}
.js-c-switch-content.is-active {
  display: block;
}
.js-c-toggle-trigger {
  cursor: pointer;
}
.js-c-toggle-content {
  display: none;
}
@keyframes float-anime {
  0% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(20px);
  }
}
@keyframes rotate-anime {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes skew-anime {
  0% {
    transform: skew(-1deg, -2deg);
  }
  50% {
    transform: skew(2deg, 1deg);
  }
  100% {
    transform: skew(-1deg, -2deg);
  }
}
/* .home-about
================================================ */
.home-about {
  position: relative;
  z-index: 1;
}
.home-about__inner {
  padding-top: var(--mh--space--x5l);
}
.home-about__txt {
  line-height: var(--mh--line-height--lg);
}
.home-about__txt + .home-about__txt {
  margin-top: 2em;
}
.home-about-movie {
  margin-top: var(--mh--space--md);
}
.home-about-movie-btn {
  position: relative;
  color: var(--mh--color--grayscale-100);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.home-about-movie-btn__ico {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
}
@media (width >= 768px) {
  .home-about__inner {
    padding-top: 0;
  }
  .home-about__txt {
    text-align: center;
  }
  .home-about-movie-btn__ico {
    width: 104px;
  }
}
/* .home-theme
================================================ */
.home-theme {
  position: relative;
}
.home-theme__bg {
  position: absolute;
  top: -100px;
  bottom: -200px;
  left: 0;
  right: 0;
  pointer-events: none;
}
.home-theme__inner {
  position: relative;
  padding-top: 100px;
}
.home-theme__copy {
  text-align: center;
}
.home-theme__copy-main {
  display: block;
  font-size: var(--mh--font-size--x5l);
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: var(--mh--line-height--sm);
  margin-inline: -20px;
}
.home-theme__copy-sub {
  display: block;
  margin-top: 13px;
  font-size: var(--mh--font-size--x2l);
}
@media (width >= 768px) {
  .home-theme__bg {
    top: -100px;
    bottom: -240px;
  }
  .home-theme__inner {
    padding-top: 140px;
  }
  .home-theme__copy {
    text-align: center;
  }
  .home-theme__copy-main {
    margin-top: 75px;
    font-size: var(--mh--font-size--x10l);
  }
  .home-theme__copy-sub {
    margin-top: 35px;
    font-size: var(--mh--font-size--x5l);
  }
}
/* .home-award
================================================ */
.home-award {
  position: relative;
  z-index: 1;
}
.home-award__inner {
  padding-block: var(--mh--space--x4l) var(--mh--space--x3s);
}
.home-award__head {
  margin-bottom: var(--mh--space--xs);
}
.home-award-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.home-award-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 20px;
  background-color: var(--mh--color--grayscale-100);
}
.home-award-list__item-col {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.home-award-list__item-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.home-award-list__item-price-main {
  display: flex;
  align-items: center;
  gap: 3px;
}
.home-award-list__item-price-num {
  font-size: var(--mh--font-size--x10l);
}
.home-award-list__item-price-unit {
  font-size: var(--mh--font-size--x6l);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
.home-award-list__item-price-plus {
  position: relative;
  width: 15px;
  height: 15px;
}
.home-award-list__item-price-plus::before, .home-award-list__item-price-plus::after {
  content: "";
  position: absolute;
  background-color: currentColor;
}
.home-award-list__item-price-plus::before {
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
}
.home-award-list__item-price-plus::after {
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  transform: translateX(-50%);
}
.home-award-list__item-bonus {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  font-size: var(--mh--font-size--xl);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  text-align: center;
}
.home-award-list__item-bonus-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.home-award-list__item-bonus-num {
  font-weight: var(--mh--font-weight--medium);
  font-size: var(--mh--font-size--x5l);
  line-height: var(--mh--line-height--sm);
  letter-spacing: 0;
}
.home-award-list__item-bonus.is-split {
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.home-award-list__item-desc {
  border-top: 1px dashed var(--mh--color--grayscale-800);
  padding-top: 20px;
  line-height: var(--mh--line-height--lg);
}
.home-award-list__item-badge {
  position: absolute;
  left: -11px;
  top: -27px;
  width: 89px;
  height: 89px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4px;
  border-radius: 500px;
  text-align: center;
  font-size: 14px;
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  color: var(--mh--color--grayscale-100);
}
.home-award-list__item-badge.is-gold {
  background-color: var(--mh--color--secondary-500);
}
.home-award-list__item-badge.is-gray {
  background-color: var(--mh--color--grayscale-800);
}
.home-award-list__item-badge.is-green {
  background-color: var(--mh--color--primary-500);
}
.home-award-list__item-badge-title {
  margin-inline: -1em;
}
@media (width >= 768px) {
  .home-award-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto auto;
    column-gap: 30px;
    row-gap: var(--mh--space--25-30);
  }
  .home-award-list__item {
    display: grid;
    align-content: center;
    gap: 25px;
    padding: 40px;
  }
  .home-award-list__item-col {
    display: grid;
    align-content: start;
    gap: 3px;
  }
  .home-award-list__item-price-unit {
    margin-top: 0.05em;
  }
  .home-award-list__item-desc {
    padding-top: 25px;
  }
  .home-award-list__item-badge {
    left: 50%;
    margin-left: -190px;
    top: -25px;
    width: 113px;
    height: 113px;
    font-size: 17px;
  }
  .home-award-list__item-badge-count-num {
    display: inline-block;
    font-size: 105%;
    transform: translateY(1px);
  }
}
@media (width >= 1480px) {
  .home-award-list__item-badge {
    left: 23px;
    margin-left: 0;
  }
}
.home-award-section {
  padding-top: var(--mh--space--xl);
}
.home-award-section__lead {
  font-size: var(--mh--font-size--xl);
}
.home-award-section__lead::first-letter {
  font-feature-settings: "palt";
}
.home-award-member {
  display: grid;
  row-gap: 50px;
}
.home-award-member__item-img {
  margin-bottom: 20px;
}
.home-award-member__item-name {
  font-size: var(--mh--font-size--x3l);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
}
.home-award-member__item-sub {
  margin-top: 5px;
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  color: var(--mh--color--grayscale-800);
}
.home-award-member__item-desc {
  margin-top: var(--mh--space--10-15);
  font-size: var(--mh--font-size--xs);
  color: var(--mh--color--grayscale-800);
}
.home-award-member__item-comment {
  margin-top: var(--mh--space--15-20);
  padding-top: var(--mh--space--x2s);
  border-top: 1px solid var(--mh--color--grayscale-500);
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--lg);
}
@media (width >= 768px) {
  .home-award-member {
    row-gap: 60px;
  }
  .home-award-member__item {
    display: grid;
    grid-template-columns: 323px 1fr;
    column-gap: 50px;
  }
  .home-award-member__item-img {
    margin-bottom: 0;
  }
  .home-award-member__item-name {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
  }
  .home-award-member__item-sub {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
  }
}
.home-award-schedule {
  background-color: var(--mh--color--surface-200);
  padding: 30px;
  display: grid;
  row-gap: 42px;
}
.home-award-schedule__item {
  position: relative;
  display: flex;
  column-gap: 10px;
}
.home-award-schedule__item::before {
  flex-shrink: 0;
  margin-right: 7px;
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: var(--mh--color--primary-500);
  border: 7px solid var(--mh--color--surface-200_op70);
}
.home-award-schedule__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  bottom: -33px;
  left: 11px;
  border-left: 1px solid var(--mh--color--primary-500);
}
.home-award-schedule__item-main {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.home-award-schedule__item-main-date {
  font-size: var(--mh--font-size--x5l);
  align-self: baseline;
}
.home-award-schedule__item-main-day {
  font-size: var(--mh--font-size--lg);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  font-feature-settings: "palt";
}
.home-award-schedule__item-sub {
  font-size: var(--mh--font-size--xl);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  align-self: baseline;
}
@media (width >= 768px) {
  .home-award-schedule {
    padding: 90px 50px 70px;
    grid-template-columns: repeat(3, 31%);
    justify-content: center;
    text-align: center;
  }
  .home-award-schedule__item {
    display: block;
  }
  .home-award-schedule__item::before {
    margin: 0 auto 30px;
  }
  .home-award-schedule__item:not(:last-child)::after {
    top: 11.5px;
    bottom: unset;
    left: calc(50% + 11.5px + 10px);
    right: calc(-50% + 11.5px + 10px);
    border-top: 1px solid var(--mh--color--primary-500);
    border-left: none;
  }
  .home-award-schedule__item-main-day {
    margin-top: 0.2em;
    margin-left: 0.1em;
  }
  .home-award-schedule__item-sub {
    display: block;
    margin-top: 7px;
  }
}
.home-award-detail {
  margin-top: 30px;
}
.home-award-detail + .home-award-detail {
  margin-top: 55px;
}
.home-award-detail__head {
  display: flex;
  align-items: baseline;
  column-gap: 10px;
  font-size: var(--mh--font-size--x2l);
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  margin-bottom: 25px;
}
.home-award-detail__head-num {
  color: var(--mh--color--primary-500);
}
@media (width >= 768px) {
  .home-award-detail {
    margin-top: 55px;
  }
  .home-award-detail + .home-award-detail {
    margin-top: 95px;
  }
  .home-award-detail__head {
    margin-bottom: 45px;
  }
  .home-award-detail__btn {
    margin-top: 30px;
  }
}
.home-award-steps {
  display: grid;
  row-gap: 35px;
}
.home-award-steps__item {
  position: relative;
  background-color: var(--mh--color--surface-200);
  padding: var(--mh--space--20-30);
}
.home-award-steps__item + .home-award-steps__item::before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 11px 7px 0 7px;
  border-style: solid;
  border-color: var(--mh--color--grayscale-800) transparent transparent transparent;
}
.home-award-steps__item-head {
  display: inline-block;
  padding: 5px 12px;
  margin-bottom: 10px;
  background-color: var(--mh--color--grayscale-100);
  border-radius: 999px;
}
.home-award-steps__item-txt {
  line-height: var(--mh--line-height--lg);
}
.home-award-steps__item-txt + .home-award-steps__item-txt {
  margin-top: 10px;
}
.home-award-steps__item-btn {
  margin-top: 10px;
}
@media (width >= 768px) {
  .home-award-steps {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 55px;
  }
  .home-award-steps__item + .home-award-steps__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -31px;
    transform: translateY(-50%);
    border-width: 7px 0 7px 11px;
    border-style: solid;
    border-color: transparent transparent transparent var(--mh--color--grayscale-800);
  }
}
.home-award-box {
  margin-top: var(--mh--space--30-50);
  padding: var(--mh--space--xs);
  background-color: var(--mh--color--surface-200);
}
.home-award-box__col + .home-award-box__col {
  margin-top: 30px;
}
.home-award-box__txt {
  line-height: var(--mh--line-height--lg);
}
.home-award-dl {
  margin-top: 15px;
  background-color: var(--mh--color--grayscale-100_op70);
  padding: var(--mh--space--20-30);
}
.home-award-dl dt {
  font-weight: var(--mh--font-weight--bold);
  font-family: var(--mh--font-family--bold);
  text-align: center;
}
.home-award-dl hr {
  margin-block: 15px;
  border-color: var(--mh--color--grayscale-500);
}
.home-award-dl ol, .home-award-dl ul {
  font-size: var(--mh--font-size--xs);
}
@media (width < 768px) {
  .home-award-dl dt {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed;
  }
}
@media (width >= 768px) {
  .home-award-dl {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
  .home-award-dl dt {
    border-right: 1px dashed;
    display: grid;
    place-content: center;
    padding-right: 25px;
  }
  .home-award-dl dd {
    padding-left: 30px;
  }
}
.home-award-terms {
  height: 380px;
  background-color: var(--mh--color--surface-200);
}
.home-award-terms__inner {
  padding: var(--mh--space--20-50);
  overflow-y: scroll;
  max-height: 100%;
  font-size: var(--mh--font-size--sm);
}
.home-award-terms__inner p + p:not(.c-note01) {
  margin-top: 2em;
}
.u-hidden {
  display: none !important;
}
.u-inline {
  display: inline !important;
}
.u-inline-block {
  display: inline-block !important;
}
.u-block {
  display: block !important;
}
.u-flex {
  display: flex !important;
}
.u-grid {
  display: grid !important;
}
@media (width < 640px) {
  .u-hidden-sm-down {
    display: none !important;
  }
}
@media (width < 768px) {
  .u-hidden-md-down {
    display: none !important;
  }
}
@media (width < 1220px) {
  .u-hidden-lg-down {
    display: none !important;
  }
}
@media (width < 1480px) {
  .u-hidden-xl-down {
    display: none !important;
  }
}
@media (width >= 640px) {
  .u-hidden-sm-up {
    display: none !important;
  }
}
@media (width >= 768px) {
  .u-hidden-md-up {
    display: none !important;
  }
}
@media (width >= 1220px) {
  .u-hidden-lg-up {
    display: none !important;
  }
}
@media (width >= 1480px) {
  .u-hidden-xl-up {
    display: none !important;
  }
}
/* overflow
-------------------------------------- */
.u-overflow-auto {
  overflow: auto;
}
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-clip {
  overflow: clip;
}
.u-overflow-clip-x {
  overflow-x: clip;
}
.u-overflow-clip-y {
  overflow-y: clip;
}
.u-overflow-visible {
  overflow: visible;
}
/* screen reader
-------------------------------------- */
.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  clip: rect(0, 0, 0, 0);
}
/* text-transform
-------------------------------------- */
.u-uppercase {
  text-transform: uppercase;
}
.u-capitalize {
  text-transform: capitalize;
}
/* text-align
-------------------------------------- */
.u-text-left {
  text-align: left;
}
.u-text-right {
  text-align: right;
}
.u-text-center {
  text-align: center;
}
@media (width < 640px) {
  .u-text-left-sm-down {
    text-align: left;
  }
}
@media (width < 640px) {
  .u-text-right-sm-down {
    text-align: right;
  }
}
@media (width < 640px) {
  .u-text-center-sm-down {
    text-align: center;
  }
}
@media (width < 768px) {
  .u-text-left-md-down {
    text-align: left;
  }
}
@media (width < 768px) {
  .u-text-right-md-down {
    text-align: right;
  }
}
@media (width < 768px) {
  .u-text-center-md-down {
    text-align: center;
  }
}
@media (width < 1220px) {
  .u-text-left-lg-down {
    text-align: left;
  }
}
@media (width < 1220px) {
  .u-text-right-lg-down {
    text-align: right;
  }
}
@media (width < 1220px) {
  .u-text-center-lg-down {
    text-align: center;
  }
}
@media (width < 1480px) {
  .u-text-left-xl-down {
    text-align: left;
  }
}
@media (width < 1480px) {
  .u-text-right-xl-down {
    text-align: right;
  }
}
@media (width < 1480px) {
  .u-text-center-xl-down {
    text-align: center;
  }
}
@media (width >= 640px) {
  .u-text-left-sm-up {
    text-align: left;
  }
}
@media (width >= 640px) {
  .u-text-right-sm-up {
    text-align: right;
  }
}
@media (width >= 640px) {
  .u-text-center-sm-up {
    text-align: center;
  }
}
@media (width >= 768px) {
  .u-text-left-md-up {
    text-align: left;
  }
}
@media (width >= 768px) {
  .u-text-right-md-up {
    text-align: right;
  }
}
@media (width >= 768px) {
  .u-text-center-md-up {
    text-align: center;
  }
}
@media (width >= 1220px) {
  .u-text-left-lg-up {
    text-align: left;
  }
}
@media (width >= 1220px) {
  .u-text-right-lg-up {
    text-align: right;
  }
}
@media (width >= 1220px) {
  .u-text-center-lg-up {
    text-align: center;
  }
}
@media (width >= 1480px) {
  .u-text-left-xl-up {
    text-align: left;
  }
}
@media (width >= 1480px) {
  .u-text-right-xl-up {
    text-align: right;
  }
}
@media (width >= 1480px) {
  .u-text-center-xl-up {
    text-align: center;
  }
}
/* font-size
-------------------------------------- */
.u-text-x3s {
  font-size: var(--mh--font-size--x3s);
}
.u-text-x2s {
  font-size: var(--mh--font-size--x2s);
}
.u-text-xs {
  font-size: var(--mh--font-size--xs);
}
.u-text-sm {
  font-size: var(--mh--font-size--sm);
}
.u-text-md {
  font-size: var(--mh--font-size--md);
}
.u-text-lg {
  font-size: var(--mh--font-size--lg);
}
.u-text-xl {
  font-size: var(--mh--font-size--xl);
}
.u-text-x2l {
  font-size: var(--mh--font-size--x2l);
}
.u-text-x3l {
  font-size: var(--mh--font-size--x3l);
}
.u-text-x4l {
  font-size: var(--mh--font-size--x4l);
}
.u-text-x5l {
  font-size: var(--mh--font-size--x5l);
}
.u-text-x6l {
  font-size: var(--mh--font-size--x6l);
}
.u-text-x7l {
  font-size: var(--mh--font-size--x7l);
}
.u-text-x8l {
  font-size: var(--mh--font-size--x8l);
}
.u-text-x9l {
  font-size: var(--mh--font-size--x9l);
}
.u-text-x10l {
  font-size: var(--mh--font-size--x10l);
}
.u-text-x11l {
  font-size: var(--mh--font-size--x11l);
}
.u-text-x12l {
  font-size: var(--mh--font-size--x12l);
}
/* font-weight
-------------------------------------- */
.u-font-regular {
  font-weight: var(--mh--font-weight--regular);
}
.u-font-medium {
  font-weight: var(--mh--font-weight--medium);
}
.u-font-bold {
  font-weight: var(--mh--font-weight--bold);
}
/* line-height
-------------------------------------- */
.u-leading-none {
  line-height: var(--mh--line-height--none) !important;
}
.u-leading-sm {
  line-height: var(--mh--line-height--sm) !important;
}
.u-leading-md {
  line-height: var(--mh--line-height--md) !important;
}
.u-leading-lg {
  line-height: var(--mh--line-height--lg) !important;
}
/* letter-spacing
-------------------------------------- */
.u-tracking-xs {
  letter-spacing: var(--mh--letter-spacing--xs) !important;
}
.u-tracking-sm {
  letter-spacing: var(--mh--letter-spacing--sm) !important;
}
.u-tracking-md {
  letter-spacing: var(--mh--letter-spacing--md) !important;
}
/* font-family
-------------------------------------- */
.u-font-en {
  font-family: var(--mh--font-family--en);
  font-weight: var(--mh--font-weight--regular);
  line-height: var(--mh--line-height--sm);
  letter-spacing: 0;
}
.u-font-num {
  font-family: var(--mh--font-family--num);
  font-weight: var(--mh--font-weight--medium);
  line-height: var(--mh--line-height--sm);
  letter-spacing: 0;
}
.u-font-num.is-narrow-first-letter::first-letter {
  letter-spacing: -0.05em;
}
/* default font settings
MEMO:ルールが異なれば、line-heightとletter-spacingは別々に設定してもよい
================================================ */
/* position
-------------------------------------- */
.u-relative {
  position: relative;
}
.u-absolute {
  position: absolute !important;
}
/* layout
-------------------------------------- */
.u-inner {
  padding-right: var(--mh--contents--padding--side);
  padding-left: var(--mh--contents--padding--side);
}
@media (width >= 768px) {
  .u-inner {
    width: 100%;
    max-width: var(--mh--contents--width-with-padding);
    margin-right: auto;
    margin-left: auto;
  }
}
.u-wide-inner {
  padding-right: var(--mh--contents--padding--side);
  padding-left: var(--mh--contents--padding--side);
}
@media (width >= 768px) {
  .u-wide-inner {
    width: 100%;
    max-width: var(--mh--contents--wide-width-with-padding);
    margin-right: auto;
    margin-left: auto;
  }
}
.u-wider-inner {
  padding-right: var(--mh--contents--padding--side);
  padding-left: var(--mh--contents--padding--side);
}
@media (width >= 768px) {
  .u-wider-inner {
    width: 100%;
    max-width: var(--mh--contents--wider-width-with-padding);
    margin-right: auto;
    margin-left: auto;
  }
}
.u-item-center {
  display: grid;
  place-items: center;
}
.u-clearfix {
  clear: both;
  display: block;
  height: 0;
  border: none;
}
/* link
-------------------------------------- */
a.u-alpha, button.u-alpha {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a.u-alpha, button.u-alpha {
    transition: opacity var(--mh--duration) var(--mh--easing);
  }
  a.u-alpha:hover, button.u-alpha:hover {
    opacity: 0.7;
  }
}
a.u-zoom {
  display: block;
  text-decoration: none;
}
a.u-zoom .u-zoom__img {
  display: block;
}
a.u-zoom .u-zoom__img-wrap {
  display: block;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  a.u-zoom .u-zoom__img {
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  a.u-zoom:hover .u-zoom__img {
    transform: scale(1.1);
  }
}
a.u-link-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
a[class].u-text-underline {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  a[class].u-text-underline:hover {
    text-decoration: none;
  }
}
a.u-anim-underline {
  display: inline;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  transition: background-size var(--mh--duration) var(--mh--easing);
}
@media (hover: hover) and (pointer: fine) {
  a.u-anim-underline:hover {
    background-position: bottom left;
    background-size: 100% 1px;
  }
}
.u-anim-underline-parent .u-anim-underline {
  display: inline;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  transition: background-size var(--mh--duration) var(--mh--easing);
}
@media (hover: hover) and (pointer: fine) {
  .u-anim-underline-parent:hover .u-anim-underline {
    background-position: bottom left;
    background-size: 100% 1px;
  }
}
.u-media-query {
  font-family: sp;
}
@media (width >= 768px) {
  .u-media-query {
    font-family: tb;
  }
}
@media (width >= 1220px) {
  .u-media-query {
    font-family: pc;
  }
}
/* space height
-------------------------------------- */
.u-space-x5s {
  height: var(--mh--space--x5s);
}
.u-m-x5s {
  margin: var(--mh--space--x5s);
}
.u-my-x5s {
  margin-block: var(--mh--space--x5s);
}
.u-mx-x5s {
  margin-inline: var(--mh--space--x5s);
}
.u-mt-x5s {
  margin-top: var(--mh--space--x5s);
}
.u-mb-x5s {
  margin-bottom: var(--mh--space--x5s);
}
.u-ml-x5s {
  margin-left: var(--mh--space--x5s);
}
.u-mr-x5s {
  margin-right: var(--mh--space--x5s);
}
.u-p-x5s {
  padding: var(--mh--space--x5s);
}
.u-py-x5s {
  padding-block: var(--mh--space--x5s);
}
.u-px-x5s {
  padding-inline: var(--mh--space--x5s);
}
.u-pt-x5s {
  padding-top: var(--mh--space--x5s);
}
.u-pb-x5s {
  padding-bottom: var(--mh--space--x5s);
}
.u-pl-x5s {
  padding-left: var(--mh--space--x5s);
}
.u-pr-x5s {
  padding-right: var(--mh--space--x5s);
}
.u-gap-x5s {
  gap: var(--mh--space--x5s);
}
.u-row-gap-x5s {
  row-gap: var(--mh--space--x5s);
}
.u-column-gap-x5s {
  column-gap: var(--mh--space--x5s);
}
.u-space-x4s {
  height: var(--mh--space--x4s);
}
.u-m-x4s {
  margin: var(--mh--space--x4s);
}
.u-my-x4s {
  margin-block: var(--mh--space--x4s);
}
.u-mx-x4s {
  margin-inline: var(--mh--space--x4s);
}
.u-mt-x4s {
  margin-top: var(--mh--space--x4s);
}
.u-mb-x4s {
  margin-bottom: var(--mh--space--x4s);
}
.u-ml-x4s {
  margin-left: var(--mh--space--x4s);
}
.u-mr-x4s {
  margin-right: var(--mh--space--x4s);
}
.u-p-x4s {
  padding: var(--mh--space--x4s);
}
.u-py-x4s {
  padding-block: var(--mh--space--x4s);
}
.u-px-x4s {
  padding-inline: var(--mh--space--x4s);
}
.u-pt-x4s {
  padding-top: var(--mh--space--x4s);
}
.u-pb-x4s {
  padding-bottom: var(--mh--space--x4s);
}
.u-pl-x4s {
  padding-left: var(--mh--space--x4s);
}
.u-pr-x4s {
  padding-right: var(--mh--space--x4s);
}
.u-gap-x4s {
  gap: var(--mh--space--x4s);
}
.u-row-gap-x4s {
  row-gap: var(--mh--space--x4s);
}
.u-column-gap-x4s {
  column-gap: var(--mh--space--x4s);
}
.u-space-x3s {
  height: var(--mh--space--x3s);
}
.u-m-x3s {
  margin: var(--mh--space--x3s);
}
.u-my-x3s {
  margin-block: var(--mh--space--x3s);
}
.u-mx-x3s {
  margin-inline: var(--mh--space--x3s);
}
.u-mt-x3s {
  margin-top: var(--mh--space--x3s);
}
.u-mb-x3s {
  margin-bottom: var(--mh--space--x3s);
}
.u-ml-x3s {
  margin-left: var(--mh--space--x3s);
}
.u-mr-x3s {
  margin-right: var(--mh--space--x3s);
}
.u-p-x3s {
  padding: var(--mh--space--x3s);
}
.u-py-x3s {
  padding-block: var(--mh--space--x3s);
}
.u-px-x3s {
  padding-inline: var(--mh--space--x3s);
}
.u-pt-x3s {
  padding-top: var(--mh--space--x3s);
}
.u-pb-x3s {
  padding-bottom: var(--mh--space--x3s);
}
.u-pl-x3s {
  padding-left: var(--mh--space--x3s);
}
.u-pr-x3s {
  padding-right: var(--mh--space--x3s);
}
.u-gap-x3s {
  gap: var(--mh--space--x3s);
}
.u-row-gap-x3s {
  row-gap: var(--mh--space--x3s);
}
.u-column-gap-x3s {
  column-gap: var(--mh--space--x3s);
}
.u-space-x2s {
  height: var(--mh--space--x2s);
}
.u-m-x2s {
  margin: var(--mh--space--x2s);
}
.u-my-x2s {
  margin-block: var(--mh--space--x2s);
}
.u-mx-x2s {
  margin-inline: var(--mh--space--x2s);
}
.u-mt-x2s {
  margin-top: var(--mh--space--x2s);
}
.u-mb-x2s {
  margin-bottom: var(--mh--space--x2s);
}
.u-ml-x2s {
  margin-left: var(--mh--space--x2s);
}
.u-mr-x2s {
  margin-right: var(--mh--space--x2s);
}
.u-p-x2s {
  padding: var(--mh--space--x2s);
}
.u-py-x2s {
  padding-block: var(--mh--space--x2s);
}
.u-px-x2s {
  padding-inline: var(--mh--space--x2s);
}
.u-pt-x2s {
  padding-top: var(--mh--space--x2s);
}
.u-pb-x2s {
  padding-bottom: var(--mh--space--x2s);
}
.u-pl-x2s {
  padding-left: var(--mh--space--x2s);
}
.u-pr-x2s {
  padding-right: var(--mh--space--x2s);
}
.u-gap-x2s {
  gap: var(--mh--space--x2s);
}
.u-row-gap-x2s {
  row-gap: var(--mh--space--x2s);
}
.u-column-gap-x2s {
  column-gap: var(--mh--space--x2s);
}
.u-space-xs {
  height: var(--mh--space--xs);
}
.u-m-xs {
  margin: var(--mh--space--xs);
}
.u-my-xs {
  margin-block: var(--mh--space--xs);
}
.u-mx-xs {
  margin-inline: var(--mh--space--xs);
}
.u-mt-xs {
  margin-top: var(--mh--space--xs);
}
.u-mb-xs {
  margin-bottom: var(--mh--space--xs);
}
.u-ml-xs {
  margin-left: var(--mh--space--xs);
}
.u-mr-xs {
  margin-right: var(--mh--space--xs);
}
.u-p-xs {
  padding: var(--mh--space--xs);
}
.u-py-xs {
  padding-block: var(--mh--space--xs);
}
.u-px-xs {
  padding-inline: var(--mh--space--xs);
}
.u-pt-xs {
  padding-top: var(--mh--space--xs);
}
.u-pb-xs {
  padding-bottom: var(--mh--space--xs);
}
.u-pl-xs {
  padding-left: var(--mh--space--xs);
}
.u-pr-xs {
  padding-right: var(--mh--space--xs);
}
.u-gap-xs {
  gap: var(--mh--space--xs);
}
.u-row-gap-xs {
  row-gap: var(--mh--space--xs);
}
.u-column-gap-xs {
  column-gap: var(--mh--space--xs);
}
.u-space-sm {
  height: var(--mh--space--sm);
}
.u-m-sm {
  margin: var(--mh--space--sm);
}
.u-my-sm {
  margin-block: var(--mh--space--sm);
}
.u-mx-sm {
  margin-inline: var(--mh--space--sm);
}
.u-mt-sm {
  margin-top: var(--mh--space--sm);
}
.u-mb-sm {
  margin-bottom: var(--mh--space--sm);
}
.u-ml-sm {
  margin-left: var(--mh--space--sm);
}
.u-mr-sm {
  margin-right: var(--mh--space--sm);
}
.u-p-sm {
  padding: var(--mh--space--sm);
}
.u-py-sm {
  padding-block: var(--mh--space--sm);
}
.u-px-sm {
  padding-inline: var(--mh--space--sm);
}
.u-pt-sm {
  padding-top: var(--mh--space--sm);
}
.u-pb-sm {
  padding-bottom: var(--mh--space--sm);
}
.u-pl-sm {
  padding-left: var(--mh--space--sm);
}
.u-pr-sm {
  padding-right: var(--mh--space--sm);
}
.u-gap-sm {
  gap: var(--mh--space--sm);
}
.u-row-gap-sm {
  row-gap: var(--mh--space--sm);
}
.u-column-gap-sm {
  column-gap: var(--mh--space--sm);
}
.u-space-md {
  height: var(--mh--space--md);
}
.u-m-md {
  margin: var(--mh--space--md);
}
.u-my-md {
  margin-block: var(--mh--space--md);
}
.u-mx-md {
  margin-inline: var(--mh--space--md);
}
.u-mt-md {
  margin-top: var(--mh--space--md);
}
.u-mb-md {
  margin-bottom: var(--mh--space--md);
}
.u-ml-md {
  margin-left: var(--mh--space--md);
}
.u-mr-md {
  margin-right: var(--mh--space--md);
}
.u-p-md {
  padding: var(--mh--space--md);
}
.u-py-md {
  padding-block: var(--mh--space--md);
}
.u-px-md {
  padding-inline: var(--mh--space--md);
}
.u-pt-md {
  padding-top: var(--mh--space--md);
}
.u-pb-md {
  padding-bottom: var(--mh--space--md);
}
.u-pl-md {
  padding-left: var(--mh--space--md);
}
.u-pr-md {
  padding-right: var(--mh--space--md);
}
.u-gap-md {
  gap: var(--mh--space--md);
}
.u-row-gap-md {
  row-gap: var(--mh--space--md);
}
.u-column-gap-md {
  column-gap: var(--mh--space--md);
}
.u-space-lg {
  height: var(--mh--space--lg);
}
.u-m-lg {
  margin: var(--mh--space--lg);
}
.u-my-lg {
  margin-block: var(--mh--space--lg);
}
.u-mx-lg {
  margin-inline: var(--mh--space--lg);
}
.u-mt-lg {
  margin-top: var(--mh--space--lg);
}
.u-mb-lg {
  margin-bottom: var(--mh--space--lg);
}
.u-ml-lg {
  margin-left: var(--mh--space--lg);
}
.u-mr-lg {
  margin-right: var(--mh--space--lg);
}
.u-p-lg {
  padding: var(--mh--space--lg);
}
.u-py-lg {
  padding-block: var(--mh--space--lg);
}
.u-px-lg {
  padding-inline: var(--mh--space--lg);
}
.u-pt-lg {
  padding-top: var(--mh--space--lg);
}
.u-pb-lg {
  padding-bottom: var(--mh--space--lg);
}
.u-pl-lg {
  padding-left: var(--mh--space--lg);
}
.u-pr-lg {
  padding-right: var(--mh--space--lg);
}
.u-gap-lg {
  gap: var(--mh--space--lg);
}
.u-row-gap-lg {
  row-gap: var(--mh--space--lg);
}
.u-column-gap-lg {
  column-gap: var(--mh--space--lg);
}
.u-space-xl {
  height: var(--mh--space--xl);
}
.u-m-xl {
  margin: var(--mh--space--xl);
}
.u-my-xl {
  margin-block: var(--mh--space--xl);
}
.u-mx-xl {
  margin-inline: var(--mh--space--xl);
}
.u-mt-xl {
  margin-top: var(--mh--space--xl);
}
.u-mb-xl {
  margin-bottom: var(--mh--space--xl);
}
.u-ml-xl {
  margin-left: var(--mh--space--xl);
}
.u-mr-xl {
  margin-right: var(--mh--space--xl);
}
.u-p-xl {
  padding: var(--mh--space--xl);
}
.u-py-xl {
  padding-block: var(--mh--space--xl);
}
.u-px-xl {
  padding-inline: var(--mh--space--xl);
}
.u-pt-xl {
  padding-top: var(--mh--space--xl);
}
.u-pb-xl {
  padding-bottom: var(--mh--space--xl);
}
.u-pl-xl {
  padding-left: var(--mh--space--xl);
}
.u-pr-xl {
  padding-right: var(--mh--space--xl);
}
.u-gap-xl {
  gap: var(--mh--space--xl);
}
.u-row-gap-xl {
  row-gap: var(--mh--space--xl);
}
.u-column-gap-xl {
  column-gap: var(--mh--space--xl);
}
.u-space-x2l {
  height: var(--mh--space--x2l);
}
.u-m-x2l {
  margin: var(--mh--space--x2l);
}
.u-my-x2l {
  margin-block: var(--mh--space--x2l);
}
.u-mx-x2l {
  margin-inline: var(--mh--space--x2l);
}
.u-mt-x2l {
  margin-top: var(--mh--space--x2l);
}
.u-mb-x2l {
  margin-bottom: var(--mh--space--x2l);
}
.u-ml-x2l {
  margin-left: var(--mh--space--x2l);
}
.u-mr-x2l {
  margin-right: var(--mh--space--x2l);
}
.u-p-x2l {
  padding: var(--mh--space--x2l);
}
.u-py-x2l {
  padding-block: var(--mh--space--x2l);
}
.u-px-x2l {
  padding-inline: var(--mh--space--x2l);
}
.u-pt-x2l {
  padding-top: var(--mh--space--x2l);
}
.u-pb-x2l {
  padding-bottom: var(--mh--space--x2l);
}
.u-pl-x2l {
  padding-left: var(--mh--space--x2l);
}
.u-pr-x2l {
  padding-right: var(--mh--space--x2l);
}
.u-gap-x2l {
  gap: var(--mh--space--x2l);
}
.u-row-gap-x2l {
  row-gap: var(--mh--space--x2l);
}
.u-column-gap-x2l {
  column-gap: var(--mh--space--x2l);
}
.u-space-x3l {
  height: var(--mh--space--x3l);
}
.u-m-x3l {
  margin: var(--mh--space--x3l);
}
.u-my-x3l {
  margin-block: var(--mh--space--x3l);
}
.u-mx-x3l {
  margin-inline: var(--mh--space--x3l);
}
.u-mt-x3l {
  margin-top: var(--mh--space--x3l);
}
.u-mb-x3l {
  margin-bottom: var(--mh--space--x3l);
}
.u-ml-x3l {
  margin-left: var(--mh--space--x3l);
}
.u-mr-x3l {
  margin-right: var(--mh--space--x3l);
}
.u-p-x3l {
  padding: var(--mh--space--x3l);
}
.u-py-x3l {
  padding-block: var(--mh--space--x3l);
}
.u-px-x3l {
  padding-inline: var(--mh--space--x3l);
}
.u-pt-x3l {
  padding-top: var(--mh--space--x3l);
}
.u-pb-x3l {
  padding-bottom: var(--mh--space--x3l);
}
.u-pl-x3l {
  padding-left: var(--mh--space--x3l);
}
.u-pr-x3l {
  padding-right: var(--mh--space--x3l);
}
.u-gap-x3l {
  gap: var(--mh--space--x3l);
}
.u-row-gap-x3l {
  row-gap: var(--mh--space--x3l);
}
.u-column-gap-x3l {
  column-gap: var(--mh--space--x3l);
}
.u-space-x4l {
  height: var(--mh--space--x4l);
}
.u-m-x4l {
  margin: var(--mh--space--x4l);
}
.u-my-x4l {
  margin-block: var(--mh--space--x4l);
}
.u-mx-x4l {
  margin-inline: var(--mh--space--x4l);
}
.u-mt-x4l {
  margin-top: var(--mh--space--x4l);
}
.u-mb-x4l {
  margin-bottom: var(--mh--space--x4l);
}
.u-ml-x4l {
  margin-left: var(--mh--space--x4l);
}
.u-mr-x4l {
  margin-right: var(--mh--space--x4l);
}
.u-p-x4l {
  padding: var(--mh--space--x4l);
}
.u-py-x4l {
  padding-block: var(--mh--space--x4l);
}
.u-px-x4l {
  padding-inline: var(--mh--space--x4l);
}
.u-pt-x4l {
  padding-top: var(--mh--space--x4l);
}
.u-pb-x4l {
  padding-bottom: var(--mh--space--x4l);
}
.u-pl-x4l {
  padding-left: var(--mh--space--x4l);
}
.u-pr-x4l {
  padding-right: var(--mh--space--x4l);
}
.u-gap-x4l {
  gap: var(--mh--space--x4l);
}
.u-row-gap-x4l {
  row-gap: var(--mh--space--x4l);
}
.u-column-gap-x4l {
  column-gap: var(--mh--space--x4l);
}
.u-space-x5l {
  height: var(--mh--space--x5l);
}
.u-m-x5l {
  margin: var(--mh--space--x5l);
}
.u-my-x5l {
  margin-block: var(--mh--space--x5l);
}
.u-mx-x5l {
  margin-inline: var(--mh--space--x5l);
}
.u-mt-x5l {
  margin-top: var(--mh--space--x5l);
}
.u-mb-x5l {
  margin-bottom: var(--mh--space--x5l);
}
.u-ml-x5l {
  margin-left: var(--mh--space--x5l);
}
.u-mr-x5l {
  margin-right: var(--mh--space--x5l);
}
.u-p-x5l {
  padding: var(--mh--space--x5l);
}
.u-py-x5l {
  padding-block: var(--mh--space--x5l);
}
.u-px-x5l {
  padding-inline: var(--mh--space--x5l);
}
.u-pt-x5l {
  padding-top: var(--mh--space--x5l);
}
.u-pb-x5l {
  padding-bottom: var(--mh--space--x5l);
}
.u-pl-x5l {
  padding-left: var(--mh--space--x5l);
}
.u-pr-x5l {
  padding-right: var(--mh--space--x5l);
}
.u-gap-x5l {
  gap: var(--mh--space--x5l);
}
.u-row-gap-x5l {
  row-gap: var(--mh--space--x5l);
}
.u-column-gap-x5l {
  column-gap: var(--mh--space--x5l);
}
.u-space-10-10 {
  height: var(--mh--space--10-10);
}
.u-m-10-10 {
  margin: var(--mh--space--10-10);
}
.u-my-10-10 {
  margin-block: var(--mh--space--10-10);
}
.u-mx-10-10 {
  margin-inline: var(--mh--space--10-10);
}
.u-mt-10-10 {
  margin-top: var(--mh--space--10-10);
}
.u-mb-10-10 {
  margin-bottom: var(--mh--space--10-10);
}
.u-ml-10-10 {
  margin-left: var(--mh--space--10-10);
}
.u-mr-10-10 {
  margin-right: var(--mh--space--10-10);
}
.u-p-10-10 {
  padding: var(--mh--space--10-10);
}
.u-py-10-10 {
  padding-block: var(--mh--space--10-10);
}
.u-px-10-10 {
  padding-inline: var(--mh--space--10-10);
}
.u-pt-10-10 {
  padding-top: var(--mh--space--10-10);
}
.u-pb-10-10 {
  padding-bottom: var(--mh--space--10-10);
}
.u-pl-10-10 {
  padding-left: var(--mh--space--10-10);
}
.u-pr-10-10 {
  padding-right: var(--mh--space--10-10);
}
.u-gap-10-10 {
  gap: var(--mh--space--10-10);
}
.u-row-gap-10-10 {
  row-gap: var(--mh--space--10-10);
}
.u-column-gap-10-10 {
  column-gap: var(--mh--space--10-10);
}
.u-space-10-15 {
  height: var(--mh--space--10-15);
}
.u-m-10-15 {
  margin: var(--mh--space--10-15);
}
.u-my-10-15 {
  margin-block: var(--mh--space--10-15);
}
.u-mx-10-15 {
  margin-inline: var(--mh--space--10-15);
}
.u-mt-10-15 {
  margin-top: var(--mh--space--10-15);
}
.u-mb-10-15 {
  margin-bottom: var(--mh--space--10-15);
}
.u-ml-10-15 {
  margin-left: var(--mh--space--10-15);
}
.u-mr-10-15 {
  margin-right: var(--mh--space--10-15);
}
.u-p-10-15 {
  padding: var(--mh--space--10-15);
}
.u-py-10-15 {
  padding-block: var(--mh--space--10-15);
}
.u-px-10-15 {
  padding-inline: var(--mh--space--10-15);
}
.u-pt-10-15 {
  padding-top: var(--mh--space--10-15);
}
.u-pb-10-15 {
  padding-bottom: var(--mh--space--10-15);
}
.u-pl-10-15 {
  padding-left: var(--mh--space--10-15);
}
.u-pr-10-15 {
  padding-right: var(--mh--space--10-15);
}
.u-gap-10-15 {
  gap: var(--mh--space--10-15);
}
.u-row-gap-10-15 {
  row-gap: var(--mh--space--10-15);
}
.u-column-gap-10-15 {
  column-gap: var(--mh--space--10-15);
}
.u-space-10-30 {
  height: var(--mh--space--10-30);
}
.u-m-10-30 {
  margin: var(--mh--space--10-30);
}
.u-my-10-30 {
  margin-block: var(--mh--space--10-30);
}
.u-mx-10-30 {
  margin-inline: var(--mh--space--10-30);
}
.u-mt-10-30 {
  margin-top: var(--mh--space--10-30);
}
.u-mb-10-30 {
  margin-bottom: var(--mh--space--10-30);
}
.u-ml-10-30 {
  margin-left: var(--mh--space--10-30);
}
.u-mr-10-30 {
  margin-right: var(--mh--space--10-30);
}
.u-p-10-30 {
  padding: var(--mh--space--10-30);
}
.u-py-10-30 {
  padding-block: var(--mh--space--10-30);
}
.u-px-10-30 {
  padding-inline: var(--mh--space--10-30);
}
.u-pt-10-30 {
  padding-top: var(--mh--space--10-30);
}
.u-pb-10-30 {
  padding-bottom: var(--mh--space--10-30);
}
.u-pl-10-30 {
  padding-left: var(--mh--space--10-30);
}
.u-pr-10-30 {
  padding-right: var(--mh--space--10-30);
}
.u-gap-10-30 {
  gap: var(--mh--space--10-30);
}
.u-row-gap-10-30 {
  row-gap: var(--mh--space--10-30);
}
.u-column-gap-10-30 {
  column-gap: var(--mh--space--10-30);
}
.u-space-10-40 {
  height: var(--mh--space--10-40);
}
.u-m-10-40 {
  margin: var(--mh--space--10-40);
}
.u-my-10-40 {
  margin-block: var(--mh--space--10-40);
}
.u-mx-10-40 {
  margin-inline: var(--mh--space--10-40);
}
.u-mt-10-40 {
  margin-top: var(--mh--space--10-40);
}
.u-mb-10-40 {
  margin-bottom: var(--mh--space--10-40);
}
.u-ml-10-40 {
  margin-left: var(--mh--space--10-40);
}
.u-mr-10-40 {
  margin-right: var(--mh--space--10-40);
}
.u-p-10-40 {
  padding: var(--mh--space--10-40);
}
.u-py-10-40 {
  padding-block: var(--mh--space--10-40);
}
.u-px-10-40 {
  padding-inline: var(--mh--space--10-40);
}
.u-pt-10-40 {
  padding-top: var(--mh--space--10-40);
}
.u-pb-10-40 {
  padding-bottom: var(--mh--space--10-40);
}
.u-pl-10-40 {
  padding-left: var(--mh--space--10-40);
}
.u-pr-10-40 {
  padding-right: var(--mh--space--10-40);
}
.u-gap-10-40 {
  gap: var(--mh--space--10-40);
}
.u-row-gap-10-40 {
  row-gap: var(--mh--space--10-40);
}
.u-column-gap-10-40 {
  column-gap: var(--mh--space--10-40);
}
.u-space-10-60 {
  height: var(--mh--space--10-60);
}
.u-m-10-60 {
  margin: var(--mh--space--10-60);
}
.u-my-10-60 {
  margin-block: var(--mh--space--10-60);
}
.u-mx-10-60 {
  margin-inline: var(--mh--space--10-60);
}
.u-mt-10-60 {
  margin-top: var(--mh--space--10-60);
}
.u-mb-10-60 {
  margin-bottom: var(--mh--space--10-60);
}
.u-ml-10-60 {
  margin-left: var(--mh--space--10-60);
}
.u-mr-10-60 {
  margin-right: var(--mh--space--10-60);
}
.u-p-10-60 {
  padding: var(--mh--space--10-60);
}
.u-py-10-60 {
  padding-block: var(--mh--space--10-60);
}
.u-px-10-60 {
  padding-inline: var(--mh--space--10-60);
}
.u-pt-10-60 {
  padding-top: var(--mh--space--10-60);
}
.u-pb-10-60 {
  padding-bottom: var(--mh--space--10-60);
}
.u-pl-10-60 {
  padding-left: var(--mh--space--10-60);
}
.u-pr-10-60 {
  padding-right: var(--mh--space--10-60);
}
.u-gap-10-60 {
  gap: var(--mh--space--10-60);
}
.u-row-gap-10-60 {
  row-gap: var(--mh--space--10-60);
}
.u-column-gap-10-60 {
  column-gap: var(--mh--space--10-60);
}
.u-space-15-15 {
  height: var(--mh--space--15-15);
}
.u-m-15-15 {
  margin: var(--mh--space--15-15);
}
.u-my-15-15 {
  margin-block: var(--mh--space--15-15);
}
.u-mx-15-15 {
  margin-inline: var(--mh--space--15-15);
}
.u-mt-15-15 {
  margin-top: var(--mh--space--15-15);
}
.u-mb-15-15 {
  margin-bottom: var(--mh--space--15-15);
}
.u-ml-15-15 {
  margin-left: var(--mh--space--15-15);
}
.u-mr-15-15 {
  margin-right: var(--mh--space--15-15);
}
.u-p-15-15 {
  padding: var(--mh--space--15-15);
}
.u-py-15-15 {
  padding-block: var(--mh--space--15-15);
}
.u-px-15-15 {
  padding-inline: var(--mh--space--15-15);
}
.u-pt-15-15 {
  padding-top: var(--mh--space--15-15);
}
.u-pb-15-15 {
  padding-bottom: var(--mh--space--15-15);
}
.u-pl-15-15 {
  padding-left: var(--mh--space--15-15);
}
.u-pr-15-15 {
  padding-right: var(--mh--space--15-15);
}
.u-gap-15-15 {
  gap: var(--mh--space--15-15);
}
.u-row-gap-15-15 {
  row-gap: var(--mh--space--15-15);
}
.u-column-gap-15-15 {
  column-gap: var(--mh--space--15-15);
}
.u-space-15-20 {
  height: var(--mh--space--15-20);
}
.u-m-15-20 {
  margin: var(--mh--space--15-20);
}
.u-my-15-20 {
  margin-block: var(--mh--space--15-20);
}
.u-mx-15-20 {
  margin-inline: var(--mh--space--15-20);
}
.u-mt-15-20 {
  margin-top: var(--mh--space--15-20);
}
.u-mb-15-20 {
  margin-bottom: var(--mh--space--15-20);
}
.u-ml-15-20 {
  margin-left: var(--mh--space--15-20);
}
.u-mr-15-20 {
  margin-right: var(--mh--space--15-20);
}
.u-p-15-20 {
  padding: var(--mh--space--15-20);
}
.u-py-15-20 {
  padding-block: var(--mh--space--15-20);
}
.u-px-15-20 {
  padding-inline: var(--mh--space--15-20);
}
.u-pt-15-20 {
  padding-top: var(--mh--space--15-20);
}
.u-pb-15-20 {
  padding-bottom: var(--mh--space--15-20);
}
.u-pl-15-20 {
  padding-left: var(--mh--space--15-20);
}
.u-pr-15-20 {
  padding-right: var(--mh--space--15-20);
}
.u-gap-15-20 {
  gap: var(--mh--space--15-20);
}
.u-row-gap-15-20 {
  row-gap: var(--mh--space--15-20);
}
.u-column-gap-15-20 {
  column-gap: var(--mh--space--15-20);
}
.u-space-20-120 {
  height: var(--mh--space--20-120);
}
.u-m-20-120 {
  margin: var(--mh--space--20-120);
}
.u-my-20-120 {
  margin-block: var(--mh--space--20-120);
}
.u-mx-20-120 {
  margin-inline: var(--mh--space--20-120);
}
.u-mt-20-120 {
  margin-top: var(--mh--space--20-120);
}
.u-mb-20-120 {
  margin-bottom: var(--mh--space--20-120);
}
.u-ml-20-120 {
  margin-left: var(--mh--space--20-120);
}
.u-mr-20-120 {
  margin-right: var(--mh--space--20-120);
}
.u-p-20-120 {
  padding: var(--mh--space--20-120);
}
.u-py-20-120 {
  padding-block: var(--mh--space--20-120);
}
.u-px-20-120 {
  padding-inline: var(--mh--space--20-120);
}
.u-pt-20-120 {
  padding-top: var(--mh--space--20-120);
}
.u-pb-20-120 {
  padding-bottom: var(--mh--space--20-120);
}
.u-pl-20-120 {
  padding-left: var(--mh--space--20-120);
}
.u-pr-20-120 {
  padding-right: var(--mh--space--20-120);
}
.u-gap-20-120 {
  gap: var(--mh--space--20-120);
}
.u-row-gap-20-120 {
  row-gap: var(--mh--space--20-120);
}
.u-column-gap-20-120 {
  column-gap: var(--mh--space--20-120);
}
.u-space-20-15 {
  height: var(--mh--space--20-15);
}
.u-m-20-15 {
  margin: var(--mh--space--20-15);
}
.u-my-20-15 {
  margin-block: var(--mh--space--20-15);
}
.u-mx-20-15 {
  margin-inline: var(--mh--space--20-15);
}
.u-mt-20-15 {
  margin-top: var(--mh--space--20-15);
}
.u-mb-20-15 {
  margin-bottom: var(--mh--space--20-15);
}
.u-ml-20-15 {
  margin-left: var(--mh--space--20-15);
}
.u-mr-20-15 {
  margin-right: var(--mh--space--20-15);
}
.u-p-20-15 {
  padding: var(--mh--space--20-15);
}
.u-py-20-15 {
  padding-block: var(--mh--space--20-15);
}
.u-px-20-15 {
  padding-inline: var(--mh--space--20-15);
}
.u-pt-20-15 {
  padding-top: var(--mh--space--20-15);
}
.u-pb-20-15 {
  padding-bottom: var(--mh--space--20-15);
}
.u-pl-20-15 {
  padding-left: var(--mh--space--20-15);
}
.u-pr-20-15 {
  padding-right: var(--mh--space--20-15);
}
.u-gap-20-15 {
  gap: var(--mh--space--20-15);
}
.u-row-gap-20-15 {
  row-gap: var(--mh--space--20-15);
}
.u-column-gap-20-15 {
  column-gap: var(--mh--space--20-15);
}
.u-space-20-20 {
  height: var(--mh--space--20-20);
}
.u-m-20-20 {
  margin: var(--mh--space--20-20);
}
.u-my-20-20 {
  margin-block: var(--mh--space--20-20);
}
.u-mx-20-20 {
  margin-inline: var(--mh--space--20-20);
}
.u-mt-20-20 {
  margin-top: var(--mh--space--20-20);
}
.u-mb-20-20 {
  margin-bottom: var(--mh--space--20-20);
}
.u-ml-20-20 {
  margin-left: var(--mh--space--20-20);
}
.u-mr-20-20 {
  margin-right: var(--mh--space--20-20);
}
.u-p-20-20 {
  padding: var(--mh--space--20-20);
}
.u-py-20-20 {
  padding-block: var(--mh--space--20-20);
}
.u-px-20-20 {
  padding-inline: var(--mh--space--20-20);
}
.u-pt-20-20 {
  padding-top: var(--mh--space--20-20);
}
.u-pb-20-20 {
  padding-bottom: var(--mh--space--20-20);
}
.u-pl-20-20 {
  padding-left: var(--mh--space--20-20);
}
.u-pr-20-20 {
  padding-right: var(--mh--space--20-20);
}
.u-gap-20-20 {
  gap: var(--mh--space--20-20);
}
.u-row-gap-20-20 {
  row-gap: var(--mh--space--20-20);
}
.u-column-gap-20-20 {
  column-gap: var(--mh--space--20-20);
}
.u-space-20-30 {
  height: var(--mh--space--20-30);
}
.u-m-20-30 {
  margin: var(--mh--space--20-30);
}
.u-my-20-30 {
  margin-block: var(--mh--space--20-30);
}
.u-mx-20-30 {
  margin-inline: var(--mh--space--20-30);
}
.u-mt-20-30 {
  margin-top: var(--mh--space--20-30);
}
.u-mb-20-30 {
  margin-bottom: var(--mh--space--20-30);
}
.u-ml-20-30 {
  margin-left: var(--mh--space--20-30);
}
.u-mr-20-30 {
  margin-right: var(--mh--space--20-30);
}
.u-p-20-30 {
  padding: var(--mh--space--20-30);
}
.u-py-20-30 {
  padding-block: var(--mh--space--20-30);
}
.u-px-20-30 {
  padding-inline: var(--mh--space--20-30);
}
.u-pt-20-30 {
  padding-top: var(--mh--space--20-30);
}
.u-pb-20-30 {
  padding-bottom: var(--mh--space--20-30);
}
.u-pl-20-30 {
  padding-left: var(--mh--space--20-30);
}
.u-pr-20-30 {
  padding-right: var(--mh--space--20-30);
}
.u-gap-20-30 {
  gap: var(--mh--space--20-30);
}
.u-row-gap-20-30 {
  row-gap: var(--mh--space--20-30);
}
.u-column-gap-20-30 {
  column-gap: var(--mh--space--20-30);
}
.u-space-20-50 {
  height: var(--mh--space--20-50);
}
.u-m-20-50 {
  margin: var(--mh--space--20-50);
}
.u-my-20-50 {
  margin-block: var(--mh--space--20-50);
}
.u-mx-20-50 {
  margin-inline: var(--mh--space--20-50);
}
.u-mt-20-50 {
  margin-top: var(--mh--space--20-50);
}
.u-mb-20-50 {
  margin-bottom: var(--mh--space--20-50);
}
.u-ml-20-50 {
  margin-left: var(--mh--space--20-50);
}
.u-mr-20-50 {
  margin-right: var(--mh--space--20-50);
}
.u-p-20-50 {
  padding: var(--mh--space--20-50);
}
.u-py-20-50 {
  padding-block: var(--mh--space--20-50);
}
.u-px-20-50 {
  padding-inline: var(--mh--space--20-50);
}
.u-pt-20-50 {
  padding-top: var(--mh--space--20-50);
}
.u-pb-20-50 {
  padding-bottom: var(--mh--space--20-50);
}
.u-pl-20-50 {
  padding-left: var(--mh--space--20-50);
}
.u-pr-20-50 {
  padding-right: var(--mh--space--20-50);
}
.u-gap-20-50 {
  gap: var(--mh--space--20-50);
}
.u-row-gap-20-50 {
  row-gap: var(--mh--space--20-50);
}
.u-column-gap-20-50 {
  column-gap: var(--mh--space--20-50);
}
.u-space-20-60 {
  height: var(--mh--space--20-60);
}
.u-m-20-60 {
  margin: var(--mh--space--20-60);
}
.u-my-20-60 {
  margin-block: var(--mh--space--20-60);
}
.u-mx-20-60 {
  margin-inline: var(--mh--space--20-60);
}
.u-mt-20-60 {
  margin-top: var(--mh--space--20-60);
}
.u-mb-20-60 {
  margin-bottom: var(--mh--space--20-60);
}
.u-ml-20-60 {
  margin-left: var(--mh--space--20-60);
}
.u-mr-20-60 {
  margin-right: var(--mh--space--20-60);
}
.u-p-20-60 {
  padding: var(--mh--space--20-60);
}
.u-py-20-60 {
  padding-block: var(--mh--space--20-60);
}
.u-px-20-60 {
  padding-inline: var(--mh--space--20-60);
}
.u-pt-20-60 {
  padding-top: var(--mh--space--20-60);
}
.u-pb-20-60 {
  padding-bottom: var(--mh--space--20-60);
}
.u-pl-20-60 {
  padding-left: var(--mh--space--20-60);
}
.u-pr-20-60 {
  padding-right: var(--mh--space--20-60);
}
.u-gap-20-60 {
  gap: var(--mh--space--20-60);
}
.u-row-gap-20-60 {
  row-gap: var(--mh--space--20-60);
}
.u-column-gap-20-60 {
  column-gap: var(--mh--space--20-60);
}
.u-space-20-80 {
  height: var(--mh--space--20-80);
}
.u-m-20-80 {
  margin: var(--mh--space--20-80);
}
.u-my-20-80 {
  margin-block: var(--mh--space--20-80);
}
.u-mx-20-80 {
  margin-inline: var(--mh--space--20-80);
}
.u-mt-20-80 {
  margin-top: var(--mh--space--20-80);
}
.u-mb-20-80 {
  margin-bottom: var(--mh--space--20-80);
}
.u-ml-20-80 {
  margin-left: var(--mh--space--20-80);
}
.u-mr-20-80 {
  margin-right: var(--mh--space--20-80);
}
.u-p-20-80 {
  padding: var(--mh--space--20-80);
}
.u-py-20-80 {
  padding-block: var(--mh--space--20-80);
}
.u-px-20-80 {
  padding-inline: var(--mh--space--20-80);
}
.u-pt-20-80 {
  padding-top: var(--mh--space--20-80);
}
.u-pb-20-80 {
  padding-bottom: var(--mh--space--20-80);
}
.u-pl-20-80 {
  padding-left: var(--mh--space--20-80);
}
.u-pr-20-80 {
  padding-right: var(--mh--space--20-80);
}
.u-gap-20-80 {
  gap: var(--mh--space--20-80);
}
.u-row-gap-20-80 {
  row-gap: var(--mh--space--20-80);
}
.u-column-gap-20-80 {
  column-gap: var(--mh--space--20-80);
}
.u-space-25-25 {
  height: var(--mh--space--25-25);
}
.u-m-25-25 {
  margin: var(--mh--space--25-25);
}
.u-my-25-25 {
  margin-block: var(--mh--space--25-25);
}
.u-mx-25-25 {
  margin-inline: var(--mh--space--25-25);
}
.u-mt-25-25 {
  margin-top: var(--mh--space--25-25);
}
.u-mb-25-25 {
  margin-bottom: var(--mh--space--25-25);
}
.u-ml-25-25 {
  margin-left: var(--mh--space--25-25);
}
.u-mr-25-25 {
  margin-right: var(--mh--space--25-25);
}
.u-p-25-25 {
  padding: var(--mh--space--25-25);
}
.u-py-25-25 {
  padding-block: var(--mh--space--25-25);
}
.u-px-25-25 {
  padding-inline: var(--mh--space--25-25);
}
.u-pt-25-25 {
  padding-top: var(--mh--space--25-25);
}
.u-pb-25-25 {
  padding-bottom: var(--mh--space--25-25);
}
.u-pl-25-25 {
  padding-left: var(--mh--space--25-25);
}
.u-pr-25-25 {
  padding-right: var(--mh--space--25-25);
}
.u-gap-25-25 {
  gap: var(--mh--space--25-25);
}
.u-row-gap-25-25 {
  row-gap: var(--mh--space--25-25);
}
.u-column-gap-25-25 {
  column-gap: var(--mh--space--25-25);
}
.u-space-25-30 {
  height: var(--mh--space--25-30);
}
.u-m-25-30 {
  margin: var(--mh--space--25-30);
}
.u-my-25-30 {
  margin-block: var(--mh--space--25-30);
}
.u-mx-25-30 {
  margin-inline: var(--mh--space--25-30);
}
.u-mt-25-30 {
  margin-top: var(--mh--space--25-30);
}
.u-mb-25-30 {
  margin-bottom: var(--mh--space--25-30);
}
.u-ml-25-30 {
  margin-left: var(--mh--space--25-30);
}
.u-mr-25-30 {
  margin-right: var(--mh--space--25-30);
}
.u-p-25-30 {
  padding: var(--mh--space--25-30);
}
.u-py-25-30 {
  padding-block: var(--mh--space--25-30);
}
.u-px-25-30 {
  padding-inline: var(--mh--space--25-30);
}
.u-pt-25-30 {
  padding-top: var(--mh--space--25-30);
}
.u-pb-25-30 {
  padding-bottom: var(--mh--space--25-30);
}
.u-pl-25-30 {
  padding-left: var(--mh--space--25-30);
}
.u-pr-25-30 {
  padding-right: var(--mh--space--25-30);
}
.u-gap-25-30 {
  gap: var(--mh--space--25-30);
}
.u-row-gap-25-30 {
  row-gap: var(--mh--space--25-30);
}
.u-column-gap-25-30 {
  column-gap: var(--mh--space--25-30);
}
.u-space-25-60 {
  height: var(--mh--space--25-60);
}
.u-m-25-60 {
  margin: var(--mh--space--25-60);
}
.u-my-25-60 {
  margin-block: var(--mh--space--25-60);
}
.u-mx-25-60 {
  margin-inline: var(--mh--space--25-60);
}
.u-mt-25-60 {
  margin-top: var(--mh--space--25-60);
}
.u-mb-25-60 {
  margin-bottom: var(--mh--space--25-60);
}
.u-ml-25-60 {
  margin-left: var(--mh--space--25-60);
}
.u-mr-25-60 {
  margin-right: var(--mh--space--25-60);
}
.u-p-25-60 {
  padding: var(--mh--space--25-60);
}
.u-py-25-60 {
  padding-block: var(--mh--space--25-60);
}
.u-px-25-60 {
  padding-inline: var(--mh--space--25-60);
}
.u-pt-25-60 {
  padding-top: var(--mh--space--25-60);
}
.u-pb-25-60 {
  padding-bottom: var(--mh--space--25-60);
}
.u-pl-25-60 {
  padding-left: var(--mh--space--25-60);
}
.u-pr-25-60 {
  padding-right: var(--mh--space--25-60);
}
.u-gap-25-60 {
  gap: var(--mh--space--25-60);
}
.u-row-gap-25-60 {
  row-gap: var(--mh--space--25-60);
}
.u-column-gap-25-60 {
  column-gap: var(--mh--space--25-60);
}
.u-space-25-70 {
  height: var(--mh--space--25-70);
}
.u-m-25-70 {
  margin: var(--mh--space--25-70);
}
.u-my-25-70 {
  margin-block: var(--mh--space--25-70);
}
.u-mx-25-70 {
  margin-inline: var(--mh--space--25-70);
}
.u-mt-25-70 {
  margin-top: var(--mh--space--25-70);
}
.u-mb-25-70 {
  margin-bottom: var(--mh--space--25-70);
}
.u-ml-25-70 {
  margin-left: var(--mh--space--25-70);
}
.u-mr-25-70 {
  margin-right: var(--mh--space--25-70);
}
.u-p-25-70 {
  padding: var(--mh--space--25-70);
}
.u-py-25-70 {
  padding-block: var(--mh--space--25-70);
}
.u-px-25-70 {
  padding-inline: var(--mh--space--25-70);
}
.u-pt-25-70 {
  padding-top: var(--mh--space--25-70);
}
.u-pb-25-70 {
  padding-bottom: var(--mh--space--25-70);
}
.u-pl-25-70 {
  padding-left: var(--mh--space--25-70);
}
.u-pr-25-70 {
  padding-right: var(--mh--space--25-70);
}
.u-gap-25-70 {
  gap: var(--mh--space--25-70);
}
.u-row-gap-25-70 {
  row-gap: var(--mh--space--25-70);
}
.u-column-gap-25-70 {
  column-gap: var(--mh--space--25-70);
}
.u-space-25-80 {
  height: var(--mh--space--25-80);
}
.u-m-25-80 {
  margin: var(--mh--space--25-80);
}
.u-my-25-80 {
  margin-block: var(--mh--space--25-80);
}
.u-mx-25-80 {
  margin-inline: var(--mh--space--25-80);
}
.u-mt-25-80 {
  margin-top: var(--mh--space--25-80);
}
.u-mb-25-80 {
  margin-bottom: var(--mh--space--25-80);
}
.u-ml-25-80 {
  margin-left: var(--mh--space--25-80);
}
.u-mr-25-80 {
  margin-right: var(--mh--space--25-80);
}
.u-p-25-80 {
  padding: var(--mh--space--25-80);
}
.u-py-25-80 {
  padding-block: var(--mh--space--25-80);
}
.u-px-25-80 {
  padding-inline: var(--mh--space--25-80);
}
.u-pt-25-80 {
  padding-top: var(--mh--space--25-80);
}
.u-pb-25-80 {
  padding-bottom: var(--mh--space--25-80);
}
.u-pl-25-80 {
  padding-left: var(--mh--space--25-80);
}
.u-pr-25-80 {
  padding-right: var(--mh--space--25-80);
}
.u-gap-25-80 {
  gap: var(--mh--space--25-80);
}
.u-row-gap-25-80 {
  row-gap: var(--mh--space--25-80);
}
.u-column-gap-25-80 {
  column-gap: var(--mh--space--25-80);
}
.u-space-30-30 {
  height: var(--mh--space--30-30);
}
.u-m-30-30 {
  margin: var(--mh--space--30-30);
}
.u-my-30-30 {
  margin-block: var(--mh--space--30-30);
}
.u-mx-30-30 {
  margin-inline: var(--mh--space--30-30);
}
.u-mt-30-30 {
  margin-top: var(--mh--space--30-30);
}
.u-mb-30-30 {
  margin-bottom: var(--mh--space--30-30);
}
.u-ml-30-30 {
  margin-left: var(--mh--space--30-30);
}
.u-mr-30-30 {
  margin-right: var(--mh--space--30-30);
}
.u-p-30-30 {
  padding: var(--mh--space--30-30);
}
.u-py-30-30 {
  padding-block: var(--mh--space--30-30);
}
.u-px-30-30 {
  padding-inline: var(--mh--space--30-30);
}
.u-pt-30-30 {
  padding-top: var(--mh--space--30-30);
}
.u-pb-30-30 {
  padding-bottom: var(--mh--space--30-30);
}
.u-pl-30-30 {
  padding-left: var(--mh--space--30-30);
}
.u-pr-30-30 {
  padding-right: var(--mh--space--30-30);
}
.u-gap-30-30 {
  gap: var(--mh--space--30-30);
}
.u-row-gap-30-30 {
  row-gap: var(--mh--space--30-30);
}
.u-column-gap-30-30 {
  column-gap: var(--mh--space--30-30);
}
.u-space-30-40 {
  height: var(--mh--space--30-40);
}
.u-m-30-40 {
  margin: var(--mh--space--30-40);
}
.u-my-30-40 {
  margin-block: var(--mh--space--30-40);
}
.u-mx-30-40 {
  margin-inline: var(--mh--space--30-40);
}
.u-mt-30-40 {
  margin-top: var(--mh--space--30-40);
}
.u-mb-30-40 {
  margin-bottom: var(--mh--space--30-40);
}
.u-ml-30-40 {
  margin-left: var(--mh--space--30-40);
}
.u-mr-30-40 {
  margin-right: var(--mh--space--30-40);
}
.u-p-30-40 {
  padding: var(--mh--space--30-40);
}
.u-py-30-40 {
  padding-block: var(--mh--space--30-40);
}
.u-px-30-40 {
  padding-inline: var(--mh--space--30-40);
}
.u-pt-30-40 {
  padding-top: var(--mh--space--30-40);
}
.u-pb-30-40 {
  padding-bottom: var(--mh--space--30-40);
}
.u-pl-30-40 {
  padding-left: var(--mh--space--30-40);
}
.u-pr-30-40 {
  padding-right: var(--mh--space--30-40);
}
.u-gap-30-40 {
  gap: var(--mh--space--30-40);
}
.u-row-gap-30-40 {
  row-gap: var(--mh--space--30-40);
}
.u-column-gap-30-40 {
  column-gap: var(--mh--space--30-40);
}
.u-space-30-50 {
  height: var(--mh--space--30-50);
}
.u-m-30-50 {
  margin: var(--mh--space--30-50);
}
.u-my-30-50 {
  margin-block: var(--mh--space--30-50);
}
.u-mx-30-50 {
  margin-inline: var(--mh--space--30-50);
}
.u-mt-30-50 {
  margin-top: var(--mh--space--30-50);
}
.u-mb-30-50 {
  margin-bottom: var(--mh--space--30-50);
}
.u-ml-30-50 {
  margin-left: var(--mh--space--30-50);
}
.u-mr-30-50 {
  margin-right: var(--mh--space--30-50);
}
.u-p-30-50 {
  padding: var(--mh--space--30-50);
}
.u-py-30-50 {
  padding-block: var(--mh--space--30-50);
}
.u-px-30-50 {
  padding-inline: var(--mh--space--30-50);
}
.u-pt-30-50 {
  padding-top: var(--mh--space--30-50);
}
.u-pb-30-50 {
  padding-bottom: var(--mh--space--30-50);
}
.u-pl-30-50 {
  padding-left: var(--mh--space--30-50);
}
.u-pr-30-50 {
  padding-right: var(--mh--space--30-50);
}
.u-gap-30-50 {
  gap: var(--mh--space--30-50);
}
.u-row-gap-30-50 {
  row-gap: var(--mh--space--30-50);
}
.u-column-gap-30-50 {
  column-gap: var(--mh--space--30-50);
}
.u-space-30-80 {
  height: var(--mh--space--30-80);
}
.u-m-30-80 {
  margin: var(--mh--space--30-80);
}
.u-my-30-80 {
  margin-block: var(--mh--space--30-80);
}
.u-mx-30-80 {
  margin-inline: var(--mh--space--30-80);
}
.u-mt-30-80 {
  margin-top: var(--mh--space--30-80);
}
.u-mb-30-80 {
  margin-bottom: var(--mh--space--30-80);
}
.u-ml-30-80 {
  margin-left: var(--mh--space--30-80);
}
.u-mr-30-80 {
  margin-right: var(--mh--space--30-80);
}
.u-p-30-80 {
  padding: var(--mh--space--30-80);
}
.u-py-30-80 {
  padding-block: var(--mh--space--30-80);
}
.u-px-30-80 {
  padding-inline: var(--mh--space--30-80);
}
.u-pt-30-80 {
  padding-top: var(--mh--space--30-80);
}
.u-pb-30-80 {
  padding-bottom: var(--mh--space--30-80);
}
.u-pl-30-80 {
  padding-left: var(--mh--space--30-80);
}
.u-pr-30-80 {
  padding-right: var(--mh--space--30-80);
}
.u-gap-30-80 {
  gap: var(--mh--space--30-80);
}
.u-row-gap-30-80 {
  row-gap: var(--mh--space--30-80);
}
.u-column-gap-30-80 {
  column-gap: var(--mh--space--30-80);
}
.u-space-40-100 {
  height: var(--mh--space--40-100);
}
.u-m-40-100 {
  margin: var(--mh--space--40-100);
}
.u-my-40-100 {
  margin-block: var(--mh--space--40-100);
}
.u-mx-40-100 {
  margin-inline: var(--mh--space--40-100);
}
.u-mt-40-100 {
  margin-top: var(--mh--space--40-100);
}
.u-mb-40-100 {
  margin-bottom: var(--mh--space--40-100);
}
.u-ml-40-100 {
  margin-left: var(--mh--space--40-100);
}
.u-mr-40-100 {
  margin-right: var(--mh--space--40-100);
}
.u-p-40-100 {
  padding: var(--mh--space--40-100);
}
.u-py-40-100 {
  padding-block: var(--mh--space--40-100);
}
.u-px-40-100 {
  padding-inline: var(--mh--space--40-100);
}
.u-pt-40-100 {
  padding-top: var(--mh--space--40-100);
}
.u-pb-40-100 {
  padding-bottom: var(--mh--space--40-100);
}
.u-pl-40-100 {
  padding-left: var(--mh--space--40-100);
}
.u-pr-40-100 {
  padding-right: var(--mh--space--40-100);
}
.u-gap-40-100 {
  gap: var(--mh--space--40-100);
}
.u-row-gap-40-100 {
  row-gap: var(--mh--space--40-100);
}
.u-column-gap-40-100 {
  column-gap: var(--mh--space--40-100);
}
.u-space-40-120 {
  height: var(--mh--space--40-120);
}
.u-m-40-120 {
  margin: var(--mh--space--40-120);
}
.u-my-40-120 {
  margin-block: var(--mh--space--40-120);
}
.u-mx-40-120 {
  margin-inline: var(--mh--space--40-120);
}
.u-mt-40-120 {
  margin-top: var(--mh--space--40-120);
}
.u-mb-40-120 {
  margin-bottom: var(--mh--space--40-120);
}
.u-ml-40-120 {
  margin-left: var(--mh--space--40-120);
}
.u-mr-40-120 {
  margin-right: var(--mh--space--40-120);
}
.u-p-40-120 {
  padding: var(--mh--space--40-120);
}
.u-py-40-120 {
  padding-block: var(--mh--space--40-120);
}
.u-px-40-120 {
  padding-inline: var(--mh--space--40-120);
}
.u-pt-40-120 {
  padding-top: var(--mh--space--40-120);
}
.u-pb-40-120 {
  padding-bottom: var(--mh--space--40-120);
}
.u-pl-40-120 {
  padding-left: var(--mh--space--40-120);
}
.u-pr-40-120 {
  padding-right: var(--mh--space--40-120);
}
.u-gap-40-120 {
  gap: var(--mh--space--40-120);
}
.u-row-gap-40-120 {
  row-gap: var(--mh--space--40-120);
}
.u-column-gap-40-120 {
  column-gap: var(--mh--space--40-120);
}
.u-space-40-60 {
  height: var(--mh--space--40-60);
}
.u-m-40-60 {
  margin: var(--mh--space--40-60);
}
.u-my-40-60 {
  margin-block: var(--mh--space--40-60);
}
.u-mx-40-60 {
  margin-inline: var(--mh--space--40-60);
}
.u-mt-40-60 {
  margin-top: var(--mh--space--40-60);
}
.u-mb-40-60 {
  margin-bottom: var(--mh--space--40-60);
}
.u-ml-40-60 {
  margin-left: var(--mh--space--40-60);
}
.u-mr-40-60 {
  margin-right: var(--mh--space--40-60);
}
.u-p-40-60 {
  padding: var(--mh--space--40-60);
}
.u-py-40-60 {
  padding-block: var(--mh--space--40-60);
}
.u-px-40-60 {
  padding-inline: var(--mh--space--40-60);
}
.u-pt-40-60 {
  padding-top: var(--mh--space--40-60);
}
.u-pb-40-60 {
  padding-bottom: var(--mh--space--40-60);
}
.u-pl-40-60 {
  padding-left: var(--mh--space--40-60);
}
.u-pr-40-60 {
  padding-right: var(--mh--space--40-60);
}
.u-gap-40-60 {
  gap: var(--mh--space--40-60);
}
.u-row-gap-40-60 {
  row-gap: var(--mh--space--40-60);
}
.u-column-gap-40-60 {
  column-gap: var(--mh--space--40-60);
}
.u-space-60-100 {
  height: var(--mh--space--60-100);
}
.u-m-60-100 {
  margin: var(--mh--space--60-100);
}
.u-my-60-100 {
  margin-block: var(--mh--space--60-100);
}
.u-mx-60-100 {
  margin-inline: var(--mh--space--60-100);
}
.u-mt-60-100 {
  margin-top: var(--mh--space--60-100);
}
.u-mb-60-100 {
  margin-bottom: var(--mh--space--60-100);
}
.u-ml-60-100 {
  margin-left: var(--mh--space--60-100);
}
.u-mr-60-100 {
  margin-right: var(--mh--space--60-100);
}
.u-p-60-100 {
  padding: var(--mh--space--60-100);
}
.u-py-60-100 {
  padding-block: var(--mh--space--60-100);
}
.u-px-60-100 {
  padding-inline: var(--mh--space--60-100);
}
.u-pt-60-100 {
  padding-top: var(--mh--space--60-100);
}
.u-pb-60-100 {
  padding-bottom: var(--mh--space--60-100);
}
.u-pl-60-100 {
  padding-left: var(--mh--space--60-100);
}
.u-pr-60-100 {
  padding-right: var(--mh--space--60-100);
}
.u-gap-60-100 {
  gap: var(--mh--space--60-100);
}
.u-row-gap-60-100 {
  row-gap: var(--mh--space--60-100);
}
.u-column-gap-60-100 {
  column-gap: var(--mh--space--60-100);
}
.u-space-60-160 {
  height: var(--mh--space--60-160);
}
.u-m-60-160 {
  margin: var(--mh--space--60-160);
}
.u-my-60-160 {
  margin-block: var(--mh--space--60-160);
}
.u-mx-60-160 {
  margin-inline: var(--mh--space--60-160);
}
.u-mt-60-160 {
  margin-top: var(--mh--space--60-160);
}
.u-mb-60-160 {
  margin-bottom: var(--mh--space--60-160);
}
.u-ml-60-160 {
  margin-left: var(--mh--space--60-160);
}
.u-mr-60-160 {
  margin-right: var(--mh--space--60-160);
}
.u-p-60-160 {
  padding: var(--mh--space--60-160);
}
.u-py-60-160 {
  padding-block: var(--mh--space--60-160);
}
.u-px-60-160 {
  padding-inline: var(--mh--space--60-160);
}
.u-pt-60-160 {
  padding-top: var(--mh--space--60-160);
}
.u-pb-60-160 {
  padding-bottom: var(--mh--space--60-160);
}
.u-pl-60-160 {
  padding-left: var(--mh--space--60-160);
}
.u-pr-60-160 {
  padding-right: var(--mh--space--60-160);
}
.u-gap-60-160 {
  gap: var(--mh--space--60-160);
}
.u-row-gap-60-160 {
  row-gap: var(--mh--space--60-160);
}
.u-column-gap-60-160 {
  column-gap: var(--mh--space--60-160);
}
.u-mx-auto {
  margin-inline: auto;
}
.u-text-primary-500 {
  color: var(--mh--color--primary-500);
}
.u-text-primary-100 {
  color: var(--mh--color--primary-100);
}
.u-text-secondary-500 {
  color: var(--mh--color--secondary-500);
}
.u-text-grayscale-100 {
  color: var(--mh--color--grayscale-100);
}
.u-text-grayscale-100_op70 {
  color: var(--mh--color--grayscale-100_op70);
}
.u-text-grayscale-200 {
  color: var(--mh--color--grayscale-200);
}
.u-text-grayscale-500 {
  color: var(--mh--color--grayscale-500);
}
.u-text-grayscale-800 {
  color: var(--mh--color--grayscale-800);
}
.u-text-grayscale-900 {
  color: var(--mh--color--grayscale-900);
}
.u-text-grayscale-900_op80 {
  color: var(--mh--color--grayscale-900_op80);
}
.u-text-surface-200 {
  color: var(--mh--color--surface-200);
}
.u-text-error-500 {
  color: var(--mh--color--error-500);
}
.u-bg-primary-500 {
  background-color: var(--mh--color--primary-500);
}
.u-bg-primary-500\/0 {
  background-color: rgb(var(--mh--color--primary-500), 0);
}
.u-bg-primary-500\/5 {
  background-color: rgb(var(--mh--color--primary-500), 0.05);
}
.u-bg-primary-500\/10 {
  background-color: rgb(var(--mh--color--primary-500), 0.1);
}
.u-bg-primary-500\/15 {
  background-color: rgb(var(--mh--color--primary-500), 0.15);
}
.u-bg-primary-500\/20 {
  background-color: rgb(var(--mh--color--primary-500), 0.2);
}
.u-bg-primary-500\/25 {
  background-color: rgb(var(--mh--color--primary-500), 0.25);
}
.u-bg-primary-500\/30 {
  background-color: rgb(var(--mh--color--primary-500), 0.3);
}
.u-bg-primary-500\/35 {
  background-color: rgb(var(--mh--color--primary-500), 0.35);
}
.u-bg-primary-500\/40 {
  background-color: rgb(var(--mh--color--primary-500), 0.4);
}
.u-bg-primary-500\/45 {
  background-color: rgb(var(--mh--color--primary-500), 0.45);
}
.u-bg-primary-500\/50 {
  background-color: rgb(var(--mh--color--primary-500), 0.5);
}
.u-bg-primary-500\/55 {
  background-color: rgb(var(--mh--color--primary-500), 0.55);
}
.u-bg-primary-500\/60 {
  background-color: rgb(var(--mh--color--primary-500), 0.6);
}
.u-bg-primary-500\/65 {
  background-color: rgb(var(--mh--color--primary-500), 0.65);
}
.u-bg-primary-500\/70 {
  background-color: rgb(var(--mh--color--primary-500), 0.7);
}
.u-bg-primary-500\/75 {
  background-color: rgb(var(--mh--color--primary-500), 0.75);
}
.u-bg-primary-500\/80 {
  background-color: rgb(var(--mh--color--primary-500), 0.8);
}
.u-bg-primary-500\/85 {
  background-color: rgb(var(--mh--color--primary-500), 0.85);
}
.u-bg-primary-500\/90 {
  background-color: rgb(var(--mh--color--primary-500), 0.9);
}
.u-bg-primary-500\/95 {
  background-color: rgb(var(--mh--color--primary-500), 0.95);
}
.u-bg-primary-500\/100 {
  background-color: rgb(var(--mh--color--primary-500), 1);
}
.u-bg-primary-100 {
  background-color: var(--mh--color--primary-100);
}
.u-bg-primary-100\/0 {
  background-color: rgb(var(--mh--color--primary-100), 0);
}
.u-bg-primary-100\/5 {
  background-color: rgb(var(--mh--color--primary-100), 0.05);
}
.u-bg-primary-100\/10 {
  background-color: rgb(var(--mh--color--primary-100), 0.1);
}
.u-bg-primary-100\/15 {
  background-color: rgb(var(--mh--color--primary-100), 0.15);
}
.u-bg-primary-100\/20 {
  background-color: rgb(var(--mh--color--primary-100), 0.2);
}
.u-bg-primary-100\/25 {
  background-color: rgb(var(--mh--color--primary-100), 0.25);
}
.u-bg-primary-100\/30 {
  background-color: rgb(var(--mh--color--primary-100), 0.3);
}
.u-bg-primary-100\/35 {
  background-color: rgb(var(--mh--color--primary-100), 0.35);
}
.u-bg-primary-100\/40 {
  background-color: rgb(var(--mh--color--primary-100), 0.4);
}
.u-bg-primary-100\/45 {
  background-color: rgb(var(--mh--color--primary-100), 0.45);
}
.u-bg-primary-100\/50 {
  background-color: rgb(var(--mh--color--primary-100), 0.5);
}
.u-bg-primary-100\/55 {
  background-color: rgb(var(--mh--color--primary-100), 0.55);
}
.u-bg-primary-100\/60 {
  background-color: rgb(var(--mh--color--primary-100), 0.6);
}
.u-bg-primary-100\/65 {
  background-color: rgb(var(--mh--color--primary-100), 0.65);
}
.u-bg-primary-100\/70 {
  background-color: rgb(var(--mh--color--primary-100), 0.7);
}
.u-bg-primary-100\/75 {
  background-color: rgb(var(--mh--color--primary-100), 0.75);
}
.u-bg-primary-100\/80 {
  background-color: rgb(var(--mh--color--primary-100), 0.8);
}
.u-bg-primary-100\/85 {
  background-color: rgb(var(--mh--color--primary-100), 0.85);
}
.u-bg-primary-100\/90 {
  background-color: rgb(var(--mh--color--primary-100), 0.9);
}
.u-bg-primary-100\/95 {
  background-color: rgb(var(--mh--color--primary-100), 0.95);
}
.u-bg-primary-100\/100 {
  background-color: rgb(var(--mh--color--primary-100), 1);
}
.u-bg-secondary-500 {
  background-color: var(--mh--color--secondary-500);
}
.u-bg-secondary-500\/0 {
  background-color: rgb(var(--mh--color--secondary-500), 0);
}
.u-bg-secondary-500\/5 {
  background-color: rgb(var(--mh--color--secondary-500), 0.05);
}
.u-bg-secondary-500\/10 {
  background-color: rgb(var(--mh--color--secondary-500), 0.1);
}
.u-bg-secondary-500\/15 {
  background-color: rgb(var(--mh--color--secondary-500), 0.15);
}
.u-bg-secondary-500\/20 {
  background-color: rgb(var(--mh--color--secondary-500), 0.2);
}
.u-bg-secondary-500\/25 {
  background-color: rgb(var(--mh--color--secondary-500), 0.25);
}
.u-bg-secondary-500\/30 {
  background-color: rgb(var(--mh--color--secondary-500), 0.3);
}
.u-bg-secondary-500\/35 {
  background-color: rgb(var(--mh--color--secondary-500), 0.35);
}
.u-bg-secondary-500\/40 {
  background-color: rgb(var(--mh--color--secondary-500), 0.4);
}
.u-bg-secondary-500\/45 {
  background-color: rgb(var(--mh--color--secondary-500), 0.45);
}
.u-bg-secondary-500\/50 {
  background-color: rgb(var(--mh--color--secondary-500), 0.5);
}
.u-bg-secondary-500\/55 {
  background-color: rgb(var(--mh--color--secondary-500), 0.55);
}
.u-bg-secondary-500\/60 {
  background-color: rgb(var(--mh--color--secondary-500), 0.6);
}
.u-bg-secondary-500\/65 {
  background-color: rgb(var(--mh--color--secondary-500), 0.65);
}
.u-bg-secondary-500\/70 {
  background-color: rgb(var(--mh--color--secondary-500), 0.7);
}
.u-bg-secondary-500\/75 {
  background-color: rgb(var(--mh--color--secondary-500), 0.75);
}
.u-bg-secondary-500\/80 {
  background-color: rgb(var(--mh--color--secondary-500), 0.8);
}
.u-bg-secondary-500\/85 {
  background-color: rgb(var(--mh--color--secondary-500), 0.85);
}
.u-bg-secondary-500\/90 {
  background-color: rgb(var(--mh--color--secondary-500), 0.9);
}
.u-bg-secondary-500\/95 {
  background-color: rgb(var(--mh--color--secondary-500), 0.95);
}
.u-bg-secondary-500\/100 {
  background-color: rgb(var(--mh--color--secondary-500), 1);
}
.u-bg-grayscale-100 {
  background-color: var(--mh--color--grayscale-100);
}
.u-bg-grayscale-100\/0 {
  background-color: rgb(var(--mh--color--grayscale-100), 0);
}
.u-bg-grayscale-100\/5 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.05);
}
.u-bg-grayscale-100\/10 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.1);
}
.u-bg-grayscale-100\/15 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.15);
}
.u-bg-grayscale-100\/20 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.2);
}
.u-bg-grayscale-100\/25 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.25);
}
.u-bg-grayscale-100\/30 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.3);
}
.u-bg-grayscale-100\/35 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.35);
}
.u-bg-grayscale-100\/40 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.4);
}
.u-bg-grayscale-100\/45 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.45);
}
.u-bg-grayscale-100\/50 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.5);
}
.u-bg-grayscale-100\/55 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.55);
}
.u-bg-grayscale-100\/60 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.6);
}
.u-bg-grayscale-100\/65 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.65);
}
.u-bg-grayscale-100\/70 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.7);
}
.u-bg-grayscale-100\/75 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.75);
}
.u-bg-grayscale-100\/80 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.8);
}
.u-bg-grayscale-100\/85 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.85);
}
.u-bg-grayscale-100\/90 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.9);
}
.u-bg-grayscale-100\/95 {
  background-color: rgb(var(--mh--color--grayscale-100), 0.95);
}
.u-bg-grayscale-100\/100 {
  background-color: rgb(var(--mh--color--grayscale-100), 1);
}
.u-bg-grayscale-100_op70 {
  background-color: var(--mh--color--grayscale-100_op70);
}
.u-bg-grayscale-100_op70\/0 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0);
}
.u-bg-grayscale-100_op70\/5 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.05);
}
.u-bg-grayscale-100_op70\/10 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.1);
}
.u-bg-grayscale-100_op70\/15 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.15);
}
.u-bg-grayscale-100_op70\/20 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.2);
}
.u-bg-grayscale-100_op70\/25 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.25);
}
.u-bg-grayscale-100_op70\/30 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.3);
}
.u-bg-grayscale-100_op70\/35 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.35);
}
.u-bg-grayscale-100_op70\/40 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.4);
}
.u-bg-grayscale-100_op70\/45 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.45);
}
.u-bg-grayscale-100_op70\/50 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.5);
}
.u-bg-grayscale-100_op70\/55 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.55);
}
.u-bg-grayscale-100_op70\/60 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.6);
}
.u-bg-grayscale-100_op70\/65 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.65);
}
.u-bg-grayscale-100_op70\/70 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.7);
}
.u-bg-grayscale-100_op70\/75 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.75);
}
.u-bg-grayscale-100_op70\/80 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.8);
}
.u-bg-grayscale-100_op70\/85 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.85);
}
.u-bg-grayscale-100_op70\/90 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.9);
}
.u-bg-grayscale-100_op70\/95 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 0.95);
}
.u-bg-grayscale-100_op70\/100 {
  background-color: rgb(var(--mh--color--grayscale-100_op70), 1);
}
.u-bg-grayscale-200 {
  background-color: var(--mh--color--grayscale-200);
}
.u-bg-grayscale-200\/0 {
  background-color: rgb(var(--mh--color--grayscale-200), 0);
}
.u-bg-grayscale-200\/5 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.05);
}
.u-bg-grayscale-200\/10 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.1);
}
.u-bg-grayscale-200\/15 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.15);
}
.u-bg-grayscale-200\/20 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.2);
}
.u-bg-grayscale-200\/25 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.25);
}
.u-bg-grayscale-200\/30 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.3);
}
.u-bg-grayscale-200\/35 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.35);
}
.u-bg-grayscale-200\/40 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.4);
}
.u-bg-grayscale-200\/45 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.45);
}
.u-bg-grayscale-200\/50 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.5);
}
.u-bg-grayscale-200\/55 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.55);
}
.u-bg-grayscale-200\/60 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.6);
}
.u-bg-grayscale-200\/65 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.65);
}
.u-bg-grayscale-200\/70 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.7);
}
.u-bg-grayscale-200\/75 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.75);
}
.u-bg-grayscale-200\/80 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.8);
}
.u-bg-grayscale-200\/85 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.85);
}
.u-bg-grayscale-200\/90 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.9);
}
.u-bg-grayscale-200\/95 {
  background-color: rgb(var(--mh--color--grayscale-200), 0.95);
}
.u-bg-grayscale-200\/100 {
  background-color: rgb(var(--mh--color--grayscale-200), 1);
}
.u-bg-grayscale-500 {
  background-color: var(--mh--color--grayscale-500);
}
.u-bg-grayscale-500\/0 {
  background-color: rgb(var(--mh--color--grayscale-500), 0);
}
.u-bg-grayscale-500\/5 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.05);
}
.u-bg-grayscale-500\/10 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.1);
}
.u-bg-grayscale-500\/15 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.15);
}
.u-bg-grayscale-500\/20 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.2);
}
.u-bg-grayscale-500\/25 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.25);
}
.u-bg-grayscale-500\/30 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.3);
}
.u-bg-grayscale-500\/35 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.35);
}
.u-bg-grayscale-500\/40 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.4);
}
.u-bg-grayscale-500\/45 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.45);
}
.u-bg-grayscale-500\/50 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.5);
}
.u-bg-grayscale-500\/55 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.55);
}
.u-bg-grayscale-500\/60 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.6);
}
.u-bg-grayscale-500\/65 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.65);
}
.u-bg-grayscale-500\/70 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.7);
}
.u-bg-grayscale-500\/75 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.75);
}
.u-bg-grayscale-500\/80 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.8);
}
.u-bg-grayscale-500\/85 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.85);
}
.u-bg-grayscale-500\/90 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.9);
}
.u-bg-grayscale-500\/95 {
  background-color: rgb(var(--mh--color--grayscale-500), 0.95);
}
.u-bg-grayscale-500\/100 {
  background-color: rgb(var(--mh--color--grayscale-500), 1);
}
.u-bg-grayscale-800 {
  background-color: var(--mh--color--grayscale-800);
}
.u-bg-grayscale-800\/0 {
  background-color: rgb(var(--mh--color--grayscale-800), 0);
}
.u-bg-grayscale-800\/5 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.05);
}
.u-bg-grayscale-800\/10 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.1);
}
.u-bg-grayscale-800\/15 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.15);
}
.u-bg-grayscale-800\/20 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.2);
}
.u-bg-grayscale-800\/25 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.25);
}
.u-bg-grayscale-800\/30 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.3);
}
.u-bg-grayscale-800\/35 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.35);
}
.u-bg-grayscale-800\/40 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.4);
}
.u-bg-grayscale-800\/45 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.45);
}
.u-bg-grayscale-800\/50 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.5);
}
.u-bg-grayscale-800\/55 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.55);
}
.u-bg-grayscale-800\/60 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.6);
}
.u-bg-grayscale-800\/65 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.65);
}
.u-bg-grayscale-800\/70 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.7);
}
.u-bg-grayscale-800\/75 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.75);
}
.u-bg-grayscale-800\/80 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.8);
}
.u-bg-grayscale-800\/85 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.85);
}
.u-bg-grayscale-800\/90 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.9);
}
.u-bg-grayscale-800\/95 {
  background-color: rgb(var(--mh--color--grayscale-800), 0.95);
}
.u-bg-grayscale-800\/100 {
  background-color: rgb(var(--mh--color--grayscale-800), 1);
}
.u-bg-grayscale-900 {
  background-color: var(--mh--color--grayscale-900);
}
.u-bg-grayscale-900\/0 {
  background-color: rgb(var(--mh--color--grayscale-900), 0);
}
.u-bg-grayscale-900\/5 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.05);
}
.u-bg-grayscale-900\/10 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.1);
}
.u-bg-grayscale-900\/15 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.15);
}
.u-bg-grayscale-900\/20 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.2);
}
.u-bg-grayscale-900\/25 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.25);
}
.u-bg-grayscale-900\/30 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.3);
}
.u-bg-grayscale-900\/35 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.35);
}
.u-bg-grayscale-900\/40 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.4);
}
.u-bg-grayscale-900\/45 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.45);
}
.u-bg-grayscale-900\/50 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.5);
}
.u-bg-grayscale-900\/55 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.55);
}
.u-bg-grayscale-900\/60 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.6);
}
.u-bg-grayscale-900\/65 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.65);
}
.u-bg-grayscale-900\/70 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.7);
}
.u-bg-grayscale-900\/75 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.75);
}
.u-bg-grayscale-900\/80 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.8);
}
.u-bg-grayscale-900\/85 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.85);
}
.u-bg-grayscale-900\/90 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.9);
}
.u-bg-grayscale-900\/95 {
  background-color: rgb(var(--mh--color--grayscale-900), 0.95);
}
.u-bg-grayscale-900\/100 {
  background-color: rgb(var(--mh--color--grayscale-900), 1);
}
.u-bg-grayscale-900_op80 {
  background-color: var(--mh--color--grayscale-900_op80);
}
.u-bg-grayscale-900_op80\/0 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0);
}
.u-bg-grayscale-900_op80\/5 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.05);
}
.u-bg-grayscale-900_op80\/10 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.1);
}
.u-bg-grayscale-900_op80\/15 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.15);
}
.u-bg-grayscale-900_op80\/20 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.2);
}
.u-bg-grayscale-900_op80\/25 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.25);
}
.u-bg-grayscale-900_op80\/30 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.3);
}
.u-bg-grayscale-900_op80\/35 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.35);
}
.u-bg-grayscale-900_op80\/40 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.4);
}
.u-bg-grayscale-900_op80\/45 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.45);
}
.u-bg-grayscale-900_op80\/50 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.5);
}
.u-bg-grayscale-900_op80\/55 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.55);
}
.u-bg-grayscale-900_op80\/60 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.6);
}
.u-bg-grayscale-900_op80\/65 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.65);
}
.u-bg-grayscale-900_op80\/70 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.7);
}
.u-bg-grayscale-900_op80\/75 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.75);
}
.u-bg-grayscale-900_op80\/80 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.8);
}
.u-bg-grayscale-900_op80\/85 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.85);
}
.u-bg-grayscale-900_op80\/90 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.9);
}
.u-bg-grayscale-900_op80\/95 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 0.95);
}
.u-bg-grayscale-900_op80\/100 {
  background-color: rgb(var(--mh--color--grayscale-900_op80), 1);
}
.u-bg-surface-200 {
  background-color: var(--mh--color--surface-200);
}
.u-bg-surface-200\/0 {
  background-color: rgb(var(--mh--color--surface-200), 0);
}
.u-bg-surface-200\/5 {
  background-color: rgb(var(--mh--color--surface-200), 0.05);
}
.u-bg-surface-200\/10 {
  background-color: rgb(var(--mh--color--surface-200), 0.1);
}
.u-bg-surface-200\/15 {
  background-color: rgb(var(--mh--color--surface-200), 0.15);
}
.u-bg-surface-200\/20 {
  background-color: rgb(var(--mh--color--surface-200), 0.2);
}
.u-bg-surface-200\/25 {
  background-color: rgb(var(--mh--color--surface-200), 0.25);
}
.u-bg-surface-200\/30 {
  background-color: rgb(var(--mh--color--surface-200), 0.3);
}
.u-bg-surface-200\/35 {
  background-color: rgb(var(--mh--color--surface-200), 0.35);
}
.u-bg-surface-200\/40 {
  background-color: rgb(var(--mh--color--surface-200), 0.4);
}
.u-bg-surface-200\/45 {
  background-color: rgb(var(--mh--color--surface-200), 0.45);
}
.u-bg-surface-200\/50 {
  background-color: rgb(var(--mh--color--surface-200), 0.5);
}
.u-bg-surface-200\/55 {
  background-color: rgb(var(--mh--color--surface-200), 0.55);
}
.u-bg-surface-200\/60 {
  background-color: rgb(var(--mh--color--surface-200), 0.6);
}
.u-bg-surface-200\/65 {
  background-color: rgb(var(--mh--color--surface-200), 0.65);
}
.u-bg-surface-200\/70 {
  background-color: rgb(var(--mh--color--surface-200), 0.7);
}
.u-bg-surface-200\/75 {
  background-color: rgb(var(--mh--color--surface-200), 0.75);
}
.u-bg-surface-200\/80 {
  background-color: rgb(var(--mh--color--surface-200), 0.8);
}
.u-bg-surface-200\/85 {
  background-color: rgb(var(--mh--color--surface-200), 0.85);
}
.u-bg-surface-200\/90 {
  background-color: rgb(var(--mh--color--surface-200), 0.9);
}
.u-bg-surface-200\/95 {
  background-color: rgb(var(--mh--color--surface-200), 0.95);
}
.u-bg-surface-200\/100 {
  background-color: rgb(var(--mh--color--surface-200), 1);
}
.u-bg-error-500 {
  background-color: var(--mh--color--error-500);
}
.u-bg-error-500\/0 {
  background-color: rgb(var(--mh--color--error-500), 0);
}
.u-bg-error-500\/5 {
  background-color: rgb(var(--mh--color--error-500), 0.05);
}
.u-bg-error-500\/10 {
  background-color: rgb(var(--mh--color--error-500), 0.1);
}
.u-bg-error-500\/15 {
  background-color: rgb(var(--mh--color--error-500), 0.15);
}
.u-bg-error-500\/20 {
  background-color: rgb(var(--mh--color--error-500), 0.2);
}
.u-bg-error-500\/25 {
  background-color: rgb(var(--mh--color--error-500), 0.25);
}
.u-bg-error-500\/30 {
  background-color: rgb(var(--mh--color--error-500), 0.3);
}
.u-bg-error-500\/35 {
  background-color: rgb(var(--mh--color--error-500), 0.35);
}
.u-bg-error-500\/40 {
  background-color: rgb(var(--mh--color--error-500), 0.4);
}
.u-bg-error-500\/45 {
  background-color: rgb(var(--mh--color--error-500), 0.45);
}
.u-bg-error-500\/50 {
  background-color: rgb(var(--mh--color--error-500), 0.5);
}
.u-bg-error-500\/55 {
  background-color: rgb(var(--mh--color--error-500), 0.55);
}
.u-bg-error-500\/60 {
  background-color: rgb(var(--mh--color--error-500), 0.6);
}
.u-bg-error-500\/65 {
  background-color: rgb(var(--mh--color--error-500), 0.65);
}
.u-bg-error-500\/70 {
  background-color: rgb(var(--mh--color--error-500), 0.7);
}
.u-bg-error-500\/75 {
  background-color: rgb(var(--mh--color--error-500), 0.75);
}
.u-bg-error-500\/80 {
  background-color: rgb(var(--mh--color--error-500), 0.8);
}
.u-bg-error-500\/85 {
  background-color: rgb(var(--mh--color--error-500), 0.85);
}
.u-bg-error-500\/90 {
  background-color: rgb(var(--mh--color--error-500), 0.9);
}
.u-bg-error-500\/95 {
  background-color: rgb(var(--mh--color--error-500), 0.95);
}
.u-bg-error-500\/100 {
  background-color: rgb(var(--mh--color--error-500), 1);
}
.u-img-block {
  display: block;
  width: 100%;
  height: auto;
}
.u-img-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}