@charset "UTF-8";
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}
.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}
.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}
.splide--rtl{direction:rtl}
.splide__track--ttb>.splide__list{display:block}
.splide__container{box-sizing:border-box;position:relative}
.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}
.splide.is-initialized:not(.is-active) .splide__list{display:block}
.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}
.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}
.splide:not(.is-overflow) .splide__pagination{display:none}
.splide__progress__bar{width:0}
.splide{position:relative;visibility:hidden}
.splide.is-initialized,.splide.is-rendered{visibility:visible}
.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}
.splide__slide img{vertical-align:bottom}
.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}
.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}
.splide__toggle.is-active .splide__toggle__pause{display:inline}
.splide__track{overflow:hidden;position:relative;z-index:0}
:root {
  --mh--breakpoint--min: 375px;
  --mh--breakpoint--sm: 640px;
  --mh--breakpoint--md: 782px;
  --mh--breakpoint--lg: 1100px;
  --mh--breakpoint--xl: 1280px;
}
:root {
  --mh--font-family--base:
  	"Noto Sans JP", "ヒラギノ角ゴ ProN W3", meiryo, sans-serif;
  --mh--font-family--en: "Inter", sans-serif;
}
html body {
  --mh--font-size--x2s: 1.3rem;
  --mh--font-size--xs: 1.4rem;
  --mh--font-size--sm: 1.5rem;
  --mh--font-size--md: 1.6rem;
  --mh--font-size--lg: clamp(1.7rem, 0.1vi + 1.7rem, 1.8rem);
  --mh--font-size--xl: clamp(1.8rem, 0.3vi + 1.7rem, 2rem);
  --mh--font-size--x2l: clamp(2rem, 0.4vi + 1.8rem, 2.3rem);
  --mh--font-size--x3l: clamp(2.1rem, 0.6vi + 1.9rem, 2.6rem);
  --mh--font-size--x4l: clamp(2.2rem, 0.9vi + 1.9rem, 2.9rem);
  --mh--font-size--x5l: clamp(2.4rem, 1.2vi + 1.9rem, 3.2rem);
  --mh--font-size--x6l: clamp(2.6rem, 1.5vi + 2rem, 3.6rem);
  --mh--font-size--x7l: clamp(2.7rem, 1.9vi + 2rem, 4.1rem);
  --mh--font-size--x8l: clamp(2.9rem, 2.3vi + 2rem, 4.6rem);
  --mh--font-size--x9l: clamp(3.1rem, 2.9vi + 2.1rem, 5.2rem);
  --mh--font-size--x10l: clamp(3.4rem, 3.3vi + 2.2rem, 5.8rem);
  --mh--font-size--x11l: clamp(3.6rem, 4.1vi + 2rem, 6.6rem);
  --mh--font-size--x12l: clamp(3.9rem, 4.9vi + 2rem, 7.4rem);
}
:root {
  --mh--letter-spacing--sm: 0.03em;
  --mh--letter-spacing--md: 0.05em;
}
:root {
  --mh--line-height--none: 1;
  --mh--line-height--sm: 1.1;
  --mh--line-height--md: 1.6;
  --mh--line-height--lg: 2;
}
:root {
  --mh--header--height: 50px;
}
@media (width >= 782px ) {
  :root {
    --mh--header--height: 90px;
  }
}
:root {
  --mh--sidebar--width: 240px;
}
:root {
  --mh--contents--width: 1100px;
  --mh--contents--wide-width: 1280px;
  --mh--contents--wider-width: 1400px;
  --mh--contents--padding--side: 20px;
  --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 >= 1100px ) {
  :root {
    --mh--contents--padding--side: clamp(20px, -85px + 13.672vw, 90px);
  }
}
html body {
  --mh--color--primary-500: rgb(0 54 112);
  --mh--color--primary-200: rgb(224 233 251);
  --mh--color--secondary-500: rgb(15 123 207);
  --mh--color--secondary-300_top: rgb(230 236 242);
  --mh--color--secondary-200: rgb(217 238 255);
  --mh--color--grayscale-900: rgb(17 17 17);
  --mh--color--grayscale-800: rgb(136 136 136);
  --mh--color--grayscale-500: rgb(204 204 204);
  --mh--color--grayscale-400: rgb(243 243 243);
  --mh--color--grayscale-300: rgb(251 251 251);
  --mh--color--grayscale-200: rgb(255 255 255);
  --mh--color--hover-100: rgb(255 255 255 / 10%);
  --mh--color--hover-500: rgb(0 101 179);
  --mh--color--error-500: rgb(255 0 0);
}
:root {
  --mh-viewport: 1520;
}
: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-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 >= 782px ) {
  :root {
    --mh--space--10-10: min(10px, calc(100vw * 10 / var(--mh-viewport)));
    --mh--space--10-15: min(15px, calc(100vw * 15 / var(--mh-viewport)));
    --mh--space--10-30: min(30px, calc(100vw * 30 / var(--mh-viewport)));
    --mh--space--10-40: min(40px, calc(100vw * 40 / var(--mh-viewport)));
    --mh--space--10-60: min(60px, calc(100vw * 60 / var(--mh-viewport)));
    --mh--space--15-20: min(20px, calc(100vw * 20 / var(--mh-viewport)));
    --mh--space--20-120: min(120px, calc(100vw * 120 / var(--mh-viewport)));
    --mh--space--20-15: min(15px, calc(100vw * 15 / var(--mh-viewport)));
    --mh--space--20-20: min(20px, calc(100vw * 20 / var(--mh-viewport)));
    --mh--space--20-30: min(30px, calc(100vw * 30 / var(--mh-viewport)));
    --mh--space--20-50: min(50px, calc(100vw * 50 / var(--mh-viewport)));
    --mh--space--20-60: min(60px, calc(100vw * 60 / var(--mh-viewport)));
    --mh--space--20-80: min(80px, calc(100vw * 80 / var(--mh-viewport)));
    --mh--space--25-25: min(25px, calc(100vw * 25 / var(--mh-viewport)));
    --mh--space--25-30: min(30px, calc(100vw * 30 / var(--mh-viewport)));
    --mh--space--25-60: min(60px, calc(100vw * 60 / var(--mh-viewport)));
    --mh--space--25-70: min(70px, calc(100vw * 70 / var(--mh-viewport)));
    --mh--space--25-80: min(80px, calc(100vw * 80 / var(--mh-viewport)));
    --mh--space--30-30: min(30px, calc(100vw * 30 / var(--mh-viewport)));
    --mh--space--30-40: min(40px, calc(100vw * 40 / var(--mh-viewport)));
    --mh--space--30-50: min(50px, calc(100vw * 50 / var(--mh-viewport)));
    --mh--space--30-80: min(80px, calc(100vw * 80 / var(--mh-viewport)));
    --mh--space--40-100: min(100px, calc(100vw * 100 / var(--mh-viewport)));
    --mh--space--40-120: min(120px, calc(100vw * 120 / var(--mh-viewport)));
    --mh--space--40-60: min(60px, calc(100vw * 60 / var(--mh-viewport)));
    --mh--space--60-100: min(100px, calc(100vw * 100 / var(--mh-viewport)));
    --mh--space--60-120: min(120px, calc(100vw * 120 / var(--mh-viewport)));
    --mh--space--60-160: min(160px, calc(100vw * 160 / var(--mh-viewport)));
    --mh--space--x5s: min(4px, calc(100vw * 4 / var(--mh-viewport)));
    --mh--space--x4s: min(10px, calc(100vw * 10 / var(--mh-viewport)));
    --mh--space--x3s: min(20px, calc(100vw * 20 / var(--mh-viewport)));
    --mh--space--x2s: min(30px, calc(100vw * 30 / var(--mh-viewport)));
    --mh--space--xs: min(40px, calc(100vw * 40 / var(--mh-viewport)));
    --mh--space--sm: min(60px, calc(100vw * 60 / var(--mh-viewport)));
    --mh--space--md: min(80px, calc(100vw * 80 / var(--mh-viewport)));
    --mh--space--lg: min(100px, calc(100vw * 100 / var(--mh-viewport)));
    --mh--space--xl: min(120px, calc(100vw * 120 / var(--mh-viewport)));
    --mh--space--x2l: min(140px, calc(100vw * 140 / var(--mh-viewport)));
    --mh--space--x3l: min(160px, calc(100vw * 160 / var(--mh-viewport)));
    --mh--space--x4l: min(180px, calc(100vw * 180 / var(--mh-viewport)));
    --mh--space--x5l: min(200px, calc(100vw * 200 / var(--mh-viewport)));
  }
}
:root {
  --mh--easing: ease;
  --mh--duration: 0.3s;
}
@keyframes line-running {
  0% {
    background-size: 0 1px;
  }
  100% {
    background-size: 100% 1px;
  }
}
:root {
  --mh--border-radius--sm: 2px;
  --mh--border-radius--md: 5px;
  --mh--border-radius--lg: 8px;
}
@media (width >= 782px ) {
  :root {
    --mh--border-radius--sm: 4px;
    --mh--border-radius--md: 10px;
    --mh--border-radius--lg: 16px;
  }
}
* {
  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 var(--mh--color--primary-500);
}
html {
  block-size: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
}
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizespeed;
  min-block-size: 100%;
}
img,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
}
img,
svg,
video {
  max-inline-size: 100%;
  block-size: auto;
}
svg {
  fill: currentcolor;
  stroke: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-break: strict;
}
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;
  scroll-padding-top: var(--mh--header--height);
}
body {
  min-width: 320px;
  font-family: var(--mh--font-family--base);
  font-size: var(--mh--font-size--md);
  font-weight: 400;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-900);
  -webkit-text-size-adjust: 100%;
}
@media (width >= 782px ) {
  body {
    min-width: auto;
  }
}
@media (width >= 782px ) and (hover: none) {
  body {
    -webkit-text-size-adjust: none;
  }
}
* {
  letter-spacing: var(--mh--letter-spacing--md);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
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%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  color: inherit;
}
@media (width < 782px) {
  a:hover {
    text-decoration: none;
  }
}
@media (width >= 782px ) {
  a[href^="tel:"] {
    pointer-events: 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 < 782px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  button,
  select,
  option {
    font-size: 1.6rem;
  }
}
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);
}
@media (width >= 1100px ) {
  .l-container.is-col2 {
    display: grid;
    grid-template-columns: var(--mh--sidebar--width) 1fr;
    gap: 20px;
    width: var(--mh--contents--width);
    margin: 0 auto;
  }
  .l-container.is-col2 .l-sidebar {
    order: -1;
  }
}
/*  .c-archive01
================================================== */
.c-archive01 {
  --line: 2;
  --line-height: var(--mh--line-height--md);
}
.c-archive01__item {
  border-top: 1px solid var(--mh--color--grayscale-500);
}
.c-archive01__item:last-child {
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-archive01__item-in {
  display: grid;
  grid-template: "meta meta" auto "head arw" 1fr/1fr 20px;
  gap: var(--mh--space--10-15) var(--mh--space--x3s);
  align-items: center;
  padding: var(--mh--space--20-30) var(--mh--space--10-15) var(--mh--space--20-30) 0;
}
.c-archive01__item-meta {
  display: flex;
  flex-wrap: wrap;
  grid-area: meta;
  column-gap: var(--mh--space--x3s);
  align-items: center;
}
.c-archive01__item-date {
  font-size: var(--mh--font-size--xs);
  color: var(--mh--color--grayscale-800);
}
.c-archive01__item-head {
  display: -webkit-box;
  grid-area: head;
  max-height: calc(var(--line) * var(--line-height) * 1em);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line);
  line-clamp: var(--line);
  font-weight: 700;
  line-height: var(--line-height);
  transition: color var(--mh--duration) var(--mh--easing);
  -webkit-box-orient: vertical;
}
.c-archive01__item-ico {
  display: grid;
  grid-area: arw;
  place-content: center;
  width: 20px;
  height: 20px;
  background-color: var(--mh--color--primary-500);
  transition: background-color var(--mh--duration) var(--mh--easing);
}
.c-archive01__item-ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width >= 782px ) {
  .c-archive01 {
    --line: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive01__item-in:hover .c-archive01__item-head {
    color: var(--mh--color--hover-500);
  }
  .c-archive01__item-in:hover .c-archive01__item-ico {
    background-color: var(--mh--color--hover-500);
  }
}
/* .c-archive01.is-home
================================================ */
.c-archive01.is-home {
  --line: 1;
  display: grid;
  row-gap: var(--mh--space--20-15);
}
.c-archive01.is-home .c-archive01__item {
  border: none;
}
.c-archive01.is-home .c-archive01__item-in {
  grid-template: "meta" auto "head" 1fr;
  padding: 0;
}
.c-archive01.is-home .c-archive01__item-head {
  font-size: var(--mh--font-size--xs);
  font-weight: 400;
}
.c-archive01.is-home .c-archive01__item-ico {
  display: none;
  visibility: hidden;
}
@media (width >= 782px ) {
  .c-archive01.is-home .c-archive01__item:last-child {
    border-top: 1px solid var(--mh--color--grayscale-500);
  }
  .c-archive01.is-home .c-archive01__item:last-child .c-archive01__item-in {
    padding-top: var(--mh--space--x3s);
  }
  .c-archive01.is-home .c-archive01__item-in {
    row-gap: var(--mh--space--x4s);
  }
}
/* .c-archive02
================================================== */
.c-archive02:not(:has(.splide__slide)) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--mh--space--40-60) var(--mh--space--20-20);
}
.c-archive02__item-in {
  display: grid;
  grid-template: "img" "." var(--mh--space--15-20) "category" "." var(--mh--space--10-10) "content";
}
.c-archive02__item-img {
  position: relative;
  grid-area: img;
  aspect-ratio: 3/2;
}
.c-archive02__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-archive02__item-category {
  grid-area: category;
}
.c-archive02__item-content {
  grid-area: content;
}
.c-archive02__item-head {
  grid-area: head;
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
}
.c-archive02__item-ico {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--mh--color--grayscale-200);
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid var(--mh--color--primary-500);
}
.c-archive02__item-ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--primary-500);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-archive02__item-info {
  display: grid;
  grid-area: info;
  grid-template-columns: auto 1fr;
  column-gap: var(--mh--space--20-20);
  align-items: center;
  margin-top: var(--mh--space--x4s);
}
.c-archive02__item-info-name {
  position: relative;
  padding-right: var(--mh--space--20-20);
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
}
.c-archive02__item-info-name::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: calc(100% - 8px);
  content: "";
  background-color: var(--mh--color--grayscale-500);
  translate: 0 -50%;
}
.c-archive02__item-info-dep {
  display: flex;
  column-gap: var(--mh--space--10-10);
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  color: var(--mh--color--grayscale-800);
}
@media (width >= 782px ) {
  .c-archive02:not(:has(.splide__slide)) {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-archive02.is-col3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-archive02__item-ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-archive02__item-ico::after {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-archive02__item-head {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-archive02__item-in:hover .c-archive02__item-ico {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .c-archive02__item-in:hover .c-archive02__item-ico::after {
    color: var(--mh--color--grayscale-200);
  }
  .c-archive02__item-in:hover .c-archive02__item-head {
    color: var(--mh--color--hover-500);
  }
}
.c-archive02-content {
  overflow-x: clip;
}
.c-archive02-content__inner {
  display: grid;
  row-gap: var(--mh--space--lg);
  padding-block: var(--mh--space--60-160);
}
.c-archive02-content__group {
  display: grid;
  row-gap: var(--mh--space--xl);
}
.c-archive02-content__txt {
  font-size: var(--mh--font-size--lg);
  line-height: var(--mh--line-height--lg);
}
.c-archive02-category {
  position: relative;
  display: grid;
  row-gap: var(--mh--space--15-20);
  padding-block: var(--mh--space--20-30);
}
.c-archive02-category::before {
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100vw;
  content: "";
  background-color: var(--mh--color--grayscale-400);
  translate: -50% 0;
}
.c-archive02-category > * {
  position: relative;
  z-index: 2;
}
@media (width >= 782px ) {
  .c-archive02-category::before {
    max-width: 1820px;
  }
  .c-archive02-category > * {
    position: relative;
    z-index: 2;
  }
}
/* .c-simple-banner
================================================== */
:root .c-simple-banner {
  position: relative;
  display: grid;
}
:root .c-simple-banner > figure {
  width: 100%;
  aspect-ratio: 3/2;
}
:root .c-simple-banner > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root .c-simple-banner__btn {
  display: grid;
  grid-template-columns: 1fr 48px;
  align-items: center;
  height: 100%;
  min-height: 48px;
  border: 1px solid var(--mh--color--primary-500);
}
:root .c-simple-banner__btn > p {
  padding: var(--mh--space--10-10) var(--mh--space--x3s) var(--mh--space--10-10) var(--mh--space--15-20);
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
:root .c-simple-banner__btn-ico {
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--mh--color--primary-500);
  height: 100%;
}
:root .c-simple-banner__btn-ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
:root .c-simple-banner__list {
  display: grid;
  gap: var(--mh--space--10-10);
}
@media (width >= 782px ) {
  :root .c-simple-banner {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 0;
    align-items: flex-start;
  }
  :root .c-simple-banner__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-simple-banner:has(.u-link-layer) .c-simple-banner__btn {
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-simple-banner:has(.u-link-layer) .c-simple-banner__btn > p {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  :root .c-simple-banner:has(.u-link-layer) .c-simple-banner__btn-ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-simple-banner:has(.u-link-layer:hover) .c-simple-banner__btn {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  :root .c-simple-banner:has(.u-link-layer:hover) .c-simple-banner__btn > p {
    color: var(--mh--color--grayscale-200);
  }
  :root .c-simple-banner:has(.u-link-layer:hover) .c-simple-banner__btn-ico {
    background-color: var(--mh--color--hover-100);
  }
}
/* .c-split-banner
================================================== */
:root .c-split-banner {
  position: relative;
  display: grid;
}
:root .c-split-banner__list {
  display: grid;
  gap: var(--mh--space--x2s);
}
:root .c-split-banner > figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
:root .c-split-banner > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root .c-split-banner__contents {
  padding: var(--mh--space--sm) var(--mh--space--20-30) var(--mh--space--30-40) var(--mh--space--20-60);
  background-color: var(--mh--color--grayscale-200);
}
:root .c-split-banner__contents > h3, :root .c-split-banner__contents > h4 {
  margin-bottom: var(--mh--space--x3s);
  font-size: var(--mh--font-size--x3l);
  color: var(--mh--color--primary-500);
}
:root .c-split-banner__contents > p {
  line-height: var(--mh--line-height--lg);
}
:root .c-split-banner__btn {
  margin-top: var(--mh--space--20-50);
}
@media (width >= 782px ) {
  :root .c-split-banner {
    grid-template-columns: 46.4% 1fr;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-split-banner:has(.u-link-layer:hover) .c-split-banner__btn > div::before {
    background-color: var(--mh--color--hover-500);
  }
}
/* .c-bg01
================================================== */
.c-bg01 {
  position: relative;
}
.c-bg01::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1820px;
  height: 100%;
  content: "";
  background-color: var(--mh--color--grayscale-400);
  translate: -50% 0;
}
.c-bg01 > * {
  position: relative;
  z-index: 2;
}
/* .c-bg02
================================================== */
.c-bg02 {
  position: relative;
}
.c-bg02::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 80%;
  aspect-ratio: 600/544;
  content: "";
  background: url("../img/common/bg_line01.png") no-repeat left top/contain;
}
@media (width >= 782px ) {
  .c-bg02::before {
    width: 34.4%;
    max-width: 660px;
    aspect-ratio: 66/60;
  }
}
/* .c-bg03
================================================ */
.c-bg03__bg {
  position: relative;
}
.c-bg03__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.15;
}
.c-bg03__bg::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--mh--color--secondary-500);
}
.c-bg03__body {
  position: relative;
}
.c-bg03__body::before {
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100%;
  content: "";
  background-color: var(--mh--color--grayscale-400);
  translate: -50% 0;
}
.c-bg03__inner {
  position: relative;
  z-index: 2;
}
@media (width >= 782px ) {
  .c-bg03 {
    position: relative;
    padding-top: calc(29000vw / var(--mh-viewport));
  }
  .c-bg03__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 192/78;
  }
}
@media (width >= 1100px ) {
  .c-bg03__body {
    max-width: 1820px;
    margin-inline: auto;
  }
}
/* .c-blockquote01
================================================== */
.c-blockquote01 {
  padding: 15px;
  border: 1px solid var(--mh--color--primary-700);
}
@media (width >= 782px ) {
  .c-blockquote01 {
    padding: 25px;
  }
}
/* .c-anchor-btn
================================================== */
:root .c-anchor-btn {
  width: 100%;
}
:root .c-anchor-btn > a, :root .c-anchor-btn > div {
  background-image: linear-gradient(currentcolor, currentcolor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
  display: flex;
  gap: var(--mh--space--10-10);
  align-items: center;
  justify-content: space-between;
  padding: var(--mh--space--x4s) 0 var(--mh--space--15-20) !important;
  font-weight: 700;
  color: var(--mh--color--primary-500);
  text-align: left;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
}
@media (hover: hover) and (pointer: fine) {
  :root .c-anchor-btn > a:hover, :root .c-anchor-btn > div:hover {
    animation: line-running 0.3s linear;
  }
}
:root .c-anchor-btn > a::after, :root .c-anchor-btn > div::after {
  flex: 0 0 15px;
  width: 16px;
  height: 15px;
  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%2216%22%20height%3D%2215%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2015%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2216%22%20height%3D%2215%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M15.5%200v15H.5V0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22m8%2012.5%207.5-7.3L14%203.75%208%209.58%202%203.75.5%205.2l6%205.84L8%2012.5Z%22%2F%3E%0A%3C%2Fg%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%2216%22%20height%3D%2215%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2015%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2216%22%20height%3D%2215%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M15.5%200v15H.5V0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22m8%2012.5%207.5-7.3L14%203.75%208%209.58%202%203.75.5%205.2l6%205.84L8%2012.5Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
:root .c-anchor-btn-list {
  gap: var(--mh--space--x3s) var(--mh--space--15-20);
  align-items: flex-end;
}
@media (width >= 600px) {
  :root .c-anchor-btn {
    width: calc(50% - var(--mh--space--15-20) / 2);
  }
}
@media (width >= 782px ) {
  :root .c-anchor-btn {
    width: calc(33.3333333333% - var(--mh--space--15-20) * 2 / 3);
  }
}
@media (width >= 1280px ) {
  :root .c-anchor-btn {
    width: calc(25% - var(--mh--space--15-20) * 3 / 4);
    max-width: 260px;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-anchor-btn > a {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  :root .c-anchor-btn > a:hover {
    color: var(--mh--color--hover-500);
  }
}
/* .c-interview-btn
================================================== */
.c-interview-btn {
  --img-width: 60px;
  width: 100%;
}
.c-interview-btn__in {
  display: grid;
  grid-template-columns: var(--img-width) 1fr 30px;
  column-gap: var(--mh--space--x3s);
  align-items: center;
  padding: var(--mh--space--15-20);
  border: 1px solid var(--mh--color--primary-500);
}
.c-interview-btn__img {
  aspect-ratio: 1;
}
.c-interview-btn__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-interview-btn__contents {
  display: grid;
  row-gap: 2px;
}
.c-interview-btn__contents-position {
  font-size: var(--mh--font-size--sm);
  color: var(--mh--color--grayscale-800);
}
.c-interview-btn__contents-department {
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
.c-interview-btn__ico {
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--mh--color--primary-500);
}
.c-interview-btn__ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (width >= 782px ) {
  .c-interview-btn {
    --img-width: 80px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-interview-btn__contents-position {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-interview-btn__contents-department {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-interview-btn__ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-interview-btn__in {
    transition: border-color var(--mh--duration) var(--mh--easing), background-color var(--mh--duration) var(--mh--easing);
  }
  .c-interview-btn__in:hover {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .c-interview-btn__in:hover .c-interview-btn__contents-position,
  .c-interview-btn__in:hover .c-interview-btn__contents-department {
    color: var(--mh--color--grayscale-200);
  }
  .c-interview-btn__in:hover .c-interview-btn__ico {
    background-color: var(--mh--color--hover-100);
  }
}
/*  .c-square-ghost-iconbox-btn
================================================== */
:root .c-square-ghost-iconbox-btn {
  --width: 100%;
  --min-width: 100%;
  --max-width: 335px;
  --min-height: 60px;
  --column-gap: var(--mh--space--10-10);
  --icon-color: var(--mh--color--grayscale-200);
  --icon-box-size: 30px;
  --icon-box-bg-color: var(--mh--color--primary-500);
  --icon-box-boder-radius: 0;
  --padding: var(--mh--space--15-15) var(--mh--space--15-20)
  	var(--mh--space--15-15) var(--mh--space--20-20);
  --bg-color: var(--mh--color--grayscale-200);
  --border-color: var(--mh--color--primary-500);
  --border-width: 1px;
  --border-radius: 0;
  --font-color: var(--mh--color--primary-500);
  --font-size: var(--mh--font-size--md);
  position: relative;
  width: var(--width);
  min-width: var(--min-width);
  max-width: var(--max-width);
  min-height: var(--min-height);
  font-size: var(--font-size);
}
:root .c-square-ghost-iconbox-btn > a, :root .c-square-ghost-iconbox-btn > div {
  position: relative;
  display: grid;
  grid-template-columns: auto var(--icon-box-size);
  column-gap: var(--column-gap);
  align-items: center;
  width: 100%;
  padding: var(--padding) !important;
  font-weight: 700;
  color: var(--font-color);
  text-align: left;
  background: var(--bg-color);
  border: var(--border-width) solid var(--border-color) !important;
  border-radius: var(--border-radius);
}
:root .c-square-ghost-iconbox-btn > a::before, :root .c-square-ghost-iconbox-btn > a::after, :root .c-square-ghost-iconbox-btn > div::before, :root .c-square-ghost-iconbox-btn > div::after {
  display: grid;
  grid-area: 1/2/2/3;
  place-content: center;
  content: "";
}
:root .c-square-ghost-iconbox-btn > a::before, :root .c-square-ghost-iconbox-btn > div::before {
  width: var(--icon-box-size);
  aspect-ratio: 1;
  background-color: var(--icon-box-bg-color);
  border-radius: var(--icon-box-boder-radius);
  transition: background-color var(--mh--duration) var(--mh--easing);
}
:root .c-square-ghost-iconbox-btn > a::after, :root .c-square-ghost-iconbox-btn > div::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--icon-color);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: relative;
  left: 50%;
  translate: -50% 0;
}
:root .c-square-ghost-iconbox-btn > a[target=_blank]::after, :root .c-square-ghost-iconbox-btn > div[target=_blank]::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: var(--icon-color);
  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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
:root .c-square-ghost-iconbox-btn-list {
  gap: var(--mh--space--x3s);
}
@media (width >= 782px ) {
  :root .c-square-ghost-iconbox-btn {
    --width: 320px;
    --min-width: 320px;
    --max-width: 320px;
    --min-height: 65px;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-square-ghost-iconbox-btn > a {
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-square-ghost-iconbox-btn > a::after {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  :root .c-square-ghost-iconbox-btn > a:hover {
    --bg-color: var(--mh--color--hover-500);
    --border-color: var(--mh--color--hover-500);
    --font-color: var(--mh--color--grayscale-200);
    --icon-box-bg-color: var(--mh--color--hover-100);
  }
}
/* .c-square-ghost-iconbox-btn.is-grayscale
================================================ */
.c-square-ghost-iconbox-btn.is-grayscale {
  --border-color: var(--mh--color--grayscale-800);
  --font-color: var(--mh--color--grayscale-900);
  --bg-color: transparent;
}
/* .c-square-ghost-iconbox-btn.is-map
================================================ */
.c-square-ghost-iconbox-btn.is-map {
  --icon-box-bg-color: transparent;
  --icon-color: var(--mh--color--primary-500);
}
.c-square-ghost-iconbox-btn.is-map > a::after, .c-square-ghost-iconbox-btn.is-map > a[target=_blank]::after, .c-square-ghost-iconbox-btn.is-map > div::after {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: var(--icon-color);
  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%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2230%22%20height%3D%2230%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M15%200c5.87%200%2010.63%204.78%2010.63%2010.68%200%204.94-7.49%2015.63-9.9%2018.94a.91.91%200%200%201-1.48%200c-2.39-3.3-9.88-13.98-9.88-18.95A10.67%2010.67%200%200%201%2015%200Zm0%2015.32a4.63%204.63%200%200%200%204.62-4.64A4.62%204.62%200%200%200%2015%206.03a4.62%204.62%200%200%200-4.62%204.64A4.62%204.62%200%200%200%2015%2015.31Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2230%22%20height%3D%2230%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M15%200c5.87%200%2010.63%204.78%2010.63%2010.68%200%204.94-7.49%2015.63-9.9%2018.94a.91.91%200%200%201-1.48%200c-2.39-3.3-9.88-13.98-9.88-18.95A10.67%2010.67%200%200%201%2015%200Zm0%2015.32a4.63%204.63%200%200%200%204.62-4.64A4.62%204.62%200%200%200%2015%206.03a4.62%204.62%200%200%200-4.62%204.64A4.62%204.62%200%200%200%2015%2015.31Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
@media (hover: hover) and (pointer: fine) {
  .c-square-ghost-iconbox-btn.is-map > a:hover {
    --icon-box-bg-color: transparent;
    --icon-color: var(--mh--color--grayscale-200);
  }
}
/* .c-square-ghost-iconbox-btn-list.is-col2
================================================ */
@media (width >= 782px ) {
  .c-square-ghost-iconbox-btn-list.is-col2 .c-square-ghost-iconbox-btn {
    --width: calc(50% - (var(--mh--space--x3s) / 2));
    --max-width: calc(50% - (var(--mh--space--x3s) / 2));
  }
}
/* .c-square-ghost-iconbox-btn-list.is-col3
================================================ */
@media (width >= 782px ) {
  .c-square-ghost-iconbox-btn-list.is-col3 .c-square-ghost-iconbox-btn {
    --width: calc(33.33% - ((var(--mh--space--x3s) * 2) / 3));
    --max-width: calc(33.33% - ((var(--mh--space--x3s) * 2) / 3));
    --min-width: unset;
  }
}
/* .c-text-btn
================================================== */
.c-text-btn {
  --font-size: var(--mh--font-size--lg);
  --padding: 0 0 var(--gap);
  width: 100%;
}
.c-text-btn > a, .c-text-btn > div {
  background-image: linear-gradient(var(--mh--color--primary-500), var(--mh--color--primary-500));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 30px;
  gap: var(--mh--space--10-10);
  align-items: center;
  justify-content: space-between;
  padding: var(--padding) !important;
  font-size: var(--font-size);
  font-weight: 700;
  color: var(--mh--color--grayscale-900);
  text-align: left;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
}
@media (hover: hover) and (pointer: fine) {
  .c-text-btn > a:hover, .c-text-btn > div:hover {
    animation: line-running 0.3s linear;
  }
}
.c-text-btn > a::before, .c-text-btn > a::after, .c-text-btn > div::before, .c-text-btn > div::after {
  grid-area: 1/2/2/3;
  content: "";
}
.c-text-btn > a::before, .c-text-btn > div::before {
  height: 30px;
  background-color: var(--mh--color--primary-500);
}
.c-text-btn > a::after, .c-text-btn > div::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.c-text-btn__list {
  --gap: 20px;
  row-gap: var(--gap);
}
@media (width >= 1100px ) {
  .c-text-btn {
    --font-size: var(--mh--font-size--x2l);
    --padding: 0 var(--mh--space--10-15) var(--gap) 0;
  }
  .c-text-btn__list {
    --gap: 35px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-text-btn > a::before {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-text-btn:hover > a::before {
    background-color: var(--mh--color--hover-500);
  }
}
/*  .c-text-icon-btn
================================================== */
:root .c-text-icon-btn {
  --width: fit-content;
  --min-height: 24px;
  --column-gap: var(--mh--space--10-10);
  --icon-color: var(--mh--color--grayscale-200);
  --icon-box-size: 20px;
  --icon-box-bg-color: var(--mh--color--primary-500);
  --icon-box-boder-radius: 0;
  --font-size: var(--mh--font-size--sm);
  position: relative;
  font-size: var(--font-size);
  font-weight: 700;
}
:root .c-text-icon-btn > a, :root .c-text-icon-btn > div {
  position: relative;
  display: grid;
  grid-template-columns: auto var(--icon-box-size);
  column-gap: var(--column-gap);
  align-items: center;
  width: var(--width);
  min-height: var(--min-height);
  padding: 0 !important;
  font-weight: 700;
  text-align: left;
}
:root .c-text-icon-btn > a::before, :root .c-text-icon-btn > a::after, :root .c-text-icon-btn > div::before, :root .c-text-icon-btn > div::after {
  display: grid;
  grid-area: 1/2/2/3;
  place-content: center;
  content: "";
}
:root .c-text-icon-btn > a::before, :root .c-text-icon-btn > div::before {
  width: var(--icon-box-size);
  aspect-ratio: 1;
  background-color: var(--icon-box-bg-color);
  border-radius: var(--icon-box-boder-radius);
  transition: background-color var(--mh--duration) var(--mh--easing);
}
:root .c-text-icon-btn > a::after, :root .c-text-icon-btn > div::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--icon-color);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: relative;
  left: 50%;
  translate: -50% 0;
}
@media (hover: hover) and (pointer: fine) {
  :root .c-text-icon-btn > a {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  :root .c-text-icon-btn > a::before {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-text-icon-btn > a:hover {
    --icon-box-bg-color: var(--mh--color--hover-500);
    color: var(--mh--color--hover-500);
  }
}
/* .c-text-icon-btn.is-lg
================================================ */
:root .c-text-icon-btn.is-lg {
  --icon-box-size: 48px;
}
:root .c-text-icon-btn.is-lg > a::after, :root .c-text-icon-btn.is-lg > div::after {
  display: inline-block;
  width: 9px;
  height: 15px;
  color: var(--icon-color);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-text-icon-btn.is-big-md-up
================================================ */
@media (width >= 782px ) {
  :root .c-text-icon-btn.is-big-md-up {
    --icon-box-size: 48px;
  }
  :root .c-text-icon-btn.is-big-md-up > a::after, :root .c-text-icon-btn.is-big-md-up > div::after {
    display: inline-block;
    width: 9px;
    height: 15px;
    color: var(--icon-color);
    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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
    transition: all var(--mh--duration) var(--mh--easing);
  }
}
/* .c-feature-card
================================================== */
:root .c-feature-card {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--mh--space--x3s);
}
:root .c-feature-card__item {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--mh--space--x3s) var(--mh--space--25-25);
  align-items: center;
  min-height: 120px;
  padding: var(--mh--space--25-30);
}
:root .c-feature-card__item > p {
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  :root .c-feature-card {
    grid-template-columns: repeat(3, 1fr);
  }
  :root .c-feature-card__item {
    grid-template-columns: 1fr;
    padding-block: var(--mh--space--xs);
  }
  :root .c-feature-card__item > figure {
    max-width: 70px;
    margin-inline: auto;
  }
  :root .c-feature-card__item > p {
    text-align: center;
  }
}
/* .c-head-card
================================================== */
.c-head-card > h3, .c-head-card > h4 {
  padding: var(--mh--space--15-20) var(--mh--space--20-30);
  font-size: var(--mh--font-size--xl);
  text-align: center;
  background-color: var(--mh--color--primary-200);
}
.c-head-card__contents {
  padding: var(--mh--space--20-30);
  background-color: var(--mh--color--grayscale-200);
}
.c-head-card__list {
  display: grid;
  gap: var(--mh--space--x3s) var(--mh--space--20-30);
}
@media (width >= 782px ) {
  .c-head-card {
    background-color: var(--mh--color--grayscale-200);
  }
  .c-head-card__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* .c-icon-card
================================================== */
:root .c-icon-card {
  --icon-width: 50px;
  --row-gap: 10px;
  --font-size: var(--mh--font-size--x2s);
  position: relative;
  display: grid;
  row-gap: 10px;
  place-content: center;
  aspect-ratio: 1;
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-200);
}
:root .c-icon-card > p {
  display: grid;
  place-content: center;
  min-height: 42px;
  font-size: var(--font-size);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: currentcolor;
  text-align: center;
}
:root .c-icon-card > figure {
  width: var(--icon-width);
  max-width: 70px;
  margin-inline: auto;
}
:root .c-icon-card::before {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  position: absolute;
  top: var(--mh--space--x3s);
  left: var(--mh--space--x3s);
  font-size: var(--mh--font-size--xs);
  color: var(--mh--color--grayscale-800);
  content: counter(num, decimal-leading-zero);
  counter-increment: num 1;
}
:root .c-icon-card__ico {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--mh--color--primary-500);
  position: absolute;
  right: 0;
  bottom: 0;
}
:root .c-icon-card__ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
:root .c-icon-card:not(:has(.u-link-layer)) .c-icon-card__ico {
  display: none;
}
:root .c-icon-card__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--mh--space--10-15);
  counter-reset: num 0;
}
@media (width >= 782px ) {
  :root .c-icon-card__list {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}
@media (width >= 1100px ) {
  :root .c-icon-card {
    --icon-width: calc(100vw * 70 / var(--mh-viewport));
    --row-gap: 13px;
  }
  :root .c-icon-card__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (width >= 1280px ) {
  :root .c-icon-card {
    --font-size: var(--mh--font-size--md);
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-icon-card:has(.u-link-layer) {
    transition: color var(--mh--duration) var(--mh--easing), background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-icon-card:has(.u-link-layer)::before {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  :root .c-icon-card:has(.u-link-layer) > figure {
    transition: filter 0.1s var(--mh--easing);
  }
  :root .c-icon-card:has(.u-link-layer) .c-icon-card__ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-icon-card:has(.u-link-layer:hover) {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
  }
  :root .c-icon-card:has(.u-link-layer:hover)::before {
    color: var(--mh--color--grayscale-200);
  }
  :root .c-icon-card:has(.u-link-layer:hover) > figure {
    filter: grayscale(1) brightness(10) contrast(5);
  }
  :root .c-icon-card:has(.u-link-layer:hover) .c-icon-card__ico {
    background-color: var(--mh--color--hover-100);
  }
}
/* .c-media-card
================================================== */
.c-media-card {
  display: grid;
  row-gap: var(--mh--space--10-15);
  align-content: start;
}
.c-media-card__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--15-15) var(--mh--space--x3s);
}
.c-media-card > figure {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.c-media-card > figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.c-media-card__contents {
  display: grid;
  row-gap: 5px;
}
.c-media-card__contents > h3, .c-media-card__contents > h4, .c-media-card__contents > h5 {
  font-size: var(--mh--font-size--lg);
  color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  .c-media-card {
    display: grid;
    row-gap: var(--mh--space--10-15);
  }
  .c-media-card__list {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: flex-start;
  }
  .c-media-card__contents {
    display: grid;
    row-gap: 5px;
  }
  .c-media-card__contents > h3, .c-media-card__contents > h4, .c-media-card__contents > h5 {
    font-size: var(--mh--font-size--lg);
    color: var(--mh--color--primary-500);
  }
}
/* .c-media-card.is-row-lg-down
================================================ */
@media (width < 1100px) {
  .c-media-card.is-row-lg-down {
    grid-template-columns: 48.4% 1fr;
    column-gap: 15px;
  }
  .c-media-card__list:has(.c-media-card.is-row-lg-down) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width < 782px) {
  .c-media-card__list:has(.c-media-card.is-row-lg-down) {
    grid-template-columns: 1fr;
  }
}
/* .c-simple-card
================================================== */
.c-simple-card {
  display: grid;
  gap: var(--mh--space--10-15);
}
.c-simple-card__img {
  row-gap: var(--mh--space--25-25);
}
.c-simple-card__img > figure {
  width: 100%;
  aspect-ratio: 355/188;
}
.c-simple-card__img > figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.c-simple-card__img > h3, .c-simple-card__img > h4, .c-simple-card__img > h5 {
  font-size: var(--mh--font-size--x3l);
}
.c-simple-card > p {
  line-height: var(--mh--line-height--lg);
}
.c-simple-card__list {
  display: grid;
  gap: var(--mh--space--30-30);
}
@media (width >= 782px ) {
  .c-simple-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    align-items: flex-start;
  }
  .c-simple-card__contents {
    height: 100%;
  }
  .c-simple-card__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-simple-card__list:is(:has(> .c-simple-card:nth-child(2):last-child),
  :has(> .c-simple-card:nth-child(3n+1):last-child)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* .c-text-card-primary
================================================== */
.c-text-card-primary {
  display: grid;
  row-gap: var(--mh--space--x3s);
  padding: var(--mh--space--20-30);
  background-color: var(--mh--color--primary-200);
}
.c-text-card-primary__list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-text-card-primary > h3, .c-text-card-primary > h4, .c-text-card-primary > h5, .c-text-card-primary > h6 {
  font-size: var(--mh--font-size--lg);
}
.c-text-card-primary > p {
  line-height: var(--mh--line-height--lg);
}
@media (width >= 782px ) {
  .c-text-card-primary {
    align-content: flex-start;
  }
  .c-text-card-primary__list {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
  }
}
/* .c-text-card
================================================== */
.c-text-card {
  display: grid;
  row-gap: var(--mh--space--x3s);
  padding: var(--mh--space--20-30);
  background-color: var(--mh--color--grayscale-400);
}
.c-text-card__list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-text-card > h3, .c-text-card > h4, .c-text-card > h5, .c-text-card > h6 {
  font-size: var(--mh--font-size--lg);
}
.c-text-card > p {
  line-height: var(--mh--line-height--lg);
}
@media (width >= 782px ) {
  .c-text-card {
    align-content: flex-start;
  }
  .c-text-card__list {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    grid-auto-rows: max-content;
  }
}
/*  .c-user-card
================================================== */
:root .c-user-card {
  --card-list-gap: var(--mh--space--x3s);
  --card-padding: var(--mh--space--30-40);
  --card-gap: var(--mh--space--x3s);
  --card-bg-color: var(--mh--color--grayscale-200);
  --text-gap: var(--mh--space--x3s);
  --icon-bg-size: 100px;
  --icon-bg-color: transparent;
  --icon-bg-rounded: 50%;
  --icon-size: 100%;
  --head-size: var(--mh--font-size--md);
  --head-weight: 700;
  --head-line-height: var(--mh--line-height--md);
  --text-size: var(--mh--font-size--xs);
  --text-line-height: var(--mh--line-height--md);
  --text-color: var(--mh--color--grayscale-800);
  --text-wight: 700;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--card-list-gap);
}
:root .c-user-card__item {
  display: grid;
  row-gap: var(--card-gap);
  padding: var(--card-padding);
  background-color: var(--card-bg-color);
}
:root .c-user-card__item > figure {
  display: grid;
  place-content: center;
  width: var(--icon-bg-size);
  aspect-ratio: 1;
  margin-inline: auto;
  background-color: var(--icon-bg-color);
}
:root .c-user-card__item > figure img {
  width: var(--icon-size);
  border-radius: var(--icon-bg-rounded);
}
:root .c-user-card__item-contents {
  display: grid;
  row-gap: var(--text-gap);
  text-align: center;
}
:root .c-user-card__item-contents > p:nth-child(1) {
  font-size: var(--head-size);
  font-weight: var(--head-weight);
  line-height: var(--head-line-height);
}
:root .c-user-card__item-contents > p:nth-child(2) {
  font-size: var(--text-size);
  font-weight: var(--text-wight);
  line-height: var(--text-line-height);
  color: var(--text-color);
}
@media (width >= 782px ) {
  :root .c-user-card {
    grid-template-columns: repeat(3, 1fr);
  }
  :root .c-user-card__item {
    grid-template-rows: 100px 1fr;
    align-content: stretch;
  }
  :root .c-user-card__item-contents {
    align-content: space-between;
  }
}
/* .c-voice-card
================================================== */
:root .c-voice-card__item {
  display: grid;
  row-gap: var(--mh--space--x3s);
  padding: var(--mh--space--20-30);
  border: solid var(--mh--color--grayscale-500);
  border-width: 0 0 1px;
}
:root .c-voice-card .c-voice-card__head {
  display: grid;
  grid-template-columns: 50px 1fr;
  column-gap: var(--mh--space--x3s);
  align-items: center;
}
:root .c-voice-card .c-voice-card__head > figure {
  overflow: hidden;
  border-radius: 50%;
}
:root .c-voice-card .c-voice-card__head > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:root .c-voice-card .c-voice-card__head > p {
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
:root .c-voice-card__info {
  row-gap: var(--mh--space--x5s);
  padding-top: var(--mh--space--x3s);
  border-top: 1px solid var(--mh--color--grayscale-500);
}
:root .c-voice-card__info > p:first-child {
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-800);
}
:root .c-voice-card__info > p:last-child {
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  :root .c-voice-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  :root .c-voice-card__item {
    grid-template-rows: subgrid;
    grid-row: span 3;
    border-width: 0 1px 1px;
  }
  :root .c-voice-card__item:nth-child(3n+2) {
    border-left-width: 0;
  }
  :root .c-voice-card__item:nth-child(3n+3) {
    border-left-width: 0;
  }
  :root .c-voice-card__head {
    display: grid;
    grid-template-columns: 50px 1fr;
    column-gap: var(--mh--space--x3s);
    align-items: center;
  }
  :root .c-voice-card__head > figure {
    overflow: hidden;
    border-radius: 50%;
  }
  :root .c-voice-card__head > figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  :root .c-voice-card__head > p {
    font-size: var(--mh--font-size--lg);
    font-weight: 700;
  }
  :root .c-voice-card__info {
    row-gap: var(--mh--space--x5s);
    padding-top: var(--mh--space--x3s);
    border-top: 1px solid var(--mh--color--grayscale-500);
  }
  :root .c-voice-card__info > p:first-child {
    font-size: var(--mh--font-size--sm);
    line-height: var(--mh--line-height--md);
    color: var(--mh--color--grayscale-800);
  }
  :root .c-voice-card__info > p:last-child {
    font-weight: 700;
    line-height: var(--mh--line-height--md);
    color: var(--mh--color--primary-500);
  }
}
/* .c-category01
================================================== */
.c-category01 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--mh--space--x3s);
}
.c-category01__item {
  --_bg-color: var(--mh--color--grayscale-200);
  --_color: var(--mh--color--primary-500);
  --_border-color: var(--mh--color--primary-500);
}
.c-category01__item-in {
  display: grid;
  place-content: center;
  min-height: 56px;
  font-weight: 700;
  color: var(--_color);
  text-align: center;
  background-color: var(--_bg-color);
  border: 1px solid var(--_border-color);
}
.c-category01__item.is-current {
  --_bg-color: var(--mh--color--primary-500);
  --_color: var(--mh--color--grayscale-200);
}
@media (hover: hover) and (pointer: fine) {
  .c-category01__item-in {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-category01__item-in:hover {
    --_bg-color: var(--mh--color--hover-500);
    --_border-color: var(--mh--color--hover-500);
    --_color: var(--mh--color--grayscale-200);
  }
}
/*  .c-faq01
================================================== */
:root .c-faq01 {
  --label-size: 40px;
  --icon-size: 15px;
  display: grid;
  row-gap: var(--mh--space--x4s);
}
:root .c-faq01__question {
  position: relative;
  display: grid;
  grid-template-columns: var(--label-size) 1fr var(--icon-size);
  column-gap: var(--mh--space--15-20);
  align-items: center;
  padding: var(--mh--space--15-20);
  background-color: var(--mh--color--primary-200);
  transition: all var(--mh--duration) var(--mh--easing);
}
:root .c-faq01__question .c-faq01__label {
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
}
:root .c-faq01__question-txt {
  font-weight: 700;
}
:root .c-faq01__question-ico {
  position: relative;
  width: var(--icon-size);
  height: var(--icon-size);
}
:root .c-faq01__question-ico::before, :root .c-faq01__question-ico::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  content: "";
  background-color: var(--mh--color--primary-500);
  transition: all var(--mh--duration) var(--mh--easing);
}
:root .c-faq01__question-ico::after {
  transform: rotate(90deg);
}
:root .c-faq01__question.is-active .c-faq01__question-ico::after {
  transform: rotate(0);
}
:root .c-faq01__answer {
  background: var(--mh--color--grayscale-200);
}
:root .c-faq01__answer-inner {
  display: grid;
  grid-template-columns: var(--label-size) 1fr;
  column-gap: var(--mh--space--15-20);
  padding: var(--mh--space--20-30) var(--mh--space--15-20) var(--mh--space--xs);
}
:root .c-faq01__answer .c-faq01__label {
  background-color: var(--mh--color--primary-200);
}
:root .c-faq01__answer-contents {
  display: grid;
  row-gap: var(--mh--space--x2s);
}
:root .c-faq01__answer p {
  line-height: var(--mh--line-height--lg);
}
:root .c-faq01__answer p > a {
  color: var(--mh--color--primary-500);
  text-decoration: underline !important;
}
:root .c-faq01__label {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  display: grid;
  place-content: center;
  width: var(--label-size);
  height: var(--label-size);
  font-size: var(--mh--font-size--x2l);
}
@media (width >= 782px ) {
  :root .c-faq01 {
    --label-size: 45px;
    --icon-size: 24px;
  }
  :root .c-faq01__question.is-active-md-up .c-faq01__question-ico::after {
    transform: rotate(0);
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-faq01__label {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-faq01__question {
    transition: color var(--mh--duration) var(--mh--easing), background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-faq01__question:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
  }
  :root .c-faq01__question:hover .c-faq01__label {
    background-color: var(--mh--color--hover-100);
  }
  :root .c-faq01__question:hover .c-faq01__question-ico::before, :root .c-faq01__question:hover .c-faq01__question-ico::after {
    background-color: var(--mh--color--grayscale-200);
  }
}
/* .c-form
================================================== */
.c-form {
  display: grid;
  row-gap: var(--mh--space--sm);
}
.c-form input[type=text],
.c-form input[type=email],
.c-form input[type=tel],
.c-form textarea,
.c-form select,
.c-form option {
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
}
.c-form fieldset {
  border: none;
}
.c-form input,
.c-form textarea {
  box-sizing: border-box;
  padding: 0 var(--mh--space--x3s);
  font-size: 1.6rem;
}
.c-form input[type=file] {
  padding: 0;
}
.c-form input[type=text],
.c-form input[type=email],
.c-form input[type=tel] {
  height: 50px;
}
.c-form input[type=radio],
.c-form input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  clip: rect(0, 0, 0, 0);
}
.c-form textarea {
  height: 200px;
}
.c-form__body {
  display: grid;
  row-gap: var(--mh--space--30-30);
  padding-block: var(--mh--space--lg);
  background-color: var(--mh--color--grayscale-400);
}
.c-form__set {
  box-sizing: border-box;
  padding-inline: var(--mh--space--10-10);
  padding-bottom: var(--mh--space--30-30);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-form__set.has-no-border {
  padding: 0;
  border-bottom: none;
}
.c-form__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: var(--mh--space--15-15);
  font-weight: 700;
}
.c-form__head-txt {
  max-width: calc(100% - 45px - 20px);
}
.c-form__required, .c-form__optional {
  box-sizing: border-box;
  padding: 2px var(--mh--space--10-15);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mh--color--grayscale-200);
  text-align: center;
  border: 1px solid var(--mh--color--primary-500);
}
.c-form__required {
  background: var(--mh--color--primary-500);
}
.c-form__optional {
  color: var(--mh--color--primary-500);
  background: var(--mh--color--grayscale-200);
}
.c-form__field-set {
  display: block;
  margin-top: var(--mh--space--15-15);
}
.c-form__field-description {
  display: grid;
  gap: 5px 0;
  margin-bottom: var(--mh--space--10-10);
  font-size: var(--mh--font-size--xs);
  line-height: 1.5;
  color: var(--mh--color--grayscale-800);
}
.c-form__field-txt {
  display: block;
}
.c-form__postcode {
  display: flex;
  align-items: center;
}
.c-form__postcode-suffix {
  flex: 0 0 1em;
  margin-right: 10px;
}
.c-form__postcode-btn {
  box-sizing: border-box;
  flex: 0 0 100px;
  height: 50px;
  padding: var(--mh--space--10-10);
  margin-left: 15px;
  font-size: var(--mh--font-size--xs);
  color: #fff;
  text-align: center;
  background: var(--mh--color--primary-500);
}
.c-form__postcode > input {
  flex: 1;
}
.c-form__select-in {
  position: relative;
  display: inline-block;
  width: 100%;
}
.c-form__select-in select {
  padding: 13px 44px 13px 10px;
  cursor: pointer;
}
.c-form__select-in::after {
  position: absolute;
  top: 19px;
  right: 13px;
  width: 9px;
  height: 9px;
  content: "";
  border-right: 2px solid var(--mh--color--primary-500);
  border-bottom: 2px solid var(--mh--color--primary-500);
  transform: rotate(45deg);
}
.c-form__select-unit {
  margin-left: 2px;
  font-size: 1.6rem;
}
.c-form__select.is-date {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--mh--space--10-10);
  align-items: center;
}
.c-form__select.is-date .c-form__select-year {
  display: flex;
  gap: 6px;
  align-items: center;
}
.c-form__select.is-date .c-form__select-month,
.c-form__select.is-date .c-form__select-day {
  display: flex;
  gap: 6px;
  align-items: center;
}
.c-form__select.is-date .c-form__select-unit {
  margin-left: 6px;
}
.c-form__radio-list {
  display: grid;
  gap: 15px 19px;
}
.c-form__radio-list .c-form-parts {
  display: grid;
  row-gap: var(--mh--space--10-15);
}
.c-form__radio-list label {
  position: relative;
  padding-left: 37px;
  cursor: pointer;
}
.c-form__radio-list input + span::before {
  position: absolute;
  top: 14px;
  left: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  content: "";
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
  border-radius: 50%;
  transform: translateY(-50%);
}
.c-form__radio-list input + span::after {
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--mh--color--primary-500);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease;
}
.c-form__radio-list input:checked + span::after {
  transform: scale(1);
}
.c-form__radio-list span {
  margin: 0;
}
.c-form__checkbox-list .c-form-parts {
  display: grid;
  gap: var(--mh--space--10-15);
}
.c-form__checkbox-list label {
  position: relative;
  display: flex;
  padding-left: 34px;
  cursor: pointer;
}
.c-form__checkbox-list input + span::before {
  position: absolute;
  top: 14px;
  left: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  content: "";
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
  transform: translateY(-50%);
}
.c-form__checkbox-list input + span::after {
  position: absolute;
  top: 7px;
  left: 4px;
  display: block;
  width: 16px;
  height: 12px;
  content: "";
  background-color: var(--mh--color--primary-500);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M6.027%2012a.057.057%200%200%201-.044-.02L.018%205.91A.057.057%200%200%201%200%205.869c0-.017.005-.032.018-.044l1.759-1.789a.057.057%200%200%201%20.042-.018.05.05%200%200%201%20.041.017l4.166%204.239L14.14.019A.055.055%200%200%201%2014.18%200c.016%200%20.03.006.042.019l1.759%201.789A.061.061%200%200%201%2016%201.85c0%20.017-.005.03-.017.042l-9.914%2010.09a.058.058%200%200%201-.042.017Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M6.027%2012a.057.057%200%200%201-.044-.02L.018%205.91A.057.057%200%200%201%200%205.869c0-.017.005-.032.018-.044l1.759-1.789a.057.057%200%200%201%20.042-.018.05.05%200%200%201%20.041.017l4.166%204.239L14.14.019A.055.055%200%200%201%2014.18%200c.016%200%20.03.006.042.019l1.759%201.789A.061.061%200%200%201%2016%201.85c0%20.017-.005.03-.017.042l-9.914%2010.09a.058.058%200%200%201-.042.017Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  transform: scale(0);
  transition: transform var(--mh--duration) var(--mh--easing);
}
.c-form__checkbox-list input:checked + span::after {
  transform: scale(1);
}
.c-form__checkbox-list span {
  margin: 0;
}
.c-form__radio-list input:disabled + label, .c-form__checkbox-list input:disabled + label {
  opacity: 0.5;
}
.c-form__radio-list + .c-form__radio-list, .c-form__radio-list + .c-form__checkbox-list, .c-form__checkbox-list + .c-form__radio-list, .c-form__checkbox-list + .c-form__checkbox-list {
  margin-top: 50px;
}
.c-form__radio-list.is-col2, .c-form__radio-list.is-col3, .c-form__checkbox-list.is-col2, .c-form__checkbox-list.is-col3 {
  grid-template-columns: repeat(2, 1fr);
}
.c-form__privacy {
  box-sizing: border-box;
  height: 354px;
  padding: var(--mh--space--30-40) var(--mh--space--xs);
  margin-top: var(--mh--space--sm);
  margin-bottom: 20px;
  overflow-y: scroll;
  border: 1px solid var(--mh--color--grayscale-500);
}
.c-form__privacy-head {
  margin-bottom: var(--mh--space--10-10);
  font-weight: bold;
}
.c-form__privacy-txt {
  line-height: var(--mh--line-height--lg);
}
.c-form__agreement {
  margin-bottom: var(--mh--space--sm);
}
.c-form__agreement-txt {
  text-align: center;
}
.c-form__agreement-check {
  text-align: center;
}
.c-form__agreement-check label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.c-form__agreement-check > label {
  padding-left: 0;
}
.c-form__agreement-check span {
  margin: 0;
}
.c-form__agreement-check input + span::before {
  position: absolute;
  top: 13px;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
  transform: translateY(-50%);
}
.c-form__agreement-check input:checked + span::after {
  position: absolute;
  top: 6px;
  left: 4px;
  display: block;
  width: 16px;
  height: 12px;
  content: "";
  background-color: var(--mh--color--primary-500);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M6.027%2012a.057.057%200%200%201-.044-.02L.018%205.91A.057.057%200%200%201%200%205.869c0-.017.005-.032.018-.044l1.759-1.789a.057.057%200%200%201%20.042-.018.05.05%200%200%201%20.041.017l4.166%204.239L14.14.019A.055.055%200%200%201%2014.18%200c.016%200%20.03.006.042.019l1.759%201.789A.061.061%200%200%201%2016%201.85c0%20.017-.005.03-.017.042l-9.914%2010.09a.058.058%200%200%201-.042.017Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M6.027%2012a.057.057%200%200%201-.044-.02L.018%205.91A.057.057%200%200%201%200%205.869c0-.017.005-.032.018-.044l1.759-1.789a.057.057%200%200%201%20.042-.018.05.05%200%200%201%20.041.017l4.166%204.239L14.14.019A.055.055%200%200%201%2014.18%200c.016%200%20.03.006.042.019l1.759%201.789A.061.061%200%200%201%2016%201.85c0%20.017-.005.03-.017.042l-9.914%2010.09a.058.058%200%200%201-.042.017Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
.c-form__agreement-check input:disabled + label {
  opacity: 0.5;
}
.c-form__btn {
  text-align: center;
}
.c-form__btn input {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: var(--mh--space--15-20);
  font-family: var(--mh--font-family--base);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  appearance: none;
  outline: none;
  background-color: var(--mh--color--grayscale-700);
  border: 1px solid var(--mh--color--primary-500);
}
.c-form__btn input + input {
  margin-left: 20px;
}
.c-form__btn span {
  width: 0;
  margin: 0;
}
@media (width < 782px) {
  .c-form__body {
    padding-inline: var(--mh--contents--padding--side);
    margin-inline: calc(var(--mh--contents--padding--side) * -1);
  }
}
@media (width >= 782px ) {
  .c-form__body {
    padding-inline: var(--mh--space--lg);
  }
  .c-form__head {
    display: inline-block;
  }
  .c-form__postcode > input[type=text] {
    max-width: 270px;
  }
  .c-form__postcode-btn {
    height: 45px;
    font-size: var(--mh--font-size--md);
  }
  .c-form__select-in {
    max-width: 444px;
  }
  .c-form__select-unit {
    margin-left: 11px;
  }
  .c-form__select.is-date {
    grid-template-columns: 177px 137px 137px;
    column-gap: 18px;
  }
  .c-form__select.is-date .c-form__select-year {
    gap: 11px;
  }
  .c-form__select.is-date .c-form__select-month,
  .c-form__select.is-date .c-form__select-day {
    gap: 11px;
  }
  .c-form__optional, .c-form__required {
    margin-left: var(--mh--space--x3s);
  }
  .c-form__privacy {
    height: 268px;
  }
  .c-form__btn input {
    width: 320px;
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form__btn input {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-form__btn input:hover {
    color: var(--mh--color--grayscale-200);
    background: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
}
/* .c-form-btn
================================================== */
.c-form-area-btn {
  margin-top: 35px;
}
@media (width >= 782px ) {
  .c-form-area-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
  }
}
.c-form-btn {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  height: 60px;
  padding: 10px 20px;
  margin: 0 auto;
  font-weight: 500;
  text-align: left;
  appearance: none;
  border: 0;
}
.c-form-btn + .c-form-btn {
  margin-top: 20px;
}
@media (width >= 782px ) {
  .c-form-btn {
    max-width: 320px;
    height: 80px;
    margin: 0;
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-form-btn + .c-form-btn {
    margin-top: 0;
    margin-left: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form-btn:hover {
    opacity: 0.8;
  }
}
/* .c-bg-sideline-head
================================================== */
.c-bg-sideline-head {
  padding: 7px var(--mh--space--15-20);
  font-size: var(--mh--font-size--x2l);
  border-left: 2px solid;
}
.c-bg-sideline-head.is-primary {
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--primary-200);
  border-left-color: var(--mh--color--primary-500);
}
.c-bg-sideline-head.is-secondary {
  color: var(--mh--color--secondary-500);
  background-color: var(--mh--color--secondary-200);
  border-left-color: var(--mh--color--secondary-500);
}
/* .c-centerline-head
================================================== */
.c-centerline-head {
  --column-gap: var(--mh--space--x2s);
  --centerline-min-width: 40px;
  --centerline-height: 1px;
  --centerline-color: var(--mh--color--primary-500);
  --font-size: var(--mh--font-size--x3l);
  display: flex;
  column-gap: var(--column-gap);
  align-items: center;
  font-size: var(--font-size);
  text-align: center;
}
.c-centerline-head::before, .c-centerline-head::after {
  flex-grow: 1;
  min-width: var(--centerline-min-width);
  height: var(--centerline-height);
  content: "";
  background-color: var(--centerline-color);
}
/* .c-en-hgroup
================================================== */
:root .c-en-hgroup {
  --_row-gap: 5px;
  --_en-font-size: var(--mh--font-size--x5l);
  --_en-font-color: var(--mh--color--secondary-500);
  --_ja-font-size: var(--mh--font-size--x4l);
  display: grid;
  row-gap: var(--_row-gap);
}
:root .c-en-hgroup__en, :root .c-en-hgroup > p {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  font-size: var(--_en-font-size);
  color: var(--_en-font-color);
}
:root .c-en-hgroup__main, :root .c-en-hgroup > h2, :root .c-en-hgroup > h3, :root .c-en-hgroup > h4, :root .c-en-hgroup > h5, :root .c-en-hgroup > h6 {
  font-size: var(--_ja-font-size);
}
@media (width >= 782px ) {
  :root .c-en-hgroup {
    --_row-gap: var(--mh--space--10-10);
  }
}
/* .c-hgroup
================================================== */
:root .c-hgroup {
  --row-gap: var(--mh--space--x4s);
  --en-font-size: var(--mh--font-size--md);
  --en-font-color: var(--mh--color--primary-500);
  --ja-font-size: var(--mh--font-size--x8l);
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
}
:root .c-hgroup .c-hgroup__en, :root .c-hgroup > p {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  font-size: var(--en-font-size);
  color: var(--en-font-color);
  text-transform: uppercase;
}
:root .c-hgroup .c-hgroup__main, :root .c-hgroup > h2, :root .c-hgroup > h3, :root .c-hgroup > h4, :root .c-hgroup > h5, :root .c-hgroup > h6 {
  font-size: var(--ja-font-size);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
/* .c-hgroup-set
================================================ */
.c-hgroup-set {
  display: flex;
  flex-direction: column;
  row-gap: var(--mh--space--xs);
}
@media (width >= 782px ) {
  .c-hgroup-set {
    flex-direction: row;
    column-gap: var(--mh--space--md);
    align-items: flex-end;
  }
  .c-hgroup-set > p {
    padding-bottom: 10px;
  }
}
/* .c-hgroup.is-sm
================================================ */
:root .c-hgroup.is-sm {
  --en-font-size: var(--mh--font-size--xs);
  --ja-font-size: var(--mh--font-size--x5l);
}
/* .c-hgroup.is-copy
================================================ */
.c-hgroup.is-copy .c-hgroup__main, .c-hgroup.is-copy > h2, .c-hgroup.is-copy > h3, .c-hgroup.is-copy > h4, .c-hgroup.is-copy > h5, .c-hgroup.is-copy > h6 {
  font-size: 2.4rem;
}
@media (width >= 782px ) {
  .c-hgroup.is-copy .c-hgroup__main, .c-hgroup.is-copy > h2, .c-hgroup.is-copy > h3, .c-hgroup.is-copy > h4, .c-hgroup.is-copy > h5, .c-hgroup.is-copy > h6 {
    font-size: clamp(2.4rem, 1.0840108401vw + 1.552303523rem, 3.2rem);
  }
}
/* head
================================================ */
.c-single01__content h2:not([class*=c-]), .c-line-head {
  --_line-position: 1;
  --_line-gap: var(--mh--space--15-20);
  --_line-width: 80px;
  --_line-height: 3px;
  --_line-color: var(--mh--color--primary-500);
  --font-size: var(--mh--font-size--x5l);
  display: grid;
  row-gap: var(--_line-gap);
  padding-bottom: var(--padding);
  margin-block: var(--mh--space--lg) var(--mh--space--x2s);
  font-size: var(--font-size);
}
.c-single01__content h2:not([class*=c-])::before, .c-line-head::before {
  display: block;
  order: var(--_line-position);
  width: var(--_line-width);
  height: var(--_line-height);
  content: "";
  background: var(--_line-color);
}
.c-single01__content h3:not([class*=c-]), .c-surface-head {
  padding: var(--mh--space--x4s) var(--mh--space--15-20);
  margin-block: var(--mh--space--lg) var(--mh--space--x2s);
  font-size: var(--mh--font-size--x3l);
  background-color: var(--mh--color--primary-200);
  border-left: 2px solid var(--mh--color--primary-500);
}
.c-single01__content h4:not([class*=c-]), .c-mark-head {
  --icon-width: 15px;
  --icon-height: var(--icon-width);
  --icon-color: var(--mh--color--primary-500);
  --icon-pos-x: 0;
  --icon-pos-y: calc(
  	var(--font-size) * var(--line-height) / 2 - var(--icon-height) / 2
  );
  --head-pl: calc(var(--icon-width) + var(--mh--space--10-10));
  --font-size: var(--mh--font-size--x2l);
  --line-height: var(--mh--line-height--md);
  position: relative;
  padding-left: var(--head-pl);
  margin-block: var(--mh--space--lg) var(--mh--space--x2s);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.c-single01__content h4:not([class*=c-])::before, .c-mark-head::before {
  position: absolute;
  top: var(--icon-pos-y);
  left: var(--icon-pos-x);
  display: block;
  width: var(--icon-width);
  height: var(--icon-height);
  content: "";
  background-color: var(--icon-color);
}
@media (width >= 782px ) {
  .c-single01__content h4:not([class*=c-]), .c-mark-head {
    --icon-width: 20px;
  }
}
.c-simple-head {
  font-size: var(--mh--font-size--lg);
}
/* list
================================================ */
:root .c-disc-list, .c-decimal-list {
  --_list-columns: 1;
  --_list-min-width: 0;
  --_columns-gap: var(--mh--space--10-15);
  grid-template-columns: repeat(var(--_list-columns, 1), minmax(var(--_list-min-width, 0), 1fr));
  column-gap: var(--_columns-gap);
}
.c-single01__content ul:not([class*=c-]), .c-single01__content ul:not([class*=c-]) > li > ul, .c-single01__content ol:not([class*=c-]) > li > ul, :root .c-disc-list, :root .c-disc-list > li > ul, .c-decimal-list > li > ul {
  --_list-row-gap: var(--mh--space--x4s);
  --_icon-column-gap: 8px;
  --_icon-size: 6px;
  --_icon-color: var(--mh--color--primary-500);
  --_line-height: var(--mh--line-height--md);
  --_font-size: var(--mh--font-size--md);
  display: grid;
  row-gap: var(--_list-row-gap);
  padding: 0;
  margin-inline: 0;
  font-size: var(--_font-size);
  list-style: none;
}
.c-single01__content ul:not([class*=c-]) > li, .c-single01__content ul:not([class*=c-]) > li > ul > li, .c-single01__content ol:not([class*=c-]) > li > ul > li, :root .c-disc-list > li, :root .c-disc-list > li > ul > li, .c-decimal-list > li > ul > li {
  position: relative;
  padding-left: calc(var(--_icon-size) + var(--_icon-column-gap));
  line-height: var(--_line-height);
}
.c-single01__content ul:not([class*=c-]) > li::before, .c-single01__content ul:not([class*=c-]) > li > ul > li::before, .c-single01__content ol:not([class*=c-]) > li > ul > li::before, :root .c-disc-list > li::before, :root .c-disc-list > li > ul > li::before, .c-decimal-list > li > ul > li::before {
  position: absolute;
  top: calc(var(--_font-size) * var(--_line-height) / 2 - var(--_icon-size) / 2);
  left: 0;
  width: var(--_icon-size);
  aspect-ratio: 1/1;
  content: "";
  background-color: var(--_icon-color);
}
:root .c-custom-description-table__contents ol, .c-single01__content ul:not([class*=c-]) > li > ol, .c-single01__content ol:not([class*=c-]), .c-single01__content ol:not([class*=c-]) > li > ol, :root .c-disc-list > li > ol, .c-decimal-list, .c-decimal-list > li > ol {
  --_list-type: counter(item, decimal-leading-zero) ".";
  --_list-row-gap: var(--mh--space--x4s);
  --_padding-left: 2em;
  --_number-color: var(--mh--color--primary-500);
  --_line-height: var(--mh--line-height--md);
  --_font-size: var(--mh--_font-size--md);
  display: grid;
  row-gap: var(--_list-row-gap);
  padding: 0;
  margin-inline: 0;
  font-size: var(--_font-size);
  list-style: none;
  counter-reset: item;
}
:root .c-custom-description-table__contents ol > li, .c-single01__content ul:not([class*=c-]) > li > ol > li, .c-single01__content ol:not([class*=c-]) > li, .c-single01__content ol:not([class*=c-]) > li > ol > li, :root .c-disc-list > li > ol > li, .c-decimal-list > li, .c-decimal-list > li > ol > li {
  position: relative;
  padding-left: calc(var(--_padding-left) + 0.2em);
  line-height: var(--_line-height);
}
:root .c-custom-description-table__contents ol > li::before, .c-single01__content ul:not([class*=c-]) > li > ol > li::before, .c-single01__content ol:not([class*=c-]) > li::before, .c-single01__content ol:not([class*=c-]) > li > ol > li::before, :root .c-disc-list > li > ol > li::before, .c-decimal-list > li::before, .c-decimal-list > li > ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--_padding-left);
  font-weight: 700;
  line-height: var(--_line-height);
  color: var(--_number-color);
  content: var(--_list-type);
  counter-increment: item;
}
:root .c-custom-description-table__contents ul, .c-simple-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
:root .c-custom-description-table__contents ul li, .c-simple-list li {
  position: relative;
  padding-left: 24px;
  line-height: var(--mh--line-height--lg);
}
:root .c-custom-description-table__contents ul li::before, .c-simple-list li::before {
  position: absolute;
  top: 15px;
  left: 10px;
  width: 4px;
  aspect-ratio: 1/1;
  content: "";
  background-color: currentcolor;
  border-radius: 50%;
}
.c-single01__content > figure:not([class*=c-]) {
  width: fit-content;
  max-width: 100%;
  margin-top: var(--mh--space--lg);
}
/* .c-line-head
================================================== */
/* .c-mark-head
================================================== */
/* .c-shortline-head
================================================== */
.c-shortline-head {
  --shortline-position: 1;
  --shortline-gap: var(--mh--space--x3s);
  --shortline-width: 60px;
  --shortline-height: 1px;
  --shortline-color: var(--mh--color--primary-500);
  --font-size: var(--mh--font-size--x4l);
  display: grid;
  row-gap: var(--shortline-gap);
  padding-bottom: var(--padding);
  font-size: var(--font-size);
}
.c-shortline-head::before {
  display: block;
  order: var(--shortline-position);
  width: var(--shortline-width);
  height: var(--shortline-height);
  content: "";
  background: var(--shortline-color);
}
.c-shortline-head.has-text-align-center::before, .c-shortline-head:has([class*=u-text])::before {
  margin-inline: auto;
}
/* .c-simple-head
================================================== */
/* .c-square-icon-head
================================================== */
.c-square-icon-head {
  --icon-width: 5px;
  --icon-height: var(--icon-width);
  --icon-color: var(--mh--color--primary-500);
  --icon-pos-x: 0;
  --icon-pos-y: calc(
  	var(--font-size) * var(--line-height) / 2 - var(--icon-height) / 2
  );
  --head-pl: calc(var(--icon-width) + var(--mh--space--10-10));
  --font-size: var(--mh--font-size--md);
  --line-height: var(--mh--line-height--md);
  position: relative;
  padding-left: var(--head-pl);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.c-square-icon-head::before {
  position: absolute;
  top: var(--icon-pos-y);
  left: var(--icon-pos-x);
  display: block;
  width: var(--icon-width);
  height: var(--icon-height);
  content: "";
  background-color: var(--icon-color);
}
/* .c-surface-head
================================================== */
/* .c-history01
================================================== */
.c-history01 {
  --year-width: 68px;
  --column-gap: 30px;
  position: relative;
  display: grid;
  row-gap: 20px;
}
.c-history01::before {
  position: absolute;
  top: 0;
  left: calc(var(--year-width) + var(--column-gap) / 2);
  width: 1px;
  height: 100%;
  content: "";
  background-color: var(--mh--color--grayscale-900);
}
.c-history01__item {
  position: relative;
  display: grid;
  grid-template-columns: var(--year-width) 1fr;
  column-gap: var(--column-gap);
}
.c-history01__item::before {
  position: absolute;
  top: 12px;
  left: calc(var(--year-width) + 11px);
  width: 9px;
  height: 9px;
  content: "";
  background-color: var(--mh--color--grayscale-900);
}
.c-history01__item > p:first-child {
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
}
.c-history01__item > p:last-child {
  position: relative;
  padding-left: 25px;
  line-height: var(--mh--line-height--lg);
}
.c-history01__item > p:last-child::before {
  position: absolute;
  top: 15px;
  left: 0;
  display: block;
  width: 15px;
  height: 1px;
  content: "";
  background-color: var(--mh--color--grayscale-500);
}
@media (width >= 782px ) {
  .c-history01 {
    --year-width: 110px;
    --column-gap: 60px;
  }
  .c-history01__item::before {
    top: 15px;
    left: calc(var(--year-width) + 26px);
  }
  .c-history01__item > p:last-child {
    padding-top: 4px;
    padding-left: calc(9000vw / var(--mh-viewport) + var(--mh--space--x3s));
  }
  .c-history01__item > p:last-child::before {
    top: 19px;
    width: calc(9000vw / var(--mh-viewport));
  }
}
/* .c-ico
================================================== */
.c-ico {
  display: grid;
  place-content: center;
}
/* .c-ico.is-arw01
================================================== */
.c-ico.is-arw01 {
  margin-left: 5px;
  color: red;
}
.c-ico.is-arw01::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-arw02
================================================== */
.c-ico.is-arw02 {
  margin-left: 5px;
  color: green;
}
/* .c-ico.is-arw03
================================================== */
.c-ico.is-arw03 {
  margin-left: 5px;
}
.c-ico.is-arw03::after {
  background: linear-gradient(to right, rgb(34, 193, 195) 0%, rgb(253, 187, 45) 100%);
}
/* .c-ico.is-blank01
================================================== */
.c-ico.is-blank01 {
  margin-left: 5px;
  color: red;
}
.c-ico.is-blank01::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
/* .c-ico.is-blank02
================================================== */
.c-ico.is-blank02 {
  margin-left: 5px;
  color: green;
}
/* .c-ico.is-blank03
================================================== */
.c-ico.is-blank03 {
  margin-left: 5px;
}
.c-ico.is-blank03::after {
  background: linear-gradient(to right, rgb(34, 193, 195) 0%, rgb(253, 187, 45) 100%);
}
/* .c-ico.is-mail01
================================================== */
.c-ico.is-mail01 {
  margin-right: 5px;
  color: skyblue;
}
/* .c-ico.is-map01
================================================== */
.c-ico.is-map01 {
  margin-right: 5px;
  color: violet;
}
.c-ico.is-map01::after {
  display: inline-block;
  width: 30px;
  height: 30px;
  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%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2230%22%20height%3D%2230%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M15%200c5.87%200%2010.63%204.78%2010.63%2010.68%200%204.94-7.49%2015.63-9.9%2018.94a.91.91%200%200%201-1.48%200c-2.39-3.3-9.88-13.98-9.88-18.95A10.67%2010.67%200%200%201%2015%200Zm0%2015.32a4.63%204.63%200%200%200%204.62-4.64A4.62%204.62%200%200%200%2015%206.03a4.62%204.62%200%200%200-4.62%204.64A4.62%204.62%200%200%200%2015%2015.31Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%2230%22%20height%3D%2230%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%0A%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M15%200c5.87%200%2010.63%204.78%2010.63%2010.68%200%204.94-7.49%2015.63-9.9%2018.94a.91.91%200%200%201-1.48%200c-2.39-3.3-9.88-13.98-9.88-18.95A10.67%2010.67%200%200%201%2015%200Zm0%2015.32a4.63%204.63%200%200%200%204.62-4.64A4.62%204.62%200%200%200%2015%206.03a4.62%204.62%200%200%200-4.62%204.64A4.62%204.62%200%200%200%2015%2015.31Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
/* .c-ico.is-search01
================================================== */
.c-ico.is-search01 {
  margin-right: 5px;
  color: red;
}
/* .c-ico.is-tel01
================================================== */
.c-ico.is-tel01::after {
  display: inline-block;
  width: 20px;
  height: 19px;
  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%2220%22%20height%3D%2219%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2019%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M6.46%2013.04C11.3%2017.9%2015.93%2018.9%2017.64%2019a12.4%2012.4%200%200%200%201.86-4.1%2015.59%2015.59%200%200%200-4.47-2.98l-1.86%201.86c-.64-.17-2.39-.89-4.48-2.98-2.08-2.1-2.8-3.83-2.98-4.47l1.86-1.86A15.55%2015.55%200%200%200%204.6%200C3.42.32%202.1.78.5%201.87.6%203.58%201.61%208.2%206.46%2013.04Z%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%2220%22%20height%3D%2219%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2019%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M6.46%2013.04C11.3%2017.9%2015.93%2018.9%2017.64%2019a12.4%2012.4%200%200%200%201.86-4.1%2015.59%2015.59%200%200%200-4.47-2.98l-1.86%201.86c-.64-.17-2.39-.89-4.48-2.98-2.08-2.1-2.8-3.83-2.98-4.47l1.86-1.86A15.55%2015.55%200%200%200%204.6%200C3.42.32%202.1.78.5%201.87.6%203.58%201.61%208.2%206.46%2013.04Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width >= 782px ) {
  .c-ico.is-tel01::after {
    width: 26px;
    height: 25px;
  }
}
/* .c-img01
================================================== */
.c-img01 {
  margin: var(--mh--space--md) 0;
}
/* .c-interview
================================================== */
:root .c-interview__nav {
  display: flex;
  column-gap: var(--mh--space--20-20);
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--mh--space--xs);
}
:root .c-interview__nav-num {
  display: grid;
  grid-template-columns: auto 6px auto;
  gap: 5px;
  font-size: var(--mh--font-size--sm);
}
:root .c-interview__arrows {
  display: grid;
  grid-template-rows: 30px;
  grid-template-columns: repeat(2, 30px);
  gap: var(--mh--space--10-10);
}
:root .c-interview__arrows .splide__arrow {
  background-color: var(--mh--color--primary-500);
  border: none;
}
:root .c-interview__arrows .splide__arrow svg {
  fill: var(--mh--color--grayscale-200);
}
:root .c-interview__arrows .splide__arrow--prev {
  scale: -1 1;
}
@media (width >= 782px ) {
  :root .c-interview {
    margin-right: -50vw !important;
    margin-left: 0 !important;
  }
  :root .c-interview__nav {
    width: calc(100% - 50vw);
    max-width: var(--mh--contents--width-with-padding);
    margin-top: var(--mh--space--xs);
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-interview__arrows .splide__arrow {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  :root .c-interview__arrows .splide__arrow:hover {
    background-color: var(--mh--color--hover-500);
  }
}
/* .c-decimal-list
================================================== */
.c-decimal-list > li > ul {
  margin-top: var(--_list-row-gap);
}
.c-decimal-list > li > ol {
  margin-top: var(--_list-row-gap);
}
/* .c-disc-list
================================================== */
:root .c-disc-list > li > ul {
  margin-top: var(--_list-row-gap);
}
:root .c-disc-list > li > ol {
  margin-top: var(--_list-row-gap);
}
/*  .c-note-list
================================================== */
.c-note-list {
  --list-gap: var(--mh--space--x4s);
  --icon-gap: var(--mh--space--x5s);
  --color: var(--mh--color--grayscale-800);
  --font-size: var(--mh--font-size--xs);
  display: grid;
  row-gap: var(--list-gap);
  font-size: var(--font-size);
  color: var(--color);
}
.c-note-list > li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--icon-gap);
}
.c-note-list > li::before {
  content: "※";
}
/* .c-simple-list
================================================== */
/*  .c-square-list
================================================== */
.c-square-list {
  --list-gap: var(--mh--space--15-20);
  --icon-gap: var(--mh--space--10-10);
  --font-size: var(--mh--font-size--lg);
  display: grid;
  row-gap: var(--list-gap);
  font-size: var(--font-size);
  color: var(--color);
}
.c-square-list > li {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: var(--icon-gap);
  padding-bottom: var(--mh--space--15-20);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-square-list > li::before {
  position: relative;
  top: 10px;
  width: 5px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  .c-square-list > li {
    grid-template-columns: 15px 1fr;
  }
  .c-square-list > li::before {
    top: 12px;
    left: 10px;
  }
}
/* c-modal01
=============================== */
.c-modal01 {
  position: relative;
  z-index: 9999;
}
.c-modal01[aria-hidden=false] .c-modal01__overlay {
  animation: c-modal01-fadein 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=false] .c-modal01__container {
  animation: c-modal01-slideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=true] .c-modal01__overlay {
  animation: c-modal01-fadeout 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01[aria-hidden=true] .c-modal01__container {
  animation: c-modal01-slideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.c-modal01__overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}
.c-modal01__container {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - var(--mh--space--xs) * 2);
  max-width: 1100px;
  max-height: 80vh;
  padding: var(--mh--space--40-60) var(--mh--space--20-80) var(--mh--space--20-60);
  overflow-y: auto;
  background-color: var(--mh--color--grayscale-200);
}
.c-modal01__header {
  position: relative;
  display: grid;
  row-gap: var(--mh--space--x5s);
  align-content: flex-end;
  min-height: 84px;
  margin-bottom: var(--mh--space--xs);
}
.c-modal01__header-sub {
  font-size: var(--mh--font-size--sm);
  color: var(--mh--color--grayscale-800);
}
.c-modal01__header-main {
  font-size: var(--mh--font-size--x3l);
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
.c-modal01__close {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  place-content: center;
  width: 50px;
  height: 50px;
  color: var(--mh--color--grayscale-200);
  background: var(--mh--color--primary-500);
  border: 0;
}
.c-modal01__close::before {
  display: inline-block;
  width: 18px;
  height: 18px;
  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%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.84%201.57%2010.4%209l7.43%207.42-1.42%201.42L9%2010.4l-7.42%207.43-1.42-1.41L7.6%209%20.16%201.58%201.58.16%209%207.6%2016.43.16l1.4%201.41Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M17.84%201.57%2010.4%209l7.43%207.42-1.42%201.42L9%2010.4l-7.42%207.43-1.42-1.41L7.6%209%20.16%201.58%201.58.16%209%207.6%2016.43.16l1.4%201.41Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
}
.c-modal01__content {
  display: grid;
  row-gap: var(--mh--space--xs);
}
.c-modal01__content-img {
  position: relative;
}
.c-modal01__content-img .splide__arrows {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}
.c-modal01__content-img .splide__arrow {
  width: 40px;
  height: 40px;
  background-color: var(--mh--color--primary-500);
  border: none;
}
.c-modal01__content-img .splide__arrow svg {
  fill: var(--mh--color--grayscale-200);
}
.c-modal01__content-img .splide__arrow--prev {
  scale: -1 1;
}
.c-modal01__group {
  display: grid;
  gap: var(--mh--space--x2s);
}
.c-modal01__group-item {
  width: 100%;
}
.c-modal01__btn {
  display: grid;
  grid-template-areas: "sub ico" "main ico";
  grid-template-columns: 1fr 30px;
  gap: var(--mh--space--x5s) var(--mh--space--x3s);
  align-items: center;
  width: 100%;
  padding: var(--mh--space--15-20);
  margin: 0;
  text-align: left;
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
}
.c-modal01__btn-sub {
  grid-area: sub;
  font-size: var(--mh--font-size--sm);
  color: var(--mh--color--grayscale-800);
}
.c-modal01__btn-main {
  --line: 1;
  display: -webkit-box;
  grid-area: main;
  max-height: calc(var(--line) * var(--mh--line-height--md) * 1em);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line);
  line-clamp: var(--line);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  -webkit-box-orient: vertical;
}
.c-modal01__btn-ico {
  position: relative;
  grid-area: ico;
  height: 30px;
  background-color: var(--mh--color--primary-500);
}
.c-modal01__btn-ico::before, .c-modal01__btn-ico::after {
  position: absolute;
  inset: 0;
  width: 12px;
  height: 1px;
  margin: auto;
  content: "";
  background-color: var(--mh--color--grayscale-200);
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-modal01__btn-ico::after {
  transform: rotate(90deg);
}
@media (width < 782px) {
  .c-modal01__content-img {
    aspect-ratio: 3/2;
    margin-inline: calc(var(--mh--space--20-80) * -1);
    background-color: var(--mh--color--grayscale-400);
  }
  .c-modal01__content-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
@media (width >= 782px ) {
  .c-modal01__header {
    min-height: auto;
  }
  .c-modal01__content .splide__arrows {
    left: -20px;
    width: calc(100% + 40px);
  }
  .c-modal01__content img {
    width: auto;
    max-height: 45svh;
    margin-inline: auto;
  }
  .c-modal01__close {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-modal01__close:hover {
    background-color: var(--mh--color--hover-500);
  }
  .c-modal01__group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-modal01__btn {
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  .c-modal01__btn-sub, .c-modal01__btn-main {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-modal01__btn-ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-modal01__btn:hover {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .c-modal01__btn:hover .c-modal01__btn-sub,
  .c-modal01__btn:hover .c-modal01__btn-main {
    color: var(--mh--color--grayscale-200);
  }
  .c-modal01__btn:hover .c-modal01__btn-ico {
    background-color: var(--mh--color--hover-100);
  }
  .c-modal01__content-img .splide__arrow {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-modal01__content-img .splide__arrow:hover {
    background-color: var(--mh--color--hover-500);
  }
}
@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(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes c-modal01-slideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
/* .c-pager01
=================================== */
.c-pager01 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mh--space--x2s) var(--mh--space--x4s);
  align-items: center;
  justify-content: center;
  padding-top: var(--mh--space--30-80);
  margin-top: var(--mh--space--30-80);
  overflow: hidden;
  text-align: center;
  border-top: 1px solid var(--mh--color--grayscale-500);
}
.c-pager01 li a,
.c-pager01 li span {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  text-decoration: none;
  border: 1px solid var(--mh--color--grayscale-500);
  transition: all var(--mh--duration-fast) var(--mh--easing);
}
.c-pager01 li.current span {
  color: var(--mh--color--grayscale-200);
  background: var(--mh--color--primary-500);
  border-color: var(--mh--color--primary-500);
}
.c-pager01 li.previous, .c-pager01 li.next {
  overflow: hidden;
}
.c-pager01 li.previous a, .c-pager01 li.next a {
  position: relative;
  display: block;
  width: 34px;
  height: 34px;
  color: var(--mh--color--primary-500);
  text-indent: -9999em;
  white-space: nowrap;
  background: var(--mh--color--primary-500);
  border-color: var(--mh--color--primary-500);
}
.c-pager01 li.previous a::before, .c-pager01 li.next a::before {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.c-pager01 li.previous a::before {
  transform: translate(-50%, -50%) scale(-1, 1);
}
.c-pager01 li.extend span {
  padding-bottom: 7px;
}
@media (width < 782px) {
  .c-pager01 li.previous, .c-pager01 li.next {
    width: calc(50% - (var(--mh--space--x4s)));
  }
  .c-pager01 li.previous {
    order: -2;
  }
  .c-pager01 li.previous a {
    margin-right: var(--mh--space--x4s);
    margin-left: auto;
  }
  .c-pager01 li.next {
    order: -1;
  }
  .c-pager01 li.next a {
    margin-right: auto;
    margin-left: var(--mh--space--x4s);
  }
  .c-pager01:has(:not(.previous)) li.next {
    width: 100%;
  }
  .c-pager01:has(:not(.previous)) li.next a {
    margin-inline: auto;
  }
  .c-pager01:has(:not(.next)) li.previous {
    width: 100%;
  }
  .c-pager01:has(:not(.next)) li.previous a {
    margin-inline: auto;
  }
}
@media (width >= 782px ) {
  .c-pager01 li a,
  .c-pager01 li span {
    width: 48px;
    height: 48px;
  }
  .c-pager01 li.previous {
    margin-right: calc(var(--mh--space--x2s) - var(--mh--space--x4s));
  }
  .c-pager01 li.next {
    margin-left: calc(var(--mh--space--x2s) - var(--mh--space--x4s));
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager01 li.page a {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-pager01 li.page a:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .c-pager01 li.previous a, .c-pager01 li.next a {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-pager01 li.previous a:hover, .c-pager01 li.next a:hover {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
}
/*  .c-pager02
================================================== */
.c-pager02 {
  display: grid;
  grid-template-areas: "prev next" "all all";
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--xs);
  align-items: center;
  padding-top: var(--mh--space--sm);
  margin-top: var(--mh--space--xl);
  border-top: 1px solid var(--mh--color--grayscale-500);
}
.c-pager02__previous a, .c-pager02__next a {
  position: relative;
  display: grid;
  align-items: center;
  width: fit-content;
  min-height: 48px;
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  transition: color var(--mh--duration) var(--mh--easing);
}
.c-pager02__previous a::before, .c-pager02__previous a::after, .c-pager02__next a::before, .c-pager02__next a::after {
  position: absolute;
  top: 50%;
  content: "";
  translate: 0 -50%;
}
.c-pager02__previous a::before, .c-pager02__next a::before {
  width: 48px;
  height: 48px;
  background: var(--mh--color--primary-500);
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-pager02__previous a::after, .c-pager02__next a::after {
  display: inline-block;
  width: 8px;
  height: 15px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-pager02__previous {
  grid-area: prev;
}
.c-pager02__previous a {
  padding-left: calc(48px + var(--mh--space--10-15));
}
.c-pager02__previous a::before, .c-pager02__previous a::after {
  left: 0;
}
.c-pager02__previous a::after {
  left: 19px;
  transform: scaleX(-1);
}
.c-pager02__next {
  grid-area: next;
  margin-left: auto;
}
.c-pager02__next a {
  padding-right: calc(48px + var(--mh--space--10-15));
}
.c-pager02__next a::after, .c-pager02__next a::before {
  right: 0;
}
.c-pager02__next a::after {
  right: 19px;
}
.c-pager02__all {
  grid-area: all;
  width: fit-content;
  margin-inline: auto;
}
@media (width >= 782px ) {
  .c-pager02 {
    grid-template-areas: "prev all next";
    grid-template-columns: 1fr 320px 1fr;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager02__previous a:hover, .c-pager02__next a:hover {
    color: var(--mh--color--hover-500);
  }
  .c-pager02__previous a:hover::before, .c-pager02__next a:hover::before {
    background-color: var(--mh--color--hover-500);
  }
}
/* .c-process01
================================================ */
.c-process01 {
  position: relative;
  display: grid;
  row-gap: var(--mh--space--x3s);
}
.c-process01::before {
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: 100%;
  content: "";
  background-image: linear-gradient(to bottom, var(--mh--color--grayscale-800) 4px, transparent 4px);
  background-repeat: repeat-y;
  background-position: left top 2px;
  background-size: 1px 8px;
}
.c-process01__item {
  position: relative;
  display: grid;
  grid-template-columns: 80px 1fr;
  column-gap: var(--mh--space--15-20);
  align-items: center;
  padding-left: 35px;
}
.c-process01__item::before {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 18px;
  height: 6px;
  content: "";
  background-color: var(--mh--color--grayscale-900);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%206%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M.11%203%203%205.89%205.89%203%203%20.11.11%203ZM18%203v-.5H3v1h15V3Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%206%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M.11%203%203%205.89%205.89%203%203%20.11.11%203ZM18%203v-.5H3v1h15V3Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  translate: 0 -50%;
}
.c-process01__item > figure {
  display: grid;
  place-content: center;
  width: 80px;
  aspect-ratio: 1;
  background-color: var(--mh--color--grayscale-400);
}
.c-process01__item > figure img {
  width: 45px;
}
.c-process01__contents {
  row-gap: var(--mh--space--x5s);
}
.c-process01__contents > p {
  font-weight: 700;
}
.c-process01__contents > p:nth-child(2) {
  font-size: var(--mh--font-size--x2s);
}
@media (width >= 782px ) {
  .c-process01 {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 0;
    height: 530px;
  }
  .c-process01::before {
    top: 245px;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, var(--mh--color--grayscale-800) 4px, transparent 4px);
    background-repeat: repeat-x;
    background-position: left 2px top;
    background-size: 8px 1px;
  }
  .c-process01__item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--mh--space--15-15);
    justify-content: center;
    max-width: 150px;
    padding-left: 0;
  }
  .c-process01__item:nth-child(odd) {
    box-sizing: border-box;
    align-content: flex-end;
    align-content: flex-start;
    height: 286px;
    padding-top: 58px;
    margin-block-start: auto;
  }
  .c-process01__item:nth-child(even) {
    align-content: flex-end;
    height: 245px;
    padding-bottom: 58px;
    margin-block-end: auto;
  }
  .c-process01__item:nth-child(even)::before {
    top: auto;
    bottom: -6px;
    scale: 1 -1;
  }
  .c-process01__item:nth-child(even) .c-process01__contents {
    order: -1;
  }
  .c-process01__item::before {
    top: -5px;
    left: 50%;
    width: 12px;
    height: 54px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2254%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2054%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M6%20.23.23%206%206%2011.77%2011.77%206%206%20.23ZM6%2054h1V6H5v48h1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2254%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2054%22%3E%0A%3Cpath%20fill%3D%22%23111%22%20d%3D%22M6%20.23.23%206%206%2011.77%2011.77%206%206%20.23ZM6%2054h1V6H5v48h1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
    translate: -50% 0;
  }
  .c-process01__item > figure {
    display: grid;
    place-content: center;
    width: 100%;
    max-width: 120px;
    margin-inline: auto;
    background-color: var(--mh--color--grayscale-400);
  }
  .c-process01__item > figure img {
    width: 100%;
    max-width: 70px;
  }
  .c-process01__contents > p {
    text-align: center;
  }
  .c-process01__contents > p:nth-child(1) {
    font-size: clamp(1.2rem, 0.5952380952vw + 0.7428571429rem, 1.6rem);
  }
  .c-process01__contents > p:nth-child(2) {
    font-size: clamp(1rem, 0.4464285714vw + 0.6571428571rem, 1.3rem);
  }
}
/* .c-process01.is-bg	
================================================ */
.c-process01.is-bg .c-process01__item > figure {
  background-color: var(--mh--color--grayscale-200);
}
/* .c-recommend01
================================================== */
.c-recommend01 {
  position: relative;
}
.c-recommend01::before, .c-recommend01::after {
  position: absolute;
  inset: 0;
  width: 100%;
  content: "";
}
.c-recommend01::before {
  background-color: var(--mh--color--grayscale-400);
}
.c-recommend01::after {
  background: url("../img/common/bg_recommended01_sp.png") no-repeat right bottom/cover;
  opacity: 0.2;
}
.c-recommend01__inner {
  position: relative;
  z-index: 2;
  row-gap: var(--mh--space--20-30);
  padding-block: var(--mh--space--60-160);
}
.c-recommend01__inner > h2 {
  font-size: var(--mh--font-size--x4l);
}
.c-recommend01-list {
  display: grid;
  gap: var(--mh--space--x3s);
  width: 100%;
}
.c-recommend01-list__item {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  min-height: 86px;
  padding: var(--mh--space--20-30) var(--mh--space--xs);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
}
.c-recommend01-list__item-set {
  display: grid;
  row-gap: var(--mh--space--x4s);
}
.c-recommend01-list__item-en {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  font-size: var(--mh--font-size--x2s);
  color: var(--mh--color--primary-500);
  text-transform: uppercase;
}
.c-recommend01-list__item-main {
  font-weight: 700;
}
.c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set {
  position: relative;
  padding-right: 40px;
}
.c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set::before, .c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  translate: 0 -50%;
}
.c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set::before {
  width: 30px;
  height: 30px;
  background-color: var(--mh--color--primary-500);
}
.c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  right: 12px;
}
@media (width >= 782px ) {
  .c-recommend01 {
    margin-bottom: var(--mh--space--20-50);
  }
  .c-recommend01::after {
    background-image: url("../img/common/bg_recommended01_pc.png");
  }
  .c-recommend01-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-recommend01-list__item {
    min-height: 111px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-recommend01-list__item:has(.u-link-layer) {
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  .c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-set::before {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-main, .c-recommend01-list__item:has(.u-link-layer) .c-recommend01-list__item-en {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .c-recommend01-list__item:has(.u-link-layer:hover) {
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .c-recommend01-list__item:has(.u-link-layer:hover) .c-recommend01-list__item-set::before {
    background-color: var(--mh--color--hover-100);
  }
  .c-recommend01-list__item:has(.u-link-layer:hover) .c-recommend01-list__item-main, .c-recommend01-list__item:has(.u-link-layer:hover) .c-recommend01-list__item-en {
    color: var(--mh--color--grayscale-200);
  }
}
/* .c-recommend01.is-slider
================================================ */
.c-recommend01.is-slider .c-recommend01__head {
  margin-bottom: var(--mh--space--xs);
}
.c-recommend01.is-slider .c-recommend01__btn {
  width: fit-content;
  margin-left: auto;
}
.c-recommend01.is-slider .c-recommend01__nav {
  display: flex;
  column-gap: var(--mh--space--xs);
  align-items: center;
  justify-content: space-between;
  margin-top: var(--mh--space--sm);
}
.c-recommend01.is-slider .c-recommend01__nav-set {
  display: flex;
  column-gap: var(--mh--space--20-20);
  align-items: center;
  justify-content: end;
}
@media (width >= 782px ) {
  .c-recommend01.is-slider .c-recommend01__inner {
    display: grid;
    grid-template-areas: "head ." "list list";
    grid-template-columns: 1fr auto;
    row-gap: var(--mh--space--xs);
  }
  .c-recommend01.is-slider .c-recommend01__head {
    grid-area: head;
    margin-bottom: 0;
  }
  .c-recommend01.is-slider .c-recommend01__list {
    grid-area: list;
    overflow-x: clip;
  }
  .c-recommend01.is-slider .c-recommend01__btn {
    margin-top: 0;
    margin-left: 0;
  }
  .c-recommend01.is-slider .c-recommend01__nav {
    position: absolute;
    top: calc((var(--mh--space--xs) + 46px) * -1);
    left: 0;
    z-index: 1;
    justify-content: end;
    width: 100%;
    margin-top: 0;
  }
}
/* .c-section01
================================================== */
:root .c-section01 {
  display: grid;
  gap: var(--mh--space--20-60);
  padding-bottom: var(--mh--space--40-60);
  margin-top: 0;
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
:root .c-section01:first-child {
  padding-top: var(--mh--space--20-60);
  border-top: 1px solid var(--mh--color--grayscale-500);
}
:root .c-section01__wrap {
  display: grid;
  row-gap: var(--mh--space--40-60);
}
:root .c-section01__contents {
  gap: 0;
}
:root .c-section01__contents > h2, :root .c-section01__contents > h3 {
  margin-bottom: var(--mh--space--10-30);
  font-size: var(--mh--font-size--x4l);
}
:root .c-section01__contents > p {
  line-height: var(--mh--line-height--lg);
}
:root .c-section01__interview {
  display: grid;
  row-gap: var(--mh--space--10-10);
  margin-top: var(--mh--space--25-60);
}
@media (width < 782px) {
  :root .c-section01 > figure {
    order: -1;
  }
}
@media (width >= 782px ) {
  :root .c-section01 {
    grid-template-columns: 1fr 48.2%;
    align-items: center;
  }
}
/* .c-set-border
================================================== */
.c-set-border {
  gap: var(--mh--space--30-80);
  padding-top: var(--mh--space--30-40);
  border-top: 1px solid var(--mh--color--grayscale-500);
}
.c-set-border:last-of-type {
  padding-bottom: var(--mh--space--30-40);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-set-border__wrap {
  display: grid;
  row-gap: var(--mh--space--30-40);
}
.c-set-border__contents {
  display: grid;
  row-gap: var(--mh--space--x2s);
  align-items: flex-start;
}
.c-set-border__contents > p {
  line-height: var(--mh--line-height--lg);
}
@media (width >= 782px ) {
  .c-set-border {
    align-items: center !important;
  }
  .c-set-border:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .c-set-border__contents {
    align-content: flex-start;
  }
}
/* .c-set-half
================================================== */
.c-set-half {
  gap: var(--mh--space--xs) var(--mh--space--md);
}
.c-set-half__img img {
  margin-inline: auto;
}
.c-set-half__contents {
  display: grid;
  row-gap: var(--mh--space--20-30);
  align-items: flex-start;
}
.c-set-half__contents p {
  line-height: var(--mh--line-height--lg);
}
@media (width < 782px) {
  .c-set-half:not(.is-reverse) {
    flex-direction: column-reverse;
  }
}
@media (width >= 782px ) {
  .c-set-half__contents {
    align-content: flex-start;
  }
}
/*  .c-set01
================================================== */
:root .c-set01 {
  gap: var(--mh--space--xs);
  margin-block: var(--mh--space--lg);
}
@media (width < 782px) {
  :root .c-set01.is-reverse {
    flex-direction: column-reverse;
  }
}
@media (width >= 782px ) {
  :root .c-set01__img img {
    margin-inline: auto;
  }
}
/* .c-set02
================================================== */
.c-set02 {
  gap: var(--mh--space--20-60);
}
.c-set02__img {
  background-color: var(--mh--color--grayscale-400);
}
.c-set02__img img {
  margin-inline: auto;
}
@media (width < 782px) {
  .c-set02__img {
    order: -1;
  }
}
@media (width >= 782px ) {
  .c-set02__img {
    flex: 0 0 48.2% !important;
    max-width: 530px;
  }
}
/* .c-single01
================================================== */
.c-single01__inner {
  padding-block: var(--mh--space--60-160);
}
.c-single01__header {
  display: grid;
  row-gap: var(--mh--space--x3s);
  padding-bottom: var(--mh--space--md);
  margin-bottom: var(--mh--space--md);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-single01__meta {
  display: flex;
  gap: var(--mh--space--x3s);
  align-items: center;
}
.c-single01__date {
  font-size: var(--mh--font-size--xs);
}
.c-single01__head {
  font-size: var(--mh--font-size--x4l);
}
.c-single01__content {
  overflow: hidden;
}
.c-single01__content > *:first-child {
  margin-top: 0 !important;
}
.c-single01__content > *:last-child {
  margin-bottom: 0 !important;
}
.c-single01__content p {
  line-height: var(--mh--line-height--lg);
}
.c-single01__content > p {
  margin-block-start: var(--mh--space--20-30);
}
.c-single01__content h1 + *,
.c-single01__content h2 + *,
.c-single01__content h3 + *,
.c-single01__content h4 + *,
.c-single01__content h5 + *,
.c-single01__content h6 + * {
  margin-block-start: 0 !important;
}
.c-single01__content h1:not([class*=c-]),
.c-single01__content h2:not([class*=c-]),
.c-single01__content h3:not([class*=c-]),
.c-single01__content h4:not([class*=c-]),
.c-single01__content h5:not([class*=c-]),
.c-single01__content h6:not([class*=c-]) {
  clear: both;
}
.c-single01__content h2:not([class*=c-]) {
  margin-block: var(--mh--space--lg) var(--mh--space--x2s);
}
.c-single01__content h3:not([class*=c-]) {
  margin-block: var(--mh--space--lg) var(--mh--space--x2s);
}
.c-single01__content h4:not([class*=c-]) {
  margin-block: var(--mh--space--lg) var(--mh--space--x3s);
}
.c-single01__content h5:not([class*=c-]) {
  margin-block: var(--mh--space--md) var(--mh--space--x3s);
  font-size: var(--mh--font-size--lg);
}
.c-single01__content h6:not([class*=c-]) {
  margin-block: var(--mh--space--md) var(--mh--space--x3s);
  font-size: var(--mh--font-size--md);
}
.c-single01__content p > a {
  color: var(--mh--color--primary-500);
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  .c-single01__content p > a:hover {
    text-decoration: none !important;
  }
}
.c-single01__content strong {
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
.c-single01__content ul:not([class*=c-]) > li > ul {
  margin-block: var(--_list-row-gap) 0;
}
.c-single01__content ul:not([class*=c-]) > li > ol {
  margin-block: var(--_list-row-gap) 0;
}
.c-single01__content ol:not([class*=c-]) > li > ul {
  margin-block: var(--_list-row-gap) 0;
}
.c-single01__content ol:not([class*=c-]) > li > ol {
  margin-block: var(--_list-row-gap) 0;
}
.c-single01__content > ul:not([class*=c-]), .c-single01__content > ol:not([class*=c-]),
.c-single01__content .c-disc-list,
.c-single01__content .c-decimal-list {
  margin-block: var(--mh--space--md);
}
@media (width >= 782px ) {
  .c-single01__header {
    padding-bottom: var(--mh--space--xs);
    margin-bottom: var(--mh--space--xs);
  }
}
/* .c-single02
================================================== */
.c-single02__inner {
  padding-block: var(--mh--space--60-160);
}
/* .c-single02-sec
================================================ */
.c-single02-sec {
  display: grid;
  gap: var(--mh--space--20-80);
}
.c-single02-sec__wrap {
  display: grid;
  row-gap: var(--mh--space--lg);
}
.c-single02-sec__contents {
  display: grid;
  row-gap: var(--mh--space--20-30);
}
.c-single02-sec__textarea {
  display: grid;
  row-gap: var(--mh--space--15-20);
}
.c-single02-sec__textarea > p {
  line-height: var(--mh--line-height--lg);
}
.c-single02-sec > figure img {
  margin-inline: auto;
}
@media (width >= 782px ) {
  .c-single02-sec {
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
  }
  .c-single02-sec:nth-child(even) .c-single02-sec__contents {
    order: -1;
  }
  .c-single02-sec__wrap.is-reverse .c-single02-sec:nth-child(even) .c-single02-sec__contents {
    order: 1;
  }
  .c-single02-sec__wrap.is-reverse .c-single02-sec:nth-child(odd) .c-single02-sec__contents {
    order: -1;
  }
}
/* .c-single02-overview
================================================ */
.c-single02-overview {
  display: grid;
  row-gap: var(--mh--space--xs);
  padding-bottom: var(--mh--space--60-160);
}
.c-single02-overview__desc {
  padding-bottom: var(--mh--space--xs);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.c-single02-overview__item {
  row-gap: var(--mh--space--x4s);
}
.c-single02-overview__item > h3 {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  font-size: var(--mh--font-size--xs);
  color: var(--mh--color--primary-500);
  text-transform: uppercase;
}
.c-single02-overview__item + .c-single02-overview__item {
  padding-top: var(--mh--space--xs);
  border-top: 1px solid var(--mh--color--grayscale-500);
}
.c-single02-overview__textarea {
  row-gap: var(--mh--space--x5s);
}
.c-single02-overview__textarea a[target=_blank]::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: var(--mh--color--primary-500);
  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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  margin-inline: var(--mh--space--x4s);
}
@media (width >= 782px ) {
  .c-single02-overview {
    grid-template-areas: "head desc desc" ". item01 item02";
    grid-template-columns: 300px 1fr 1fr;
    gap: var(--mh--space--xs) 0;
  }
  .c-single02-overview__head {
    grid-area: head;
    padding-bottom: var(--mh--space--xs);
    border-bottom: 1px solid var(--mh--color--grayscale-500);
  }
  .c-single02-overview__desc {
    grid-area: desc;
    padding-bottom: var(--mh--space--xs);
    border-bottom: 1px solid var(--mh--color--grayscale-500);
  }
  .c-single02-overview__item + .c-single02-overview__item {
    padding-top: 0;
    border-top: none;
  }
  .c-single02-overview__item.is-item01 {
    grid-area: item01;
    padding-right: var(--mh--space--xs);
  }
  .c-single02-overview__item.is-item02 {
    grid-area: item02;
    padding-left: var(--mh--space--xs);
    border-left: 1px solid var(--mh--color--grayscale-500);
  }
  .c-single02-overview__textarea {
    row-gap: var(--mh--space--x5s);
  }
  .c-single02-overview__textarea a[target=_blank]::after {
    display: inline-block;
    width: 12px;
    height: 12px;
    color: var(--mh--color--primary-500);
    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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
    margin-inline: var(--mh--space--x4s);
  }
}
/* .c-single02-contents
================================================ */
.c-single02-contents {
  display: grid;
  row-gap: var(--mh--space--lg);
}
/* .c-single02-set
================================================ */
.c-single02-set {
  display: grid;
  row-gap: var(--mh--space--xs);
}
.c-single02-set:has(iframe) > figure {
  width: 100%;
  aspect-ratio: 16/9;
}
.c-single02-set:has(iframe) > figure > div {
  width: 100%;
  height: 100%;
}
.c-single02-set:has(iframe) > figure iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*  .c-custom-description-table
================================================== */
:root .c-custom-description-table {
  --table-border-color: var(--mh--color--grayscale-500);
  --th-padding: var(--mh--space--20-20) var(--mh--space--20-30);
  --th-bg-color: var(--mh--color--primary-200);
  --th-font-size: var(--mh--font-size--sm);
  --th-font-weight: 700;
  --th-vertical-align: middle;
  --th-line-height: var(--mh--line-height--md);
  --td-padding: var(--mh--space--20-20) var(--mh--space--20-30);
  --td-bg-color: var(--mh--color--grayscale-200);
  --td-font-size: var(--mh--font-size--md);
  --td-line-height: var(--mh--line-height--md);
  --td-vertical-align: middle;
}
:root .c-custom-description-table > table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
:root .c-custom-description-table > table tr th,
:root .c-custom-description-table > table tr td {
  box-sizing: border-box;
  text-align: left;
  border-collapse: collapse;
  background: none;
  border-color: var(--table-border-color);
  border-style: solid;
  border-width: 1px;
}
:root .c-custom-description-table > table tr th a,
:root .c-custom-description-table > table tr td a {
  text-decoration: underline;
}
:root .c-custom-description-table > table tr th a[target=_blank]::after,
:root .c-custom-description-table > table tr td a[target=_blank]::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: var(--link-color);
  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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  margin-inline: 2px;
}
:root .c-custom-description-table > table tr th {
  padding: var(--th-padding);
  font-size: var(--th-font-size);
  font-weight: var(--th-font-weight);
  line-height: var(--th-line-height);
  background: var(--th-bg-color);
}
:root .c-custom-description-table > table tr td {
  padding: var(--td-padding);
  font-size: var(--td-font-size);
  line-height: var(--td-line-height);
  background: var(--td-bg-color);
}
:root .c-custom-description-table > table tr td > img {
  display: block;
  margin-top: var(--mh--space--x4s);
}
:root .c-custom-description-table__contents {
  display: grid;
  row-gap: 1em;
}
:root .c-custom-description-table__contents ol {
  margin: 0;
}
:root .c-custom-description-table__contents p {
  margin: 0;
}
@media (width < 782px) {
  :root .c-custom-description-table > table {
    border-bottom: 1px solid var(--table-border-color);
  }
  :root .c-custom-description-table > table:not(:has(thead)) tr th,
  :root .c-custom-description-table > table:not(:has(thead)) tr td {
    display: block;
    border-bottom: none;
  }
}
@media (width >= 782px ) {
  :root .c-custom-description-table {
    --th-width: clamp(150px, calc((150 / 768) * 100vw), 260px);
  }
  :root .c-custom-description-table > table tr th {
    width: var(--th-width);
    vertical-align: var(--th-vertical-align);
    border-right: none;
  }
  :root .c-custom-description-table > table tr td {
    vertical-align: var(--td-vertical-align);
    border-left: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-custom-description-table > table tr th > a:hover,
  :root .c-custom-description-table > table tr td > a:hover {
    text-decoration: none;
  }
}
/*  .c-text-fullborder-table
================================================== */
:root .c-text-fullborder-table {
  --table-border-color: var(--mh--color--grayscale-500);
  --thead-bg-color: var(--mh--color--primary-200);
  --th-padding: var(--mh--space--20-20) var(--mh--space--20-30);
  --th-bg-color: var(--mh--color--grayscale-400);
  --th-font-size: var(--mh--font-size--sm);
  --th-font-weight: 700;
  --th-vertical-align: middle;
  --th-line-height: var(--mh--line-height--md);
  --td-padding: var(--mh--space--20-20) var(--mh--space--20-30);
  --td-font-size: var(--mh--font-size--md);
  --td-line-height: var(--mh--line-height--md);
  --td-vertical-align: middle;
  --link-color: var(--mh--color--primary-500);
}
:root .c-text-fullborder-table > table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
:root .c-text-fullborder-table > table thead tr th {
  background: var(--thead-bg-color);
}
:root .c-text-fullborder-table > table tr th,
:root .c-text-fullborder-table > table tr td {
  box-sizing: border-box;
  text-align: left;
  background: none;
  border-color: var(--table-border-color);
}
:root .c-text-fullborder-table > table tr th > a:not([href^="tel:"]),
:root .c-text-fullborder-table > table tr td > a:not([href^="tel:"]) {
  color: var(--link-color);
  text-decoration: underline;
}
:root .c-text-fullborder-table > table tr th > a[target=_blank]::after,
:root .c-text-fullborder-table > table tr td > a[target=_blank]::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: var(--link-color);
  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%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.06%200H12v7.94H4.06V0Zm1.47%201.47v5h5v-5h-5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3Cpath%20fill%3D%22%23003670%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%203.18h2.35v1.47h-.88v5.88h5.78v-.77h1.47V12H0V3.18Z%22%20clip-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/cover;
  margin-inline: 2px;
}
:root .c-text-fullborder-table > table tr th {
  padding: var(--th-padding);
  font-size: var(--th-font-size);
  font-weight: var(--th-font-weight);
  line-height: var(--th-line-height);
  background: var(--th-bg-color);
}
:root .c-text-fullborder-table > table tr td {
  padding: var(--td-padding);
  font-size: var(--td-font-size);
  line-height: var(--td-line-height);
}
@media (width < 782px) {
  :root .c-text-fullborder-table > table {
    border-bottom: 1px solid var(--table-border-color);
  }
  :root .c-text-fullborder-table > table tr th,
  :root .c-text-fullborder-table > table tr td {
    display: block;
    border-bottom: none;
  }
  :root .c-text-fullborder-table > table tr th a[href^="tel:"],
  :root .c-text-fullborder-table > table tr td a[href^="tel:"] {
    color: var(--link-color);
    text-decoration: underline;
  }
}
@media (width >= 782px ) {
  :root .c-text-fullborder-table {
    --th-width: clamp(150px, calc((150 / 768) * 100vw), 260px);
  }
  :root .c-text-fullborder-table > table thead tr th {
    border-right-width: 1px;
  }
  :root .c-text-fullborder-table > table tr th {
    width: var(--th-width);
    vertical-align: var(--th-vertical-align);
    border-right-width: 0;
  }
  :root .c-text-fullborder-table > table tr td {
    vertical-align: var(--td-vertical-align);
    border-left-width: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  :root .c-text-fullborder-table > table tr th > a:hover,
  :root .c-text-fullborder-table > table tr td > a:hover {
    text-decoration: none;
  }
}
/* .c-tag01
================================================== */
.c-tag01 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mh--space--x3s);
}
.c-tag01__item {
  padding: 2px var(--mh--space--15-20);
  font-size: var(--mh--font-size--x2s);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--primary-200);
}
/* .c-tag02
================================================== */
.c-tag02 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mh--space--x5s);
}
.c-tag02__item {
  padding: 2px var(--mh--space--10-10);
  font-size: var(--mh--font-size--x2s);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
}
/* .c-tag03
================================================== */
.c-tag03 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mh--space--10-15);
}
.c-tag03__item-link {
  display: block;
  width: fit-content;
  padding: var(--mh--space--x4s) var(--mh--space--x3s);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
}
.c-tag03__item.is-active .c-tag03__item-link {
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
}
@media (hover: hover) and (pointer: fine) {
  .c-tag03__item-link {
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing), color var(--mh--duration) var(--mh--easing);
  }
  .c-tag03__item-link:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
}
/* .l-breadcrumb
================================================ */
.l-breadcrumb {
  position: relative;
}
.l-breadcrumb__inner {
  padding-top: var(--mh--space--x2s);
}
@media (width < 782px) {
  .l-breadcrumb__inner {
    padding-right: 0 !important;
  }
}
/* .l-breadcrumb-list
================================================ */
.l-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
}
.l-breadcrumb-list__item {
  display: inline-block;
  font-size: var(--mh--font-size--xs);
  vertical-align: top;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item {
  display: flex;
  column-gap: var(--mh--space--x4s);
  align-items: center;
  margin-left: var(--mh--space--x4s);
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item::before {
  width: 10px;
  height: 2px;
  content: "";
  background-color: var(--mh--color--grayscale-500);
}
.l-breadcrumb-list__item-txt:is(a) {
  color: var(--mh--color--grayscale-800);
}
@media (width < 782px) {
  .l-breadcrumb-list {
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .l-breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-breadcrumb-list__item-txt:is(a) {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .l-breadcrumb-list__item-txt:is(a:hover) {
    color: var(--mh--color--hover-500);
  }
}
/* .l-cv-recruit
================================================ */
.l-cv-recruit {
  position: relative;
  background: var(--mh--color--primary-500) url("../img/common/bg_cv-recruit01_sp.jpg") no-repeat center center/cover;
}
.l-cv-recruit__inner {
  display: grid;
  row-gap: var(--mh--space--sm);
  padding: var(--mh--space--60-160) var(--mh--contents--padding--side);
}
.l-cv-recruit__head {
  font-size: var(--mh--font-size--x8l);
  color: var(--mh--color--grayscale-200);
}
.l-cv-recruit-list {
  display: grid;
  gap: var(--mh--space--10-30) var(--mh--space--x3s);
}
.l-cv-recruit-list__item-in {
  display: grid;
  grid-template-columns: 1fr 30px;
  column-gap: var(--mh--space--10-10);
  align-items: center;
  min-height: 65px;
  padding: var(--mh--space--10-10) var(--mh--space--15-20);
  font-weight: 700;
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
}
.l-cv-recruit-list__item-ico {
  position: relative;
  position: relative;
  width: 30px;
  height: 30px;
  background-color: var(--mh--color--primary-500);
}
.l-cv-recruit-list__item-ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-cv-recruit-list__item.is-entry .l-cv-recruit-list__item-in {
  position: relative;
  grid-template-columns: 1fr;
  place-content: center;
  min-height: 105px;
}
.l-cv-recruit-list__item.is-entry .l-cv-recruit-list__item-sub {
  font-size: var(--mh--font-size--xs);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  text-align: center;
}
.l-cv-recruit-list__item.is-entry .l-cv-recruit-list__item-main {
  font-size: var(--mh--font-size--x8l);
  font-weight: 700;
  text-align: center;
}
.l-cv-recruit-list__item.is-entry .l-cv-recruit-list__item-ico {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 20px;
  height: 20px;
}
@media (width >= 782px ) {
  .l-cv-recruit {
    background-image: url("../img/common/bg_cv-recruit01_pc.jpg");
  }
  .l-cv-recruit__inner {
    max-width: calc(1310px + var(--mh--contents--padding--side) * 2);
    margin-inline: auto;
  }
  .l-cv-recruit-list {
    grid-template-areas: "btn01 btn02 btn03" "entry entry entry";
    grid-template-columns: repeat(3, 1fr);
  }
  .l-cv-recruit-list__item:nth-child(1) {
    grid-area: btn01;
  }
  .l-cv-recruit-list__item:nth-child(2) {
    grid-area: btn02;
  }
  .l-cv-recruit-list__item:nth-child(3) {
    grid-area: btn03;
  }
  .l-cv-recruit-list__item.is-entry {
    grid-area: entry;
  }
  .l-cv-recruit-list__item.is-entry .l-cv-recruit-list__item-in {
    min-height: 180px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-cv-recruit-list__item-in {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .l-cv-recruit-list__item-ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-cv-recruit-list__item-sub {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .l-cv-recruit-list__item-in:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .l-cv-recruit-list__item-in:hover .l-cv-recruit-list__item-ico {
    background-color: var(--mh--color--hover-100);
  }
  .l-cv-recruit-list__item-in:hover .l-cv-recruit-list__item-sub {
    color: var(--mh--color--grayscale-200);
  }
}
/* .l-cv
================================================ */
.l-cv {
  background-color: var(--mh--color--primary-500);
}
.l-cv__inner {
  display: grid;
  row-gap: var(--mh--space--sm);
  padding: var(--mh--space--60-160) var(--mh--contents--padding--side);
}
.l-cv__textarea {
  display: grid;
  row-gap: var(--mh--space--20-30);
  color: var(--mh--color--grayscale-200);
}
.l-cv__txt {
  line-height: var(--mh--line-height--md);
}
.l-cv__btn-in {
  display: grid;
  row-gap: 5px;
  justify-content: center;
  padding: 10px;
  text-align: center;
  background-color: var(--mh--color--grayscale-200);
}
.l-cv__btn-txt {
  font-size: var(--mh--font-size--xs);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
.l-cv__btn-tel {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: var(--mh--font-size--x5l);
}
.l-cv__btn-tel-ico {
  flex: 0 0 20px;
}
.l-cv__btn-note {
  font-size: var(--mh--font-size--x2s);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-800);
}
@media (width >= 782px ) {
  .l-cv__inner {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--mh--space--20-50);
    max-width: calc(1310px + var(--mh--contents--padding--side) * 2);
    margin-inline: auto;
  }
  .l-cv__btn-in {
    place-content: center;
    height: 100%;
  }
  .l-cv__btn-tel {
    gap: 6px;
    padding-right: 16px;
    margin-top: var(--mh--space--10-10);
  }
  .l-cv__btn-tel-ico {
    flex: 0 0 25px;
  }
  .l-cv__btn-note {
    padding-left: 14px;
    font-size: var(--mh--font-size--x2s);
    line-height: var(--mh--line-height--md);
    color: var(--mh--color--grayscale-800);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-cv__btn-txt, .l-cv__btn-tel, .l-cv__btn-note {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .l-cv__btn-in {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-cv__btn-in:hover {
    background-color: var(--mh--color--hover-500);
  }
  .l-cv__btn-in:hover .l-cv__btn-txt,
  .l-cv__btn-in:hover .l-cv__btn-tel,
  .l-cv__btn-in:hover .l-cv__btn-note {
    color: var(--mh--color--grayscale-200);
  }
}
/* .l-floating-nav
================================================== */
.l-floating-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  transition: opacity var(--mh--duration) var(--mh--easing);
}
.l-floating-nav.is-hidden {
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}
.l-floating-nav__head {
  min-height: 23px;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mh--color--grayscale-200);
}
.l-floating-nav-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--x4s);
}
.l-floating-nav-list__item-in {
  display: grid;
  place-content: center;
  height: 40px;
  font-weight: 700;
  color: var(--mh--color--primary-500);
  text-align: center;
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
}
.l-floating-nav-list__item-sm {
  display: block;
  margin-top: -5px;
  font-size: 1rem;
  scale: 0.8;
}
@media (width < 782px) {
  .l-floating-nav {
    padding: 2px 10px 8px;
    background: rgba(0, 54, 112, 0.8);
  }
  .l-floating-nav__head {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    column-gap: 26px;
    align-items: center;
  }
  .l-floating-nav__head::before, .l-floating-nav__head::after {
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--mh--color--grayscale-200);
  }
}
@media (width >= 782px ) {
  .l-floating-nav {
    position: absolute;
    right: var(--mh--space--30-50);
    bottom: var(--mh--space--30-50);
    left: auto;
    display: grid;
    row-gap: 10px;
    width: max(24.5vw, 300px);
  }
  .l-floating-nav.is-fixed {
    position: fixed;
    opacity: 0;
  }
  .l-floating-nav.is-shown {
    opacity: 1;
  }
  .l-floating-nav__head {
    display: grid;
    place-content: center;
    min-height: 30px;
    padding-inline: var(--mh--space--x3s);
    font-size: var(--mh--font-size--xs);
    text-align: center;
    background-color: rgba(15, 123, 207, 0.8);
  }
}
@media (width >= 1280px ) {
  .l-floating-nav {
    width: 470px;
  }
  .l-floating-nav-list__item-in {
    grid-template-columns: 1fr 30px;
    align-items: center;
    height: 60px;
    padding-inline: var(--mh--space--15-20);
    text-align: left;
  }
  .l-floating-nav-list__item-in::before, .l-floating-nav-list__item-in::after {
    display: grid;
    grid-area: 1/2/2/3;
    place-content: center;
    content: "";
  }
  .l-floating-nav-list__item-in::before {
    width: 30px;
    aspect-ratio: 1;
    background-color: var(--mh--color--primary-500);
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-floating-nav-list__item-in::after {
    display: inline-block;
    width: 5px;
    height: 9px;
    color: var(--mh--color--grayscale-200);
    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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
    transition: all var(--mh--duration) var(--mh--easing);
    position: relative;
    left: 50%;
    translate: -50% 0;
  }
  .l-floating-nav-list__item-sm {
    margin-top: -3px;
    scale: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-floating-nav-list__item-in {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .l-floating-nav-list__item-in:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .l-floating-nav-list__item-in:hover::before {
    background-color: var(--mh--color--hover-100);
  }
}
/* .l-footer
================================================ */
.l-footer {
  background-color: var(--mh--color--grayscale-400);
}
.l-footer__inner {
  padding: var(--mh--space--40-100) var(--mh--contents--padding--side) calc(env(safe-area-inset-bottom) + var(--mh--space--30-50));
}
.l-footer__main {
  display: grid;
  row-gap: 20px;
}
.l-footer__main .l-nav-list {
  padding-bottom: 40px;
  margin-inline: 0;
}
.l-footer__main .l-nav-list__child-menu {
  background-color: var(--mh--color--grayscale-200);
}
.l-footer__main .l-nav-list__child-menu-box.is-menu02 .l-nav-list__child-wrap:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.l-footer__sub {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (width >= 782px ) {
  .l-footer__inner {
    display: grid;
    row-gap: calc(19000vw / var(--mh-viewport));
    max-width: calc(1520px + var(--mh--contents--padding--side) * 2);
    margin-inline: auto;
  }
  .l-footer__main {
    grid-template-columns: auto 1fr;
    align-items: flex-start;
  }
  .l-footer__main .l-nav-list {
    display: grid;
    grid-template: "business recruit" auto "company recruit" auto "news recruit" 1fr/min(12vw, 138px) auto;
    gap: var(--mh--space--xs) var(--mh--space--sm);
    align-items: flex-start;
    padding-bottom: 0;
    margin-left: auto;
  }
  .l-footer__main .l-nav-list__item-in:is(button) {
    display: none;
    pointer-events: none;
  }
  .l-footer__main .l-nav-list__item:nth-child(1) {
    grid-area: business;
  }
  .l-footer__main .l-nav-list__item:nth-child(2) {
    grid-area: company;
  }
  .l-footer__main .l-nav-list__item:nth-child(3) {
    grid-area: news;
  }
  .l-footer__main .l-nav-list__item:nth-child(4) {
    grid-area: recruit;
  }
  .l-footer__main .l-nav-list__item-in {
    color: var(--mh--color--primary-500);
  }
  .l-footer__main .l-nav-list__child-contents {
    position: static;
    display: block;
    visibility: visible;
    background-color: transparent;
    opacity: 1;
  }
  .l-footer__main .l-nav-list__child-menu {
    grid-template-areas: "head head" "menu01 menu02" "btn btn";
    grid-template-columns: min(22vw, 213px) 160px;
    gap: var(--mh--space--x3s) var(--mh--space--30-50);
    align-items: flex-start;
    padding: 0;
    background-color: transparent;
  }
  .l-footer__main .l-nav-list__child-menu-box {
    row-gap: var(--mh--space--x3s);
  }
  .l-footer__main .l-nav-list__child-menu-box.is-head::after {
    content: none;
  }
  .l-footer__main .l-nav-list__child-menu-box.is-menu02 .l-nav-list__child-wrap:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .l-footer__main .l-nav-list .l-nav-list__child-btn {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: var(--mh--space--x4s);
    border-right: none;
  }
  .l-footer__main .l-nav-list .l-nav-list__child-btn > a {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (width >= 1280px ) {
  .l-footer__inner.has-pd {
    padding-bottom: calc(100px + var(--mh--space--30-50) + var(--mh--space--x2s));
  }
}
/* .l-footer-info
================================================ */
.l-footer-info {
  display: grid;
  row-gap: var(--mh--space--x2s);
}
.l-footer-info__logo {
  width: 185px;
  line-height: 1;
}
.l-footer-info__address {
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--md);
}
@media (width >= 1100px ) {
  .l-footer-info__logo {
    width: 284px;
  }
}
/* .l-footer-cr
================================================ */
.l-footer-cr {
  font-size: var(--mh--font-size--x2s);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-800);
}
/* .l-footer-page-top
================================================ */
.l-footer-page-top__link {
  display: grid;
  place-content: center;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: var(--mh--color--primary-500);
}
.l-footer-page-top__link::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--grayscale-200);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  rotate: -90deg;
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-page-top__link {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-footer-page-top__link:hover {
    background-color: var(--mh--color--hover-500);
  }
}
/* .l-header
================================================ */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  min-width: 320px;
  transition: background-color var(--mh--duration) var(--mh--easing);
}
.l-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: var(--mh--header--height);
  padding-left: var(--mh--space--x2s);
}
@media (width < 782px) {
  .l-header.is-scrolled {
    background-color: transparent;
  }
  .l-header.is-scrolled .l-header-logo {
    visibility: hidden;
    opacity: 0;
  }
  .l-header:has(.l-nav-btn.is-open) {
    background-color: var(--mh--color--grayscale-200) !important;
  }
  .l-header:has(.l-nav-btn.is-open) .l-header-logo {
    visibility: visible;
    opacity: 1;
  }
}
@media (width >= 782px ) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
  }
  .l-header.is-scrolled, .l-header:has(.l-nav-list__item-in.is-active) {
    background-color: var(--mh--color--grayscale-200);
  }
  .l-header__inner {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
/* .l-header-logo
================================================== */
.l-header-logo {
  width: 185px;
  transition: all var(--mh--duration) var(--mh--easing);
}
.l-header-logo .l-header-logo__link {
  display: grid;
  align-content: center;
}
@media (width >= 782px ) {
  .l-header-logo {
    flex: 0 0 200px;
    width: 200px;
  }
}
@media (width >= 1100px ) {
  .l-header-logo {
    flex: 0 0 284px;
    width: 284px;
  }
}
/* .l-nav-btn
================================================== */
.l-nav-btn {
  position: fixed;
  top: 0;
  right: 0;
  display: grid;
  place-content: center;
  width: var(--mh--header--height);
  height: var(--mh--header--height);
  cursor: pointer;
  background: var(--mh--color--primary-500);
  border: none;
}
.l-nav-btn__box {
  position: relative;
  width: 20px;
  height: 18px;
}
.l-nav-btn__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--mh--color--grayscale-200);
  transition: transform var(--mh--duration) var(--mh--easing);
}
.l-nav-btn__line:nth-child(1) {
  top: 0;
}
.l-nav-btn__line:nth-child(2) {
  top: calc(50% - 1px);
}
.l-nav-btn__line:nth-child(3) {
  bottom: 0;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
  top: 8px;
  transform: rotate(-45deg);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) {
  opacity: 0;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(3) {
  top: 8px;
  transform: rotate(45deg);
}
/* .l-nav
================================================ */
.l-nav {
  position: fixed;
  top: var(--mh--header--height);
  left: 0;
  width: 100%;
  min-width: 320px;
  max-height: calc(100vh - var(--mh--header--height));
  overscroll-behavior-y: none;
  -webkit-overflow-scrolling: touch;
}
@media (width < 782px) {
  .l-nav {
    padding-block: 30px calc(50px + env(safe-area-inset-bottom));
    overflow: auto;
    background: var(--mh--color--grayscale-400);
    transform: translateX(120%);
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .l-nav::-webkit-scrollbar {
    display: none;
  }
  .l-nav.is-open {
    transform: translateX(0);
  }
}
@media (width >= 782px ) {
  .l-nav {
    position: static;
    display: flex;
    column-gap: 35px;
    justify-content: flex-end;
    width: 100%;
    min-width: auto;
  }
}
/* .l-nav-list
================================================== */
.l-nav-list__child {
  display: grid;
  row-gap: var(--mh--space--10-10);
}
.l-nav-list__child-item-link {
  display: grid;
  grid-template-columns: 14px auto;
  font-size: var(--mh--font-size--xs);
}
.l-nav-list__child-item-link::before {
  position: relative;
  top: 12px;
  display: block;
  width: 7px;
  height: 1px;
  content: "";
  background-color: var(--mh--color--primary-500);
}
@media (width < 782px) {
  .l-nav-list {
    padding-bottom: 50px;
    margin-inline: var(--mh--contents--padding--side);
  }
  .l-nav-list__item {
    border-bottom: 1px solid var(--mh--color--grayscale-500);
  }
  .l-nav-list__item-in {
    position: relative;
    display: grid;
    column-gap: var(--mh--space--10-10);
    padding-block: 20px;
    font-weight: 700;
    color: var(--mh--color--primary-500);
    border: none;
  }
  .l-nav-list__item-in:is(button) {
    text-align: left;
  }
  .l-nav-list__item-in:is(button)::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 8px;
    content: "";
    background-color: var(--mh--color--primary-500);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%208%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M7.25%207.75.5%201.4%201.73.25l5.52%205.2%205.52-5.2L14%201.4%207.25%207.75Z%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%2214%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%208%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M7.25%207.75.5%201.4%201.73.25l5.52%205.2%205.52-5.2L14%201.4%207.25%207.75Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
    translate: 0 -50%;
    transition: rotate var(--mh--duration) var(--mh--easing), background-color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__item-in:is(button).is-active::after {
    rotate: 180deg;
  }
  .l-nav-list__child-contents {
    box-sizing: border-box;
    display: none;
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__child-menu {
    display: grid;
    row-gap: var(--mh--space--20-30);
    padding: 20px;
    margin-bottom: 20px;
    background-color: var(--mh--color--grayscale-300);
  }
  .l-nav-list__child-menu-box {
    display: grid;
    row-gap: var(--mh--space--20-30);
  }
  .l-nav-list__child-menu-box.is-menu03 .l-nav-list__child-wrap {
    padding-bottom: 0;
    border-bottom: none;
  }
  .l-nav-list__child-wrap {
    display: grid;
    row-gap: var(--mh--space--10-10);
    padding-bottom: var(--mh--space--20-30);
    border-bottom: 1px solid var(--mh--color--grayscale-500);
  }
  .l-nav-list__child-head {
    font-size: var(--mh--font-size--x2s);
    line-height: var(--mh--line-height--md);
    color: var(--mh--color--grayscale-800);
  }
  .l-nav-list .l-nav-list__child-btn {
    min-width: 100%;
    max-width: 100%;
  }
  .l-nav-list .l-nav-list__child-btn > a {
    min-width: 100%;
    font-size: var(--mh--font-size--xs);
  }
}
@media (width >= 782px ) {
  .l-nav-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--mh--space--20-30);
    align-items: center;
    justify-content: center;
  }
  .l-nav-list__item-in {
    display: block;
    font-size: var(--mh--font-size--sm);
    font-weight: 700;
    line-height: var(--mh--line-height--md);
    border: 0;
  }
  .l-nav-list__item-in.is-current {
    color: var(--mh--color--hover-500);
  }
  .l-nav-list__item-in:is(button) {
    display: grid;
    grid-template-columns: auto 5px;
    column-gap: 7px;
    align-items: center;
  }
  .l-nav-list__item-in:is(button)::after {
    width: 9px;
    height: 6px;
    content: "";
    background-color: var(--mh--color--primary-500);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%209%206%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M4.5%205.5%200%201.27.82.5%204.5%203.96%208.18.5l.82.77L4.5%205.5Z%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%229%22%20height%3D%226%22%20fill%3D%22none%22%20viewBox%3D%220%200%209%206%22%3E%0A%3Cpath%20fill%3D%22%23003670%22%20d%3D%22M4.5%205.5%200%201.27.82.5%204.5%203.96%208.18.5l.82.77L4.5%205.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
    transition: rotate var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__item-in:is(button).is-active {
    color: var(--mh--color--hover-500);
  }
  .l-nav-list__item-in:is(button).is-active::after {
    background-color: var(--mh--color--hover-500);
    rotate: 180deg;
  }
  .l-nav-list__child-contents {
    position: fixed;
    top: var(--mh--header--height);
    right: 0;
    left: 0;
    box-sizing: border-box;
    visibility: hidden;
    background-color: var(--mh--color--grayscale-400);
    opacity: 0;
    transition: opacity var(--mh--duration) var(--mh--easing), visibility 0s linear var(--mh--duration);
  }
  .l-nav-list__child-contents.is-active {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__child-menu {
    display: grid;
    grid-template-areas: "head menu01 menu02 menu03" "btn menu01 menu02 menu03";
    grid-template-columns: calc(5600vw / var(--mh-viewport) + 180px) auto auto auto;
    gap: var(--mh--space--25-25) 2.9166666667vw;
    align-items: flex-start;
    max-width: var(--mh--contents--width-with-padding);
    padding: var(--mh--space--sm) var(--mh--contents--padding--side);
    margin-inline: auto;
  }
  .l-nav-list__child-menu-box {
    display: grid;
    row-gap: var(--mh--space--25-25);
  }
  .l-nav-list__child-menu-box.is-head {
    position: relative;
    grid-area: head;
    height: 100%;
  }
  .l-nav-list__child-menu-box.is-head::after {
    position: absolute;
    top: 0;
    left: calc(5600vw / var(--mh-viewport) + 179px);
    width: 1px;
    height: calc(100% + var(--mh--space--25-25));
    content: "";
    background-color: var(--mh--color--grayscale-500);
  }
  .l-nav-list__child-menu-box.is-head .l-nav-list__child-item-link {
    display: block;
    padding-left: 0;
    font-size: var(--mh--font-size--md);
    font-weight: 700;
    color: var(--mh--color--primary-500);
  }
  .l-nav-list__child-menu-box.is-head .l-nav-list__child-item-link::before {
    display: none;
  }
  .l-nav-list__child-menu-box.is-menu01 {
    grid-area: menu01;
  }
  .l-nav-list__child-menu-box.is-menu02 {
    grid-area: menu02;
  }
  .l-nav-list__child-menu-box.is-menu03 {
    grid-area: menu03;
  }
  .l-nav-list__child-wrap {
    display: grid;
    row-gap: var(--mh--space--10-10);
  }
  .l-nav-list__child-head {
    font-size: var(--mh--font-size--x2s);
    line-height: var(--mh--line-height--md);
    color: var(--mh--color--grayscale-800);
  }
  .l-nav-list__child-item-link.is-current {
    color: var(--mh--color--hover-500);
  }
  .l-nav-list .l-nav-list__child-btn {
    grid-area: btn;
    align-content: flex-end;
    width: 100%;
    min-width: auto;
    height: 100%;
    border-right: 1px solid var(--mh--color--grayscale-500);
  }
  .l-nav-list .l-nav-list__child-btn > a {
    width: 180px !important;
    min-width: 180px !important;
    padding: var(--mh--space--15-20) var(--mh--space--15-20) var(--mh--space--15-20) var(--mh--space--x3s) !important;
    font-size: var(--mh--font-size--xs);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-nav-list__item-in {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__item-in:hover {
    color: var(--mh--color--hover-500);
  }
  .l-nav-list__item-in:hover::after {
    background-color: var(--mh--color--hover-500);
  }
  .l-nav-list__child-item-link {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__child-item-link:hover {
    color: var(--mh--color--hover-500);
  }
  .l-nav-list__child-item-link:hover::before {
    background-color: var(--mh--color--hover-500);
  }
  .l-nav-list__child-menu-box.is-head .l-nav-list__child-item-link:hover {
    color: var(--mh--color--hover-500);
  }
}
/* .l-nav-entry
================================================ */
.l-nav-entry {
  width: 163px;
  height: var(--mh--header--height);
}
.l-nav-entry__in {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
}
@media (hover: hover) and (pointer: fine) {
  .l-nav-entry__in {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-entry__in:hover {
    background-color: var(--mh--color--hover-500);
  }
}
/* .l-nav-overlay
================================================ */
.l-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.25);
}
/* .l-main-img HOME
================================================ */
.l-main-img {
  width: 100%;
  padding-top: var(--mh--header--height);
}
.l-main-img__inner {
  display: grid;
  grid-template-areas: "img01 img03" "img02 img03" "copy copy" "img04 img05";
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}
.l-main-img__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-main-img__img.is-img01 {
  grid-area: img01;
}
.l-main-img__img.is-img02 {
  grid-area: img02;
}
.l-main-img__img.is-img03 {
  grid-area: img03;
}
.l-main-img__img.is-img04 {
  grid-area: img04;
}
.l-main-img__img.is-img05 {
  grid-area: img05;
}
.l-main-img__copy {
  display: grid;
  grid-area: copy;
  row-gap: var(--mh--space--10-30);
  align-items: center;
  min-height: 151px;
  padding: 20px 30px;
  font-weight: 700;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
}
.l-main-img__copy-main {
  font-size: var(--mh--font-size--x4l);
}
.l-main-img__copy-sub {
  font-size: var(--mh--font-size--sm);
}
.l-main-img__news {
  display: grid;
  row-gap: var(--mh--space--15-20);
  padding: var(--mh--space--30-30) var(--mh--space--20-30);
  border-bottom: 1px solid var(--mh--color--grayscale-500);
}
.l-main-img__news-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (width >= 782px ) {
  .l-main-img {
    position: relative;
    max-height: 100svh;
  }
  .l-main-img__inner {
    position: relative;
    grid-template-areas: "img01 img02 img03 img03 img05 img05" "img04 img04 img04 img04 img05 img05";
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(6, 1fr);
    max-height: calc(100svh - var(--mh--header--height));
  }
  .l-main-img__img {
    max-height: calc((100svh - var(--mh--header--height)) / 2);
  }
  .l-main-img__img.is-img05 {
    max-height: calc(100svh - var(--mh--header--height));
  }
  .l-main-img__copy {
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 33.3333333333%;
    padding: var(--mh--space--25-70) 5.2083333333vw;
    margin-top: -1.4vw;
    background-color: rgba(0, 54, 112, 0.9);
    translate: 0 -50%;
  }
  .l-main-img__news {
    position: absolute;
    right: var(--mh--space--30-50);
    bottom: calc(80px + var(--mh--space--30-50) + var(--mh--space--x2s));
    width: max(24.5vw, 300px);
    background-color: var(--mh--color--grayscale-200);
    border-bottom: none;
  }
  .l-main-img__news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (width >= 1280px ) {
  .l-main-img__copy-main {
    font-size: var(--mh--font-size--x7l);
  }
  .l-main-img__copy-sub {
    font-size: var(--mh--font-size--x2l);
  }
  .l-main-img__news {
    bottom: calc(100px + var(--mh--space--30-50) + var(--mh--space--x2s));
    width: 470px;
  }
}
/* .l-sub-img
================================================ */
.l-sub-img {
  position: relative;
  box-sizing: content-box;
  width: 100%;
  aspect-ratio: 25/16;
  margin-top: var(--mh--header--height);
}
.l-sub-img__inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: var(--mh--space--10-10);
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--mh--color--grayscale-200);
}
.l-sub-img__head {
  font-size: var(--mh--font-size--x8l);
}
.l-sub-img__bg {
  position: absolute;
  inset: 0;
  background-color: var(--mh--color--primary-500);
}
.l-sub-img__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-sub-img__bg::after {
  position: absolute;
  inset: 0;
  content: "";
  background: url("../img/common/bg_subimg01_sp.png") no-repeat left top/100% 100%;
}
@media (width >= 782px ) {
  .l-sub-img {
    min-height: 220px;
    aspect-ratio: 6/1;
  }
  .l-sub-img__bg::after {
    background-image: url("../img/common/bg_subimg01_pc.png");
  }
}
/* .l-interview-img
================================================ */
.l-interview-img {
  position: relative;
  padding-top: calc(var(--mh--header--height) + var(--mh--space--md));
}
.l-interview-img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 600/544;
  content: "";
  background: url("../img/common/bg_subimg02_sp.png") no-repeat left top/contain;
}
.l-interview-img__inner {
  display: grid;
  gap: var(--mh--space--25-80);
}
.l-interview-img__contents {
  display: grid;
  row-gap: var(--mh--space--xs);
}
.l-interview-img__header {
  display: grid;
  row-gap: var(--mh--space--10-30);
}
.l-interview-img__header-box {
  display: grid;
  row-gap: var(--mh--space--x3s);
}
.l-interview-img__header-en {
  color: var(--mh--color--primary-500);
}
.l-interview-img__header-main {
  font-size: var(--mh--font-size--x7l);
}
.l-interview-img__name {
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
}
.l-interview-img__dlist {
  display: grid;
  row-gap: var(--mh--space--10-10);
  font-size: var(--mh--font-size--x2s);
}
.l-interview-img__dlist-item {
  display: grid;
  grid-template-columns: 61px 1fr;
  column-gap: var(--mh--space--10-10);
  align-items: center;
}
.l-interview-img__dlist-term {
  width: 100%;
  padding-block: var(--mh--space--x5s);
  text-align: center;
  border: 1px solid var(--mh--color--grayscale-500);
}
@media (width < 782px) {
  .l-interview-img {
    padding-bottom: var(--mh--space--x4s);
  }
  .l-interview-img__img {
    order: -1;
  }
}
@media (width >= 782px ) {
  .l-interview-img::before {
    width: 34.4%;
    max-width: 660px;
    aspect-ratio: 66/60;
    background-image: url("../img/common/bg_subimg02_pc.png");
  }
  .l-interview-img__inner {
    grid-template-columns: 45.8% 1fr;
    align-items: center;
  }
  .l-interview-img__header-main {
    font-size: clamp(2.7rem, 2.2151898734vw + 0.9987341772rem, 4.1rem);
  }
}
/* .l-projectreport-img
================================================ */
.l-projectreport-img {
  position: relative;
  padding-top: calc(var(--mh--header--height) + var(--mh--space--md));
}
.l-projectreport-img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  aspect-ratio: 600/544;
  content: "";
  background: url("../img/common/bg_subimg02_sp.png") no-repeat left top/contain;
}
.l-projectreport-img__inner {
  display: grid;
  gap: var(--mh--space--sm);
}
.l-projectreport-img__header {
  display: grid;
  row-gap: var(--mh--space--10-10);
}
.l-projectreport-img__header-en {
  color: var(--mh--color--primary-500);
}
.l-projectreport-img__header-main {
  font-size: var(--mh--font-size--x7l);
}
@media (width >= 782px ) {
  .l-projectreport-img::before {
    width: 34.4%;
    max-width: 660px;
    aspect-ratio: 66/60;
    background-image: url("../img/common/bg_subimg02_pc.png");
  }
}
/* .l-careers-img
================================================ */
.l-careers-img {
  padding-top: var(--mh--header--height);
}
.l-careers-img__img {
  position: relative;
}
.l-careers-img__img::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--mh--color--primary-500);
  opacity: 0.3;
}
.l-careers-img__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.l-careers-img__txt {
  margin-inline: var(--mh--contents--padding--side);
  margin-top: var(--mh--space--10-10);
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
@media (width < 782px) {
  .l-careers-img__content {
    position: relative;
    z-index: 2;
    margin-top: -25px;
  }
  .l-careers-img__header {
    margin-left: 20px;
  }
  .l-careers-img__header-copy {
    display: inline;
    padding: 5px 20px;
    font-size: var(--mh--font-size--x5l);
    font-weight: 700;
    line-height: 2.1;
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--primary-500);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}
@media (width >= 782px ) {
  .l-careers-img__inner {
    position: relative;
  }
  .l-careers-img__content {
    position: absolute;
    bottom: var(--mh--space--20-60);
    left: 50%;
    width: calc(100% - var(--mh--space--60-100) * 2);
    max-width: 930px;
    translate: -50% 0;
  }
  .l-careers-img__header {
    padding: var(--mh--space--xs) var(--mh--space--20-30);
    font-size: var(--mh--font-size--x7l);
    font-weight: 700;
    color: var(--mh--color--grayscale-200);
    text-align: center;
    background-color: rgba(0, 54, 112, 0.9);
  }
  .l-careers-img__txt {
    color: var(--mh--color--grayscale-200);
    text-align: center;
  }
}
/* .l-sidebar
================================================== */
.js-c-anime-elem[data-anime=fadein-up] {
  opacity: 0;
  transform: translateY(30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-up].is-animated {
  opacity: 1;
  transform: translateY(0);
}
.js-c-anime-elem[data-anime=fadein-left] {
  opacity: 0;
  transform: translateX(-30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-left].is-animated {
  opacity: 1;
  transform: translateX(0);
}
.js-c-anime-elem[data-anime=fadein-right] {
  opacity: 0;
  transform: translateX(30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-right].is-animated {
  opacity: 1;
  transform: translateX(0);
}
.js-c-anime-elem[data-anime-delay="0.1"] {
  transition-delay: 0.1s;
}
.js-c-anime-elem[data-anime-delay="0.2"] {
  transition-delay: 0.2s;
}
.js-c-anime-elem[data-anime-delay="0.3"] {
  transition-delay: 0.3s;
}
.js-c-anime-elem[data-anime-delay="0.4"] {
  transition-delay: 0.4s;
}
.js-c-anime-elem[data-anime-delay="0.5"] {
  transition-delay: 0.5s;
}
.js-c-anime-elem[data-anime-delay="0.6"] {
  transition-delay: 0.6s;
}
.js-c-anime-elem[data-anime-delay="0.7"] {
  transition-delay: 0.7s;
}
.js-c-anime-elem[data-anime-delay="0.8"] {
  transition-delay: 0.8s;
}
.js-c-anime-elem[data-anime-delay="0.9"] {
  transition-delay: 0.9s;
}
.js-c-anime-elem[data-anime-delay="1"] {
  transition-delay: 1s;
}
.js-c-anime-elem[data-anime-delay="1.1"] {
  transition-delay: 1.1s;
}
.js-c-anime-elem[data-anime-delay="1.2"] {
  transition-delay: 1.2s;
}
.js-c-anime-elem[data-anime-delay="1.3"] {
  transition-delay: 1.3s;
}
.js-c-anime-elem[data-anime-delay="1.4"] {
  transition-delay: 1.4s;
}
.js-c-anime-elem[data-anime-delay="1.5"] {
  transition-delay: 1.5s;
}
.js-c-anime-elem[data-anime-delay="1.6"] {
  transition-delay: 1.6s;
}
.js-c-anime-elem[data-anime-delay="1.7"] {
  transition-delay: 1.7s;
}
.js-c-anime-elem[data-anime-delay="1.8"] {
  transition-delay: 1.8s;
}
.js-c-anime-elem[data-anime-delay="1.9"] {
  transition-delay: 1.9s;
}
.js-c-anime-elem[data-anime-delay="2"] {
  transition-delay: 2s;
}
/* js-c-modal01
=============================== */
.js-c-modal01 {
  display: none;
}
.js-c-modal01.is-open {
  display: block;
}
.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;
}
/* .careers-message
================================================ */
.careers-message {
  position: relative;
  overflow: clip;
}
.careers-message__bg {
  position: absolute;
  top: 41.7231364956%;
  right: -40px;
  z-index: -1;
  width: 102.6666666667%;
  margin-top: 0 !important;
}
@media (width >= 782px ) {
  .careers-message__bg {
    top: 14.3529411765%;
    right: -98px;
    width: 48.0208333333%;
  }
}
/* .careers-header
================================================ */
.careers-header {
  display: grid;
  row-gap: 20px;
}
@media (width >= 782px ) {
  .careers-header {
    grid-template-columns: min(290px, 32%) 1fr;
    column-gap: var(--mh--space--20-80);
    align-items: flex-end;
  }
  .careers-header > p {
    padding-bottom: 4px;
  }
}
/* .careers-banner
================================================ */
.careers-banner {
  position: relative;
  display: grid;
  align-content: center;
  aspect-ratio: 335/168;
  padding: var(--mh--space--10-10) var(--mh--space--30-50);
}
.careers-banner__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.careers-banner__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.careers-banner__ico {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--mh--color--grayscale-200);
  position: absolute;
  right: var(--mh--space--x4s);
  bottom: var(--mh--space--x4s);
}
.careers-banner__ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--primary-500);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (width >= 782px ) {
  .careers-banner {
    min-height: auto;
    aspect-ratio: 110/24;
  }
  .careers-banner__ico {
    width: 30px;
    height: 30px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .careers-banner:has(.u-link-layer) .careers-banner__ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .careers-banner:has(.u-link-layer) .careers-banner__ico::after {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .careers-banner:has(.u-link-layer:hover) .careers-banner__ico {
    background-color: var(--mh--color--hover-500);
  }
  .careers-banner:has(.u-link-layer:hover) .careers-banner__ico::after {
    color: var(--mh--color--grayscale-200);
  }
}
/* .careers-feature
================================================ */
:root .careers-feature {
  position: relative;
  padding-block: var(--mh--space--md);
}
:root .careers-feature::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 1820px;
  height: 100%;
  content: "";
  background-color: #e0e9fb;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5019607843) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.5019607843) 1px, transparent 1px);
  background-position: 0 0;
  background-size: 25px 25px;
  translate: -50% 0;
}
:root .careers-feature__banner {
  position: relative;
  z-index: 2;
  width: calc(100% - var(--mh--contents--padding--side) * 2);
  margin-inline: auto;
  background-color: var(--mh--color--grayscale-200);
}
:root .careers-feature__banner::before {
  position: absolute;
  inset: 0;
  content: "";
  background: repeating-linear-gradient(-45deg, var(--mh--color--grayscale-200), var(--mh--color--grayscale-200) 4px, var(--mh--color--secondary-200) 1px, var(--mh--color--secondary-200) 5px);
}
:root .careers-feature__banner-inner {
  position: relative;
  z-index: 3;
  margin: 8px;
  overflow: hidden;
  background-color: var(--mh--color--grayscale-200);
}
:root .careers-feature__banner-header {
  position: relative;
  max-width: 295px;
  margin-inline: auto;
}
:root .careers-feature__banner-header > figure {
  position: absolute;
  bottom: -2px;
}
:root .careers-feature__banner-header > figure.is-img01 {
  left: 10px;
  width: 32px;
}
:root .careers-feature__banner-header > figure.is-img02 {
  right: 10px;
  width: 28px;
}
:root .careers-feature__banner-bg {
  position: absolute;
  top: 15.0684931507%;
  right: 4.4776119403%;
  z-index: -1;
  width: 245px;
}
@media (width >= 782px ) {
  :root .careers-feature::after {
    background-size: 50px 50px;
  }
  :root .careers-feature__banner {
    max-width: 1100px;
  }
  :root .careers-feature__banner-inner {
    margin: 18px;
  }
  :root .careers-feature__banner-header {
    position: static;
    max-width: auto;
  }
  :root .careers-feature__banner-header > * {
    position: relative;
    z-index: 3;
  }
  :root .careers-feature__banner-header > figure {
    position: absolute;
    top: 50%;
    bottom: auto;
    translate: 0 -50%;
  }
  :root .careers-feature__banner-header > figure.is-img01 {
    left: clamp(80px, -53.671px + 17.405vw, 190px);
    width: 97px;
  }
  :root .careers-feature__banner-header > figure.is-img02 {
    right: clamp(80px, -53.671px + 17.405vw, 190px);
    width: 85px;
  }
  :root .careers-feature__banner-bg {
    top: 20.245398773%;
    right: 0.6363636364%;
    width: 38.1818181818%;
  }
}
/* .home-message
================================================ */
.home-message {
  position: relative;
  overflow: clip;
}
.home-message__bg {
  position: absolute;
  top: 36px;
  right: -10.9vw;
  width: 102.6vw;
  margin-top: 0;
}
.home-message__inner {
  position: relative;
  z-index: 2;
}
.home-message-set__contents-txt {
  row-gap: 0;
}
@media (width >= 782px ) {
  .home-message__bg {
    top: 19px;
    right: -5.1vw;
    width: 48.1vw;
  }
  .home-message-set__contents {
    flex: 0 0 50% !important;
    padding-right: var(--mh--space--sm);
  }
  .home-message-set__contents-txt {
    row-gap: 1.9em;
  }
}
/* home-about
============================== */
.home-about__bg {
  position: relative;
}
.home-about__bg img {
  opacity: 0.15;
}
.home-about__bg::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--mh--color--secondary-500);
}
.home-about__body {
  position: relative;
}
.home-about__body::before {
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100%;
  content: "";
  background-color: var(--mh--color--grayscale-400);
  translate: -50% 0;
}
.home-about__inner {
  position: relative;
  z-index: 2;
}
.home-about__box {
  display: flex;
  flex-direction: column-reverse;
  row-gap: var(--mh--space--sm);
}
@media (width >= 782px ) {
  .home-about {
    position: relative;
    padding-top: calc(29000vw / var(--mh-viewport));
  }
  .home-about__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 192/78;
  }
}
@media (width >= 1100px ) {
  .home-about__body {
    max-width: 1820px;
    margin-inline: auto;
  }
  .home-about__box {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    align-items: center;
  }
}
/* home-about-map
======================== */
.home-about-map {
  position: relative;
  height: fit-content;
  background-color: var(--mh--color--secondary-300_top);
}
.home-about-map__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-about-map .splide {
  position: absolute;
  inset: 0;
}
.home-about-map .splide .splide__track {
  position: absolute;
  inset: 0;
}
.home-about-map__list {
  position: absolute;
  inset: 0;
}
.home-about-map__list-item {
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
/* home-about-map-ui
============================== */
.home-about-map-ui {
  position: absolute;
  inset: 0;
}
.home-about-map-ui .splide__pagination {
  position: absolute;
  inset: 0;
  display: block;
}
.home-about-map-ui .splide__pagination li {
  position: absolute;
}
.home-about-map-ui .splide__pagination li:nth-of-type(1) {
  top: 30.4932735426%;
  right: 10.447761194%;
}
.home-about-map-ui .splide__pagination li:nth-of-type(2) {
  top: 34.0807174888%;
  left: 1.7910447761%;
}
.home-about-map-ui .splide__pagination li:nth-of-type(3) {
  top: 3.1390134529%;
  left: 33.7313432836%;
}
.home-about-map-ui .splide__pagination__page {
  display: grid;
  place-content: center;
  width: fit-content !important;
  min-width: 90px;
  min-height: 25px;
  padding: 0 10px;
  font-size: var(--mh--font-size--xs);
  font-weight: 700;
  color: var(--mh--color--primary-500);
  text-align: center;
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  opacity: 1 !important;
  transform: translate(0, 0) !important;
  transition: color var(--mh--duration) var(--mh--easing);
}
.home-about-map-ui .splide__pagination__page::before {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 7px;
  height: 5px;
  content: "";
  background: var(--mh--color--primary-500);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
  transition: background var(--mh--duration) var(--mh--easing);
}
.home-about-map-ui .splide__pagination__page.is-active {
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  .home-about-map-ui .splide__pagination__page {
    min-width: 100px;
    min-height: 30px;
  }
  .home-about-map-ui .splide__pagination__page::before {
    width: 10px;
    height: 7px;
  }
}
@media (width >= 1100px ) {
  .home-about-map-ui .splide__pagination li:nth-of-type(1) {
    top: 30.4449648712%;
    right: 21.71875%;
  }
  .home-about-map-ui .splide__pagination li:nth-of-type(2) {
    top: 42.3887587822%;
    left: 5.9375%;
  }
  .home-about-map-ui .splide__pagination li:nth-of-type(3) {
    top: 4.9180327869%;
    left: 39.6875%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-about-map-ui .splide__pagination__page {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .home-about-map-ui .splide__pagination__page:hover {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--hover-500);
    border-color: var(--mh--color--hover-500);
  }
  .home-about-map-ui .splide__pagination__page:hover::before {
    background: var(--mh--color--hover-500);
  }
}
/* home-about-detail
---------------------------------- */
.home-about-detail .splide__pagination {
  column-gap: 20px;
  padding: 0 15px;
}
.home-about-detail .splide__pagination__page {
  font-size: var(--mh--font-size--xs);
  font-weight: 700;
  color: var(--mh--color--grayscale-800);
  border: none;
  border-radius: 0;
}
.home-about-detail .splide__pagination__page.is-active {
  color: var(--mh--color--primary-500);
}
.home-about-detail .splide__arrows {
  display: grid;
  grid-template-columns: repeat(2, 30px);
  column-gap: var(--mh--space--10-10);
}
.home-about-detail .splide__arrow {
  height: 30px;
  background-color: var(--mh--color--primary-500);
  border: none;
}
.home-about-detail .splide__arrow svg {
  fill: var(--mh--color--grayscale-200);
}
.home-about-detail .splide__arrow--prev {
  scale: -1 1;
}
.home-about-detail__head {
  font-size: var(--mh--font-size--x5l);
  color: var(--mh--color--primary-500);
}
.home-about-detail__ui {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.home-about-detail__ui-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px 7px 0;
  background-color: var(--mh--color--grayscale-200);
  border-bottom: 2px solid var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  .home-about-detail__ui {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mh--color--primary-500);
  }
  .home-about-detail__ui-nav {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
  }
}
@media (width >= 1100px ) {
  .home-about-detail {
    padding-right: var(--mh--space--30-80);
  }
  .home-about-detail .splide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
  .home-about-detail .splide__pagination {
    column-gap: 15px;
    padding: 10px 20px;
  }
  .home-about-detail__head {
    font-size: clamp(1.8rem, 1.2152777778vw + 0.8666666667rem, 3.2rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-about-detail .splide__pagination__page {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .home-about-detail .splide__pagination__page:hover {
    color: var(--mh--color--hover-500);
  }
  .home-about-detail .splide__arrow {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .home-about-detail .splide__arrow:hover {
    background-color: var(--mh--color--hover-500);
  }
}
/* .home-about-sec
-------------------------------- */
.home-about-sec {
  display: grid;
  row-gap: var(--mh--space--sm);
  padding-top: var(--mh--space--xs);
}
/* .home-about-project
================================================ */
.home-about-project {
  display: grid;
  gap: var(--mh--space--md);
}
@media (width >= 1100px ) {
  .home-about-project {
    grid-template-columns: 1fr 18.4%;
    column-gap: var(--mh--space--xs);
  }
}
/* .home-recruit
================================================ */
.home-recruit {
  position: relative;
}
.home-recruit__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.home-recruit__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.home-recruit__bg::before {
  position: absolute;
  inset: 0;
  content: "";
  background-color: var(--mh--color--primary-500);
  opacity: 0.5;
}
.home-recruit-set {
  display: grid;
  gap: var(--mh--space--sm);
}
.home-recruit-set__textarea-box {
  row-gap: 0;
}
@media (width >= 1100px ) {
  .home-recruit {
    max-width: 1820px;
    margin-inline: auto;
    margin-bottom: var(--mh--space--20-50);
  }
  .home-recruit-set {
    grid-template-areas: "text list" "btn list";
    grid-template-columns: auto 53.9%;
    align-items: flex-end;
  }
  .home-recruit-set__textarea {
    grid-area: text;
  }
  .home-recruit-set__textarea-box {
    row-gap: 2em;
  }
  .home-recruit-set__list {
    grid-area: list;
  }
  .home-recruit-set__btn {
    grid-area: btn;
  }
}
/* .home-company
================================================ */
:root .home-company-set__img img {
  width: 100%;
  height: 100%;
}
@media (width >= 782px ) {
  :root .home-company-set {
    gap: 0;
  }
  :root .home-company-set__img {
    flex: 0 0 50% !important;
  }
  :root .home-company-set__list {
    padding-left: var(--mh--space--30-80);
  }
}
/* .jobs-intro
================================================== */
.jobs-intro {
  position: relative;
}
.jobs-intro::after {
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  aspect-ratio: 375/88;
  content: "";
  background-color: var(--mh--color--secondary-500);
}
/* .news-archive
================================================ */
.news-archive__inner {
  display: grid;
  row-gap: var(--mh--space--lg);
}
.news-archive__contents {
  display: grid;
  row-gap: var(--mh--space--sm);
}
/* .opencompany-about
================================================ */
.opencompany-about-list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.opencompany-about-list__item {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--mh--space--25-25);
  align-content: center;
  align-items: center;
  min-height: 120px;
  padding: var(--mh--space--10-10) var(--mh--space--25-25);
  background-color: var(--mh--color--grayscale-400);
}
.opencompany-about-list__item > figure {
  width: 100%;
  max-width: 100px;
  aspect-ratio: 1;
  margin-inline: auto;
}
.opencompany-about-list__item > p {
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
@media (width >= 782px ) {
  .opencompany-about-list {
    grid-template-columns: repeat(4, 1fr);
  }
  .opencompany-about-list__item {
    grid-template-columns: 1fr;
    gap: var(--mh--space--x3s);
    min-height: 220px;
  }
  .opencompany-about-list__item > p {
    text-align: center;
  }
}
/* .opencompany-banner
================================================ */
.opencompany-banner {
  position: relative;
  display: grid;
  align-content: center;
  aspect-ratio: 335/168;
  padding: var(--mh--space--10-10) var(--mh--space--30-50);
}
.opencompany-banner > p {
  font-size: var(--mh--font-size--x2l);
  color: var(--mh--color--grayscale-200);
}
.opencompany-banner__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.opencompany-banner__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.opencompany-banner__ico {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--mh--color--grayscale-200);
  position: absolute;
  right: var(--mh--space--x4s);
  bottom: var(--mh--space--x4s);
}
.opencompany-banner__ico::after {
  display: inline-block;
  width: 5px;
  height: 9px;
  color: var(--mh--color--primary-500);
  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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%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%225%22%20height%3D%229%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%209%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%204.5.77%209%200%208.18%203.46%204.5%200%20.82.77%200%205%204.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (width >= 782px ) {
  .opencompany-banner {
    min-height: auto;
    aspect-ratio: 110/24;
  }
  .opencompany-banner > p {
    font-size: var(--mh--font-size--x5l);
  }
  .opencompany-banner__ico {
    width: 30px;
    height: 30px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .opencompany-banner:has(.u-link-layer) .opencompany-banner__ico {
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .opencompany-banner:has(.u-link-layer) .opencompany-banner__ico::after {
    transition: color var(--mh--duration) var(--mh--easing);
  }
  .opencompany-banner:has(.u-link-layer:hover) .opencompany-banner__ico {
    background-color: var(--mh--color--hover-500);
  }
  .opencompany-banner:has(.u-link-layer:hover) .opencompany-banner__ico::after {
    color: var(--mh--color--grayscale-200);
  }
}
/* .parents-feature
================================================== */
.parents-feature__gallery {
  display: grid;
  grid-template-areas: "img01 img01" "img02 img03";
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--10-10);
}
.parents-feature__gallery > figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.parents-feature__gallery > figure:nth-child(1) {
  grid-area: img01;
}
.parents-feature__gallery > figure:nth-child(2) {
  grid-area: img02;
}
.parents-feature__gallery > figure:nth-child(3) {
  grid-area: img03;
}
.parents-feature__gallery > figure:nth-child(4) {
  display: none;
}
@media (width >= 782px ) {
  .parents-feature__gallery {
    grid-template-areas: "img01 img04 img04" "img01 img02 img03";
    grid-template-columns: 61.8% repeat(2, 1fr);
  }
  .parents-feature__gallery > figure:nth-child(4) {
    display: block;
    grid-area: img04;
  }
  .parents-feature-set__head {
    flex: 0 0 auto !important;
  }
}
/* .parents-career
================================================ */
.parents-career-list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.parents-career-list__item {
  display: grid;
  row-gap: var(--mh--space--20-30);
  padding: var(--mh--space--30-40);
  background-color: var(--mh--color--grayscale-400);
}
.parents-career-list__item-label {
  font-weight: 700;
  color: var(--mh--color--secondary-500);
  text-align: center;
}
.parents-career-list__item-head {
  font-size: var(--mh--font-size--x4l);
  text-align: center;
}
@media (width >= 782px ) {
  .parents-career-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .parents-career-list__item {
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  .parents-career-list__item-head {
    display: grid;
    place-content: center;
  }
}
.u-hidden {
  display: none;
}
.u-inline {
  display: inline;
}
.u-inline-block {
  display: inline-block;
}
.u-block {
  display: block;
}
.u-flex {
  display: flex;
}
.u-grid {
  display: grid;
}
@media (width < 640px) {
  .u-hidden-sm-down {
    display: none;
  }
}
@media (width < 782px) {
  .u-hidden-md-down {
    display: none;
  }
}
@media (width < 1100px) {
  .u-hidden-lg-down {
    display: none;
  }
}
@media (width < 1280px) {
  .u-hidden-xl-down {
    display: none;
  }
}
@media (width >= 640px) {
  .u-hidden-sm-up {
    display: none;
  }
}
@media (width >= 782px ) {
  .u-hidden-md-up {
    display: none;
  }
}
@media (width >= 1100px ) {
  .u-hidden-lg-up {
    display: none;
  }
}
@media (width >= 1280px ) {
  .u-hidden-xl-up {
    display: none;
  }
}
/* overflow
-------------------------------------- */
.u-overflow-auto {
  overflow: auto;
}
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-clip {
  overflow: 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);
}
/* flex-direction
================================================ */
@media (width >= 782px ) {
  .u-flex-row-reverse-md-up {
    flex-direction: row-reverse;
  }
}
@media (width < 782px) {
  .u-flex-column-reverse-md-down {
    flex-direction: column-reverse;
  }
}
/* .u-justify
================================================ */
@media (width >= 782px ) {
  .u-justify-center-md-up {
    justify-content: center !important;
  }
}
/* .flex-direction
================================================ */
@media (width < 782px) {
  .u-column-reverse-md-down {
    flex-direction: column-reverse;
  }
}
/* grid-template-columns
================================================ */
@media (width < 782px) {
  .u-grid-template-columns-1-md-down {
    grid-template-columns: 1fr !important;
  }
}
/* 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 < 782px) {
  .u-text-left-md-down {
    text-align: left;
  }
}
@media (width < 782px) {
  .u-text-right-md-down {
    text-align: right;
  }
}
@media (width < 782px) {
  .u-text-center-md-down {
    text-align: center;
  }
}
@media (width < 1100px) {
  .u-text-left-lg-down {
    text-align: left;
  }
}
@media (width < 1100px) {
  .u-text-right-lg-down {
    text-align: right;
  }
}
@media (width < 1100px) {
  .u-text-center-lg-down {
    text-align: center;
  }
}
@media (width < 1280px) {
  .u-text-left-xl-down {
    text-align: left;
  }
}
@media (width < 1280px) {
  .u-text-right-xl-down {
    text-align: right;
  }
}
@media (width < 1280px) {
  .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 >= 782px ) {
  .u-text-left-md-up {
    text-align: left;
  }
}
@media (width >= 782px ) {
  .u-text-right-md-up {
    text-align: right;
  }
}
@media (width >= 782px ) {
  .u-text-center-md-up {
    text-align: center;
  }
}
@media (width >= 1100px ) {
  .u-text-left-lg-up {
    text-align: left;
  }
}
@media (width >= 1100px ) {
  .u-text-right-lg-up {
    text-align: right;
  }
}
@media (width >= 1100px ) {
  .u-text-center-lg-up {
    text-align: center;
  }
}
@media (width >= 1280px ) {
  .u-text-left-xl-up {
    text-align: left;
  }
}
@media (width >= 1280px ) {
  .u-text-right-xl-up {
    text-align: right;
  }
}
@media (width >= 1280px ) {
  .u-text-center-xl-up {
    text-align: center;
  }
}
/* font-size
-------------------------------------- */
.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);
}
.u-text-md,
.u-text-lg {
  line-height: var(--mh--line-height--lg);
}
/* line-height
-------------------------------------- */
.u-leading-none {
  line-height: var(--mh--line-height--none);
}
.u-leading-sm {
  line-height: var(--mh--line-height--sm);
}
.u-leading-md {
  line-height: var(--mh--line-height--md);
}
.u-leading-lg {
  line-height: var(--mh--line-height--lg);
}
/* letter-spacing
-------------------------------------- */
.u-tracking-sm {
  letter-spacing: var(--mh--letter-spacing--sm);
}
.u-tracking-md {
  letter-spacing: var(--mh--letter-spacing--md);
}
/* font-weight
-------------------------------------- */
.u-font-bold {
  font-weight: 700;
}
/* font-family
-------------------------------------- */
.u-font-en {
  font-family: var(--mh--font-family--en);
  font-weight: 600;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
}
/* .lead文
================================================ */
.u-lead {
  font-size: var(--mh--font-size--lg);
  line-height: var(--mh--line-height--lg);
}
/* 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 >= 782px ) {
  .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 >= 782px ) {
  .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 >= 782px ) {
  .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 {
  display: block;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a.u-alpha {
    transition: opacity var(--mh--duration) var(--mh--easing);
  }
  a.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;
  }
}
.u-media-query {
  font-family: sp;
}
@media (width >= 782px ) {
  .u-media-query {
    font-family: tb;
  }
}
@media (width >= 1100px ) {
  .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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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) !important;
}
.u-text-primary-200 {
  color: var(--mh--color--primary-200) !important;
}
.u-text-secondary-500 {
  color: var(--mh--color--secondary-500) !important;
}
.u-text-secondary-200 {
  color: var(--mh--color--secondary-200) !important;
}
.u-text-grayscale-900 {
  color: var(--mh--color--grayscale-900) !important;
}
.u-text-grayscale-800 {
  color: var(--mh--color--grayscale-800) !important;
}
.u-text-grayscale-500 {
  color: var(--mh--color--grayscale-500) !important;
}
.u-text-grayscale-400 {
  color: var(--mh--color--grayscale-400) !important;
}
.u-text-grayscale-300 {
  color: var(--mh--color--grayscale-300) !important;
}
.u-text-grayscale-200 {
  color: var(--mh--color--grayscale-200) !important;
}
.u-text-hover-100 {
  color: var(--mh--color--hover-100) !important;
}
.u-text-hover-500 {
  color: var(--mh--color--hover-500) !important;
}
.u-text-error-500 {
  color: var(--mh--color--error-500) !important;
}
.u-bg-primary-500 {
  background-color: var(--mh--color--primary-500);
}
.u-bg-primary-500\/0 {
  background-color: rgba(var(--mh--color--primary-500), 0);
}
.u-bg-primary-500\/5 {
  background-color: rgba(var(--mh--color--primary-500), 0.05);
}
.u-bg-primary-500\/10 {
  background-color: rgba(var(--mh--color--primary-500), 0.1);
}
.u-bg-primary-500\/15 {
  background-color: rgba(var(--mh--color--primary-500), 0.15);
}
.u-bg-primary-500\/20 {
  background-color: rgba(var(--mh--color--primary-500), 0.2);
}
.u-bg-primary-500\/25 {
  background-color: rgba(var(--mh--color--primary-500), 0.25);
}
.u-bg-primary-500\/30 {
  background-color: rgba(var(--mh--color--primary-500), 0.3);
}
.u-bg-primary-500\/35 {
  background-color: rgba(var(--mh--color--primary-500), 0.35);
}
.u-bg-primary-500\/40 {
  background-color: rgba(var(--mh--color--primary-500), 0.4);
}
.u-bg-primary-500\/45 {
  background-color: rgba(var(--mh--color--primary-500), 0.45);
}
.u-bg-primary-500\/50 {
  background-color: rgba(var(--mh--color--primary-500), 0.5);
}
.u-bg-primary-500\/55 {
  background-color: rgba(var(--mh--color--primary-500), 0.55);
}
.u-bg-primary-500\/60 {
  background-color: rgba(var(--mh--color--primary-500), 0.6);
}
.u-bg-primary-500\/65 {
  background-color: rgba(var(--mh--color--primary-500), 0.65);
}
.u-bg-primary-500\/70 {
  background-color: rgba(var(--mh--color--primary-500), 0.7);
}
.u-bg-primary-500\/75 {
  background-color: rgba(var(--mh--color--primary-500), 0.75);
}
.u-bg-primary-500\/80 {
  background-color: rgba(var(--mh--color--primary-500), 0.8);
}
.u-bg-primary-500\/85 {
  background-color: rgba(var(--mh--color--primary-500), 0.85);
}
.u-bg-primary-500\/90 {
  background-color: rgba(var(--mh--color--primary-500), 0.9);
}
.u-bg-primary-500\/95 {
  background-color: rgba(var(--mh--color--primary-500), 0.95);
}
.u-bg-primary-500\/100 {
  background-color: rgba(var(--mh--color--primary-500), 1);
}
.u-bg-primary-200 {
  background-color: var(--mh--color--primary-200);
}
.u-bg-primary-200\/0 {
  background-color: rgba(var(--mh--color--primary-200), 0);
}
.u-bg-primary-200\/5 {
  background-color: rgba(var(--mh--color--primary-200), 0.05);
}
.u-bg-primary-200\/10 {
  background-color: rgba(var(--mh--color--primary-200), 0.1);
}
.u-bg-primary-200\/15 {
  background-color: rgba(var(--mh--color--primary-200), 0.15);
}
.u-bg-primary-200\/20 {
  background-color: rgba(var(--mh--color--primary-200), 0.2);
}
.u-bg-primary-200\/25 {
  background-color: rgba(var(--mh--color--primary-200), 0.25);
}
.u-bg-primary-200\/30 {
  background-color: rgba(var(--mh--color--primary-200), 0.3);
}
.u-bg-primary-200\/35 {
  background-color: rgba(var(--mh--color--primary-200), 0.35);
}
.u-bg-primary-200\/40 {
  background-color: rgba(var(--mh--color--primary-200), 0.4);
}
.u-bg-primary-200\/45 {
  background-color: rgba(var(--mh--color--primary-200), 0.45);
}
.u-bg-primary-200\/50 {
  background-color: rgba(var(--mh--color--primary-200), 0.5);
}
.u-bg-primary-200\/55 {
  background-color: rgba(var(--mh--color--primary-200), 0.55);
}
.u-bg-primary-200\/60 {
  background-color: rgba(var(--mh--color--primary-200), 0.6);
}
.u-bg-primary-200\/65 {
  background-color: rgba(var(--mh--color--primary-200), 0.65);
}
.u-bg-primary-200\/70 {
  background-color: rgba(var(--mh--color--primary-200), 0.7);
}
.u-bg-primary-200\/75 {
  background-color: rgba(var(--mh--color--primary-200), 0.75);
}
.u-bg-primary-200\/80 {
  background-color: rgba(var(--mh--color--primary-200), 0.8);
}
.u-bg-primary-200\/85 {
  background-color: rgba(var(--mh--color--primary-200), 0.85);
}
.u-bg-primary-200\/90 {
  background-color: rgba(var(--mh--color--primary-200), 0.9);
}
.u-bg-primary-200\/95 {
  background-color: rgba(var(--mh--color--primary-200), 0.95);
}
.u-bg-primary-200\/100 {
  background-color: rgba(var(--mh--color--primary-200), 1);
}
.u-bg-secondary-500 {
  background-color: var(--mh--color--secondary-500);
}
.u-bg-secondary-500\/0 {
  background-color: rgba(var(--mh--color--secondary-500), 0);
}
.u-bg-secondary-500\/5 {
  background-color: rgba(var(--mh--color--secondary-500), 0.05);
}
.u-bg-secondary-500\/10 {
  background-color: rgba(var(--mh--color--secondary-500), 0.1);
}
.u-bg-secondary-500\/15 {
  background-color: rgba(var(--mh--color--secondary-500), 0.15);
}
.u-bg-secondary-500\/20 {
  background-color: rgba(var(--mh--color--secondary-500), 0.2);
}
.u-bg-secondary-500\/25 {
  background-color: rgba(var(--mh--color--secondary-500), 0.25);
}
.u-bg-secondary-500\/30 {
  background-color: rgba(var(--mh--color--secondary-500), 0.3);
}
.u-bg-secondary-500\/35 {
  background-color: rgba(var(--mh--color--secondary-500), 0.35);
}
.u-bg-secondary-500\/40 {
  background-color: rgba(var(--mh--color--secondary-500), 0.4);
}
.u-bg-secondary-500\/45 {
  background-color: rgba(var(--mh--color--secondary-500), 0.45);
}
.u-bg-secondary-500\/50 {
  background-color: rgba(var(--mh--color--secondary-500), 0.5);
}
.u-bg-secondary-500\/55 {
  background-color: rgba(var(--mh--color--secondary-500), 0.55);
}
.u-bg-secondary-500\/60 {
  background-color: rgba(var(--mh--color--secondary-500), 0.6);
}
.u-bg-secondary-500\/65 {
  background-color: rgba(var(--mh--color--secondary-500), 0.65);
}
.u-bg-secondary-500\/70 {
  background-color: rgba(var(--mh--color--secondary-500), 0.7);
}
.u-bg-secondary-500\/75 {
  background-color: rgba(var(--mh--color--secondary-500), 0.75);
}
.u-bg-secondary-500\/80 {
  background-color: rgba(var(--mh--color--secondary-500), 0.8);
}
.u-bg-secondary-500\/85 {
  background-color: rgba(var(--mh--color--secondary-500), 0.85);
}
.u-bg-secondary-500\/90 {
  background-color: rgba(var(--mh--color--secondary-500), 0.9);
}
.u-bg-secondary-500\/95 {
  background-color: rgba(var(--mh--color--secondary-500), 0.95);
}
.u-bg-secondary-500\/100 {
  background-color: rgba(var(--mh--color--secondary-500), 1);
}
.u-bg-secondary-200 {
  background-color: var(--mh--color--secondary-200);
}
.u-bg-secondary-200\/0 {
  background-color: rgba(var(--mh--color--secondary-200), 0);
}
.u-bg-secondary-200\/5 {
  background-color: rgba(var(--mh--color--secondary-200), 0.05);
}
.u-bg-secondary-200\/10 {
  background-color: rgba(var(--mh--color--secondary-200), 0.1);
}
.u-bg-secondary-200\/15 {
  background-color: rgba(var(--mh--color--secondary-200), 0.15);
}
.u-bg-secondary-200\/20 {
  background-color: rgba(var(--mh--color--secondary-200), 0.2);
}
.u-bg-secondary-200\/25 {
  background-color: rgba(var(--mh--color--secondary-200), 0.25);
}
.u-bg-secondary-200\/30 {
  background-color: rgba(var(--mh--color--secondary-200), 0.3);
}
.u-bg-secondary-200\/35 {
  background-color: rgba(var(--mh--color--secondary-200), 0.35);
}
.u-bg-secondary-200\/40 {
  background-color: rgba(var(--mh--color--secondary-200), 0.4);
}
.u-bg-secondary-200\/45 {
  background-color: rgba(var(--mh--color--secondary-200), 0.45);
}
.u-bg-secondary-200\/50 {
  background-color: rgba(var(--mh--color--secondary-200), 0.5);
}
.u-bg-secondary-200\/55 {
  background-color: rgba(var(--mh--color--secondary-200), 0.55);
}
.u-bg-secondary-200\/60 {
  background-color: rgba(var(--mh--color--secondary-200), 0.6);
}
.u-bg-secondary-200\/65 {
  background-color: rgba(var(--mh--color--secondary-200), 0.65);
}
.u-bg-secondary-200\/70 {
  background-color: rgba(var(--mh--color--secondary-200), 0.7);
}
.u-bg-secondary-200\/75 {
  background-color: rgba(var(--mh--color--secondary-200), 0.75);
}
.u-bg-secondary-200\/80 {
  background-color: rgba(var(--mh--color--secondary-200), 0.8);
}
.u-bg-secondary-200\/85 {
  background-color: rgba(var(--mh--color--secondary-200), 0.85);
}
.u-bg-secondary-200\/90 {
  background-color: rgba(var(--mh--color--secondary-200), 0.9);
}
.u-bg-secondary-200\/95 {
  background-color: rgba(var(--mh--color--secondary-200), 0.95);
}
.u-bg-secondary-200\/100 {
  background-color: rgba(var(--mh--color--secondary-200), 1);
}
.u-bg-grayscale-900 {
  background-color: var(--mh--color--grayscale-900);
}
.u-bg-grayscale-900\/0 {
  background-color: rgba(var(--mh--color--grayscale-900), 0);
}
.u-bg-grayscale-900\/5 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.05);
}
.u-bg-grayscale-900\/10 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.1);
}
.u-bg-grayscale-900\/15 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.15);
}
.u-bg-grayscale-900\/20 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.2);
}
.u-bg-grayscale-900\/25 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.25);
}
.u-bg-grayscale-900\/30 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.3);
}
.u-bg-grayscale-900\/35 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.35);
}
.u-bg-grayscale-900\/40 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.4);
}
.u-bg-grayscale-900\/45 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.45);
}
.u-bg-grayscale-900\/50 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.5);
}
.u-bg-grayscale-900\/55 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.55);
}
.u-bg-grayscale-900\/60 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.6);
}
.u-bg-grayscale-900\/65 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.65);
}
.u-bg-grayscale-900\/70 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.7);
}
.u-bg-grayscale-900\/75 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.75);
}
.u-bg-grayscale-900\/80 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.8);
}
.u-bg-grayscale-900\/85 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.85);
}
.u-bg-grayscale-900\/90 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.9);
}
.u-bg-grayscale-900\/95 {
  background-color: rgba(var(--mh--color--grayscale-900), 0.95);
}
.u-bg-grayscale-900\/100 {
  background-color: rgba(var(--mh--color--grayscale-900), 1);
}
.u-bg-grayscale-800 {
  background-color: var(--mh--color--grayscale-800);
}
.u-bg-grayscale-800\/0 {
  background-color: rgba(var(--mh--color--grayscale-800), 0);
}
.u-bg-grayscale-800\/5 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.05);
}
.u-bg-grayscale-800\/10 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.1);
}
.u-bg-grayscale-800\/15 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.15);
}
.u-bg-grayscale-800\/20 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.2);
}
.u-bg-grayscale-800\/25 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.25);
}
.u-bg-grayscale-800\/30 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.3);
}
.u-bg-grayscale-800\/35 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.35);
}
.u-bg-grayscale-800\/40 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.4);
}
.u-bg-grayscale-800\/45 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.45);
}
.u-bg-grayscale-800\/50 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.5);
}
.u-bg-grayscale-800\/55 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.55);
}
.u-bg-grayscale-800\/60 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.6);
}
.u-bg-grayscale-800\/65 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.65);
}
.u-bg-grayscale-800\/70 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.7);
}
.u-bg-grayscale-800\/75 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.75);
}
.u-bg-grayscale-800\/80 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.8);
}
.u-bg-grayscale-800\/85 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.85);
}
.u-bg-grayscale-800\/90 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.9);
}
.u-bg-grayscale-800\/95 {
  background-color: rgba(var(--mh--color--grayscale-800), 0.95);
}
.u-bg-grayscale-800\/100 {
  background-color: rgba(var(--mh--color--grayscale-800), 1);
}
.u-bg-grayscale-500 {
  background-color: var(--mh--color--grayscale-500);
}
.u-bg-grayscale-500\/0 {
  background-color: rgba(var(--mh--color--grayscale-500), 0);
}
.u-bg-grayscale-500\/5 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.05);
}
.u-bg-grayscale-500\/10 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.1);
}
.u-bg-grayscale-500\/15 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.15);
}
.u-bg-grayscale-500\/20 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.2);
}
.u-bg-grayscale-500\/25 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.25);
}
.u-bg-grayscale-500\/30 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.3);
}
.u-bg-grayscale-500\/35 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.35);
}
.u-bg-grayscale-500\/40 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.4);
}
.u-bg-grayscale-500\/45 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.45);
}
.u-bg-grayscale-500\/50 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.5);
}
.u-bg-grayscale-500\/55 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.55);
}
.u-bg-grayscale-500\/60 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.6);
}
.u-bg-grayscale-500\/65 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.65);
}
.u-bg-grayscale-500\/70 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.7);
}
.u-bg-grayscale-500\/75 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.75);
}
.u-bg-grayscale-500\/80 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.8);
}
.u-bg-grayscale-500\/85 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.85);
}
.u-bg-grayscale-500\/90 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.9);
}
.u-bg-grayscale-500\/95 {
  background-color: rgba(var(--mh--color--grayscale-500), 0.95);
}
.u-bg-grayscale-500\/100 {
  background-color: rgba(var(--mh--color--grayscale-500), 1);
}
.u-bg-grayscale-400 {
  background-color: var(--mh--color--grayscale-400);
}
.u-bg-grayscale-400\/0 {
  background-color: rgba(var(--mh--color--grayscale-400), 0);
}
.u-bg-grayscale-400\/5 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.05);
}
.u-bg-grayscale-400\/10 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.1);
}
.u-bg-grayscale-400\/15 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.15);
}
.u-bg-grayscale-400\/20 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.2);
}
.u-bg-grayscale-400\/25 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.25);
}
.u-bg-grayscale-400\/30 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.3);
}
.u-bg-grayscale-400\/35 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.35);
}
.u-bg-grayscale-400\/40 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.4);
}
.u-bg-grayscale-400\/45 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.45);
}
.u-bg-grayscale-400\/50 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.5);
}
.u-bg-grayscale-400\/55 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.55);
}
.u-bg-grayscale-400\/60 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.6);
}
.u-bg-grayscale-400\/65 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.65);
}
.u-bg-grayscale-400\/70 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.7);
}
.u-bg-grayscale-400\/75 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.75);
}
.u-bg-grayscale-400\/80 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.8);
}
.u-bg-grayscale-400\/85 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.85);
}
.u-bg-grayscale-400\/90 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.9);
}
.u-bg-grayscale-400\/95 {
  background-color: rgba(var(--mh--color--grayscale-400), 0.95);
}
.u-bg-grayscale-400\/100 {
  background-color: rgba(var(--mh--color--grayscale-400), 1);
}
.u-bg-grayscale-300 {
  background-color: var(--mh--color--grayscale-300);
}
.u-bg-grayscale-300\/0 {
  background-color: rgba(var(--mh--color--grayscale-300), 0);
}
.u-bg-grayscale-300\/5 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.05);
}
.u-bg-grayscale-300\/10 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.1);
}
.u-bg-grayscale-300\/15 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.15);
}
.u-bg-grayscale-300\/20 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.2);
}
.u-bg-grayscale-300\/25 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.25);
}
.u-bg-grayscale-300\/30 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.3);
}
.u-bg-grayscale-300\/35 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.35);
}
.u-bg-grayscale-300\/40 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.4);
}
.u-bg-grayscale-300\/45 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.45);
}
.u-bg-grayscale-300\/50 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.5);
}
.u-bg-grayscale-300\/55 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.55);
}
.u-bg-grayscale-300\/60 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.6);
}
.u-bg-grayscale-300\/65 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.65);
}
.u-bg-grayscale-300\/70 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.7);
}
.u-bg-grayscale-300\/75 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.75);
}
.u-bg-grayscale-300\/80 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.8);
}
.u-bg-grayscale-300\/85 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.85);
}
.u-bg-grayscale-300\/90 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.9);
}
.u-bg-grayscale-300\/95 {
  background-color: rgba(var(--mh--color--grayscale-300), 0.95);
}
.u-bg-grayscale-300\/100 {
  background-color: rgba(var(--mh--color--grayscale-300), 1);
}
.u-bg-grayscale-200 {
  background-color: var(--mh--color--grayscale-200);
}
.u-bg-grayscale-200\/0 {
  background-color: rgba(var(--mh--color--grayscale-200), 0);
}
.u-bg-grayscale-200\/5 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.05);
}
.u-bg-grayscale-200\/10 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.1);
}
.u-bg-grayscale-200\/15 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.15);
}
.u-bg-grayscale-200\/20 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.2);
}
.u-bg-grayscale-200\/25 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.25);
}
.u-bg-grayscale-200\/30 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.3);
}
.u-bg-grayscale-200\/35 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.35);
}
.u-bg-grayscale-200\/40 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.4);
}
.u-bg-grayscale-200\/45 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.45);
}
.u-bg-grayscale-200\/50 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.5);
}
.u-bg-grayscale-200\/55 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.55);
}
.u-bg-grayscale-200\/60 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.6);
}
.u-bg-grayscale-200\/65 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.65);
}
.u-bg-grayscale-200\/70 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.7);
}
.u-bg-grayscale-200\/75 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.75);
}
.u-bg-grayscale-200\/80 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.8);
}
.u-bg-grayscale-200\/85 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.85);
}
.u-bg-grayscale-200\/90 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.9);
}
.u-bg-grayscale-200\/95 {
  background-color: rgba(var(--mh--color--grayscale-200), 0.95);
}
.u-bg-grayscale-200\/100 {
  background-color: rgba(var(--mh--color--grayscale-200), 1);
}
.u-bg-hover-100 {
  background-color: var(--mh--color--hover-100);
}
.u-bg-hover-100\/0 {
  background-color: rgba(var(--mh--color--hover-100), 0);
}
.u-bg-hover-100\/5 {
  background-color: rgba(var(--mh--color--hover-100), 0.05);
}
.u-bg-hover-100\/10 {
  background-color: rgba(var(--mh--color--hover-100), 0.1);
}
.u-bg-hover-100\/15 {
  background-color: rgba(var(--mh--color--hover-100), 0.15);
}
.u-bg-hover-100\/20 {
  background-color: rgba(var(--mh--color--hover-100), 0.2);
}
.u-bg-hover-100\/25 {
  background-color: rgba(var(--mh--color--hover-100), 0.25);
}
.u-bg-hover-100\/30 {
  background-color: rgba(var(--mh--color--hover-100), 0.3);
}
.u-bg-hover-100\/35 {
  background-color: rgba(var(--mh--color--hover-100), 0.35);
}
.u-bg-hover-100\/40 {
  background-color: rgba(var(--mh--color--hover-100), 0.4);
}
.u-bg-hover-100\/45 {
  background-color: rgba(var(--mh--color--hover-100), 0.45);
}
.u-bg-hover-100\/50 {
  background-color: rgba(var(--mh--color--hover-100), 0.5);
}
.u-bg-hover-100\/55 {
  background-color: rgba(var(--mh--color--hover-100), 0.55);
}
.u-bg-hover-100\/60 {
  background-color: rgba(var(--mh--color--hover-100), 0.6);
}
.u-bg-hover-100\/65 {
  background-color: rgba(var(--mh--color--hover-100), 0.65);
}
.u-bg-hover-100\/70 {
  background-color: rgba(var(--mh--color--hover-100), 0.7);
}
.u-bg-hover-100\/75 {
  background-color: rgba(var(--mh--color--hover-100), 0.75);
}
.u-bg-hover-100\/80 {
  background-color: rgba(var(--mh--color--hover-100), 0.8);
}
.u-bg-hover-100\/85 {
  background-color: rgba(var(--mh--color--hover-100), 0.85);
}
.u-bg-hover-100\/90 {
  background-color: rgba(var(--mh--color--hover-100), 0.9);
}
.u-bg-hover-100\/95 {
  background-color: rgba(var(--mh--color--hover-100), 0.95);
}
.u-bg-hover-100\/100 {
  background-color: rgba(var(--mh--color--hover-100), 1);
}
.u-bg-hover-500 {
  background-color: var(--mh--color--hover-500);
}
.u-bg-hover-500\/0 {
  background-color: rgba(var(--mh--color--hover-500), 0);
}
.u-bg-hover-500\/5 {
  background-color: rgba(var(--mh--color--hover-500), 0.05);
}
.u-bg-hover-500\/10 {
  background-color: rgba(var(--mh--color--hover-500), 0.1);
}
.u-bg-hover-500\/15 {
  background-color: rgba(var(--mh--color--hover-500), 0.15);
}
.u-bg-hover-500\/20 {
  background-color: rgba(var(--mh--color--hover-500), 0.2);
}
.u-bg-hover-500\/25 {
  background-color: rgba(var(--mh--color--hover-500), 0.25);
}
.u-bg-hover-500\/30 {
  background-color: rgba(var(--mh--color--hover-500), 0.3);
}
.u-bg-hover-500\/35 {
  background-color: rgba(var(--mh--color--hover-500), 0.35);
}
.u-bg-hover-500\/40 {
  background-color: rgba(var(--mh--color--hover-500), 0.4);
}
.u-bg-hover-500\/45 {
  background-color: rgba(var(--mh--color--hover-500), 0.45);
}
.u-bg-hover-500\/50 {
  background-color: rgba(var(--mh--color--hover-500), 0.5);
}
.u-bg-hover-500\/55 {
  background-color: rgba(var(--mh--color--hover-500), 0.55);
}
.u-bg-hover-500\/60 {
  background-color: rgba(var(--mh--color--hover-500), 0.6);
}
.u-bg-hover-500\/65 {
  background-color: rgba(var(--mh--color--hover-500), 0.65);
}
.u-bg-hover-500\/70 {
  background-color: rgba(var(--mh--color--hover-500), 0.7);
}
.u-bg-hover-500\/75 {
  background-color: rgba(var(--mh--color--hover-500), 0.75);
}
.u-bg-hover-500\/80 {
  background-color: rgba(var(--mh--color--hover-500), 0.8);
}
.u-bg-hover-500\/85 {
  background-color: rgba(var(--mh--color--hover-500), 0.85);
}
.u-bg-hover-500\/90 {
  background-color: rgba(var(--mh--color--hover-500), 0.9);
}
.u-bg-hover-500\/95 {
  background-color: rgba(var(--mh--color--hover-500), 0.95);
}
.u-bg-hover-500\/100 {
  background-color: rgba(var(--mh--color--hover-500), 1);
}
.u-bg-error-500 {
  background-color: var(--mh--color--error-500);
}
.u-bg-error-500\/0 {
  background-color: rgba(var(--mh--color--error-500), 0);
}
.u-bg-error-500\/5 {
  background-color: rgba(var(--mh--color--error-500), 0.05);
}
.u-bg-error-500\/10 {
  background-color: rgba(var(--mh--color--error-500), 0.1);
}
.u-bg-error-500\/15 {
  background-color: rgba(var(--mh--color--error-500), 0.15);
}
.u-bg-error-500\/20 {
  background-color: rgba(var(--mh--color--error-500), 0.2);
}
.u-bg-error-500\/25 {
  background-color: rgba(var(--mh--color--error-500), 0.25);
}
.u-bg-error-500\/30 {
  background-color: rgba(var(--mh--color--error-500), 0.3);
}
.u-bg-error-500\/35 {
  background-color: rgba(var(--mh--color--error-500), 0.35);
}
.u-bg-error-500\/40 {
  background-color: rgba(var(--mh--color--error-500), 0.4);
}
.u-bg-error-500\/45 {
  background-color: rgba(var(--mh--color--error-500), 0.45);
}
.u-bg-error-500\/50 {
  background-color: rgba(var(--mh--color--error-500), 0.5);
}
.u-bg-error-500\/55 {
  background-color: rgba(var(--mh--color--error-500), 0.55);
}
.u-bg-error-500\/60 {
  background-color: rgba(var(--mh--color--error-500), 0.6);
}
.u-bg-error-500\/65 {
  background-color: rgba(var(--mh--color--error-500), 0.65);
}
.u-bg-error-500\/70 {
  background-color: rgba(var(--mh--color--error-500), 0.7);
}
.u-bg-error-500\/75 {
  background-color: rgba(var(--mh--color--error-500), 0.75);
}
.u-bg-error-500\/80 {
  background-color: rgba(var(--mh--color--error-500), 0.8);
}
.u-bg-error-500\/85 {
  background-color: rgba(var(--mh--color--error-500), 0.85);
}
.u-bg-error-500\/90 {
  background-color: rgba(var(--mh--color--error-500), 0.9);
}
.u-bg-error-500\/95 {
  background-color: rgba(var(--mh--color--error-500), 0.95);
}
.u-bg-error-500\/100 {
  background-color: rgba(var(--mh--color--error-500), 1);
}
html body {
  --wp--style--block-gap: 0;
}
html body .is-layout-flow > * + * {
  margin-block-start: 0;
}
html body {
  --wp--preset--font-size--x-2-s: var(--mh--font-size--x2s);
  --wp--preset--font-size--xs: var(--mh--font-size--xs);
  --wp--preset--font-size--sm: var(--mh--font-size--sm);
  --wp--preset--font-size--md: var(--mh--base--font-size);
  --wp--preset--font-size--lg: var(--mh--font-size--lg);
  --wp--preset--font-size--xl: var(--mh--font-size--xl);
  --wp--preset--font-size--x-2-l: var(--mh--font-size--x2l);
  --wp--preset--font-size--x-3-l: var(--mh--font-size--x3l);
  --wp--preset--font-size--x-4-l: var(--mh--font-size--x4l);
  --wp--preset--font-size--x-5-l: var(--mh--font-size--x5l);
  --wp--preset--font-size--x-6-l: var(--mh--font-size--x6l);
  --wp--preset--font-size--x-7-l: var(--mh--font-size--x7l);
  --wp--preset--font-size--x-8-l: var(--mh--font-size--x8l);
  --wp--preset--font-size--x-9-l: var(--mh--font-size--x9l);
  --wp--preset--font-size--x-10-l: var(--mh--font-size--x10l);
  --wp--preset--font-size--x-11-l: var(--mh--font-size--x11l);
  --wp--preset--font-size--x-12-l: var(--mh--font-size--x12l);
  --wp--preset--font-size--x-13-l: var(--mh--font-size--x13l);
  --wp--preset--font-size--x-14-l: var(--mh--font-size--x14l);
  --wp--preset--font-size--x-15-l: var(--mh--font-size--x15l);
}
html body a:not(.wp-element-button) {
  text-decoration: inherit;
}
@media (width >= 782px ) {
  .wp-block-image.alignleft {
    float: left;
    margin-right: 2em;
  }
  .wp-block-image.alignright {
    float: right;
    margin-left: 2em;
  }
  .wp-block-image.aligncenter {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}