@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: 768px;
  --mh--breakpoint--lg: 1100px;
  --mh--breakpoint--xl: 1280px;
  --mh--breakpoint--x2l: 1400px;
}
:root {
  --mh--font-family--base:
  	"Zen Kaku Gothic New", "ヒラギノ角ゴ ProN W3", meiryo, sans-serif;
  --mh--font-family--en: "Afacad Flux", sans-serif;
  --mh--font-family--en-lexend: "Lexend", sans-serif;
}
html body {
  --mh--font-size--x3s: 1.2rem;
  --mh--font-size--x2s: 1.3rem;
  --mh--font-size--xs: 1.4rem;
  --mh--font-size--sm: 1.5rem;
  --mh--font-size--md: 1.4rem;
  --mh--font-size--lg: 1.7rem;
  --mh--font-size--xl: 1.8rem;
  --mh--font-size--x2l: 2rem;
  --mh--font-size--x3l: 2.1rem;
  --mh--font-size--x4l: 2.2rem;
  --mh--font-size--x5l: 2.4rem;
  --mh--font-size--x6l: 2.6rem;
  --mh--font-size--x7l: 2.7rem;
  --mh--font-size--x8l: 2.9rem;
  --mh--font-size--x9l: 3.1rem;
  --mh--font-size--x10l: 3.4rem;
  --mh--font-size--x11l: 3.6rem;
  --mh--font-size--x12l: 3.9rem;
  --mh--font-size--x13l: 4.1rem;
  --mh--font-size--x14l: 4.4rem;
}
@media (width >= 768px ) {
  html body {
    --mh--font-size--md: 1.6rem;
    --mh--font-size--lg: 1.8rem;
    --mh--font-size--xl: 2rem;
    --mh--font-size--x2l: 2.3rem;
    --mh--font-size--x3l: 2.6rem;
    --mh--font-size--x4l: 2.9rem;
    --mh--font-size--x5l: 3.2rem;
    --mh--font-size--x6l: 3.6rem;
    --mh--font-size--x7l: 4.1rem;
    --mh--font-size--x8l: 4.6rem;
    --mh--font-size--x9l: 5.2rem;
    --mh--font-size--x10l: 5.8rem;
    --mh--font-size--x11l: 6.6rem;
    --mh--font-size--x12l: 7.4rem;
    --mh--font-size--x13l: 8.3rem;
    --mh--font-size--x14l: 9.4rem;
  }
}
:root {
  --mh--letter-spacing--none: 0;
  --mh--letter-spacing--sm: 0.02em;
  --mh--letter-spacing--md: 0.04em;
}
:root {
  --mh--line-height--none: 1;
  --mh--line-height--sm: 1.2;
  --mh--line-height--md: 1.5;
  --mh--line-height--lg: 1.9;
}
:root {
  --mh--header--height: 110px;
}
@media (width >= 768px ) {
  :root {
    --mh--header--height: 120px;
  }
}
:root {
  --mh--sidebar--width: 240px;
}
:root {
  --mh--contents--width: 1100px;
  --mh--contents--wide-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
  );
}
@media (width >= 768px ) {
  :root {
    --mh--contents--padding--side: 50px;
  }
}
html body {
  --mh--color--primary-500: rgb(255 0 0);
  --mh--color--primary-600_hover: rgb(226 3 3);
  --mh--color--surface-100: rgb(255 254 249);
  --mh--color--surface-200: rgb(250 247 236);
  --mh--color--surface-300: rgb(245 240 223);
  --mh--color--surface-400: rgb(239 233 210);
  --mh--color--surface-600: rgb(192 151 0);
  --mh--color--grayscale-100: rgba(255 255 255 / 50%);
  --mh--color--grayscale-200: rgb(255 255 255);
  --mh--color--grayscale-300: rgb(244 244 244);
  --mh--color--grayscale-500: rgb(204 204 204);
  --mh--color--grayscale-800: rgb(136 136 136);
  --mh--color--grayscale-900: rgb(9 9 9);
}
:root {
  --mh--easing: ease;
  --mh--duration: 0.3s;
  --mh--duration-slow: 0.6s;
}
@keyframes loop-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes loop-txt {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes txt-mask {
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes arrow-slide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  50.0% {
    opacity: 0;
    transform: translateX(105%);
  }
  50.1% {
    opacity: 0;
    transform: translateX(-105%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
: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--30-140: 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--60-180: 60px;
  --mh--space--x5s: 2px;
  --mh--space--x4s: 5px;
  --mh--space--x3s: 10px;
  --mh--space--x2s: 15px;
  --mh--space--xs: 20px;
  --mh--space--sm: 30px;
  --mh--space--md: 40px;
  --mh--space--lg: 50px;
  --mh--space--xl: 60px;
  --mh--space--x2l: 70px;
  --mh--space--x3l: 80px;
  --mh--space--x4l: 90px;
  --mh--space--x5l: 100px;
}
@media (width >= 768px ) {
  :root {
    --mh--space--10-15: 15px;
    --mh--space--10-30: 30px;
    --mh--space--10-40: 40px;
    --mh--space--10-60: 60px;
    --mh--space--15-20: 20px;
    --mh--space--20-120: 120px;
    --mh--space--20-15: 15px;
    --mh--space--20-30: 30px;
    --mh--space--20-50: 50px;
    --mh--space--20-60: 60px;
    --mh--space--20-80: 80px;
    --mh--space--25-25: 25px;
    --mh--space--25-30: 30px;
    --mh--space--25-60: 60px;
    --mh--space--25-70: 70px;
    --mh--space--25-80: 80px;
    --mh--space--30-30: 30px;
    --mh--space--30-40: 40px;
    --mh--space--30-50: 50px;
    --mh--space--30-80: 80px;
    --mh--space--30-140: 140px;
    --mh--space--40-100: 100px;
    --mh--space--40-120: 120px;
    --mh--space--40-60: 60px;
    --mh--space--60-100: 100px;
    --mh--space--60-160: 160px;
    --mh--space--60-180: 180px;
    --mh--space--x5s: 4px;
    --mh--space--x4s: 10px;
    --mh--space--x3s: 20px;
    --mh--space--x2s: 30px;
    --mh--space--xs: 40px;
    --mh--space--sm: 60px;
    --mh--space--md: 80px;
    --mh--space--lg: 100px;
    --mh--space--xl: 120px;
    --mh--space--x2l: 140px;
    --mh--space--x3l: 160px;
    --mh--space--x4l: 180px;
    --mh--space--x5l: 200px;
  }
}
:root {
  --mh--border-radius--md: 5px;
}
@media (width >= 768px ) {
  :root {
    --mh--border-radius--md: 10px;
  }
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
*::before, *::after {
  box-sizing: border-box;
}
* :focus-visible {
  outline: 2px solid;
}
html {
  block-size: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: none;
}
body {
  -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);
  line-height: var(--mh--line-height--lg);
  color: var(--mh--color--grayscale-900);
  -webkit-text-size-adjust: 100%;
}
@media (width >= 768px ) {
  body {
    min-width: var(--mh--contents--width-with-padding);
  }
}
@media (width >= 768px ) and (hover: none) {
  body {
    -webkit-text-size-adjust: none;
  }
}
* {
  letter-spacing: var(--mh--letter-spacing--md);
}
ins {
  text-decoration: none;
  background-color: #ff9;
}
mark {
  font-weight: bold;
  background-color: #ff9;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
sup {
  font-size: 0.75em;
  vertical-align: text-top;
}
sub {
  font-size: 0.75em;
  vertical-align: text-bottom;
}
hr {
  display: block;
  height: 1px;
  padding: 0;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid;
}
table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
a {
  color: inherit;
}
@media (width < 768px) {
  a:hover {
    text-decoration: none;
  }
}
input[type=text],
input[type=email],
input[type=tel],
textarea,
button,
select,
option {
  display: block;
  width: 100%;
  max-width: 100%;
  font-family: inherit;
  background: none;
  border: 1px solid;
  border-radius: 0;
}
@media (width < 768px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  textarea,
  button,
  select,
  option {
    font-size: 1.6rem;
  }
}
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);
  background-color: var(--mh--color--grayscale-200);
}
.l-container {
  position: relative;
  background-color: var(--mh--color--grayscale-200);
}
.l-container *::-webkit-scrollbar {
  height: 4px;
}
.l-container *::-webkit-scrollbar-thumb {
  background: var(--mh--color--primary-500);
  border-radius: 99px;
}
.l-container *::-webkit-scrollbar-track {
  background: var(--mh--color--grayscale-500);
  border-radius: 99px;
}
@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-btn01
================================================== */
.c-btn01 {
  max-width: 335px;
  margin-inline: auto;
}
.c-btn01__link {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 14px var(--mh--space--15-20) 14px var(--mh--space--20-30);
  border: 1px solid var(--mh--color--grayscale-800);
  border-radius: 100px;
}
.c-btn01__link.is-comingsoon {
  color: var(--mh--color--grayscale-800);
}
.c-btn01__link.is-comingsoon .c-btn01__arw {
  background-color: var(--mh--color--grayscale-500);
}
.c-btn01__link[target=_blank] .c-btn01__arw::after, .c-btn01__link.is-blank .c-btn01__arw::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-btn01__txt {
  font-weight: 700;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-btn01__arw {
  display: grid;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.c-btn01__arw::after {
  display: inline-block;
  width: 12px;
  height: 9px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-btn01.is-white .c-btn01__link {
  border-color: var(--mh--color--grayscale-200);
}
.c-btn01.is-white .c-btn01__txt {
  color: var(--mh--color--grayscale-200);
}
.c-btn01.is-white .c-btn01__arw {
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-200);
}
@media (width >= 768px ) {
  .c-btn01 {
    max-width: 320px;
  }
  .c-btn01__link {
    min-height: 70px;
  }
  .c-btn01__arw {
    width: 50px;
    height: 40px;
  }
  .c-btn01__arw::after {
    width: 16px;
    height: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01__link:not(.is-comingsoon) .c-btn01__txt {
    position: relative;
    overflow: hidden;
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-900), 0 0 0 var(--mh--color--grayscale-900);
    transition: text-shadow 0.3s;
  }
  .c-btn01__link:not(.is-comingsoon) .c-btn01__arw {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-btn01__link:not(.is-comingsoon) .c-btn01__arw::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .c-btn01__link:not(.is-comingsoon):hover:not([target=_blank]) .c-btn01__arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .c-btn01__link:not(.is-comingsoon):hover .c-btn01__arw::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-btn01__link:not(.is-comingsoon):hover .c-btn01__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-900), 0 -1.5em 0 var(--mh--color--grayscale-900);
  }
  .c-btn01.is-white .c-btn01__txt {
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-200);
  }
  .c-btn01.is-white .c-btn01__link:hover .c-btn01__arw {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--primary-600_hover);
  }
  .c-btn01.is-white .c-btn01__link:hover .c-btn01__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/* .c-btn02
================================================== */
.c-btn02__link {
  display: inline-grid;
  grid-template-columns: max-content auto;
  gap: var(--mh--space--x3s);
  align-items: center;
}
.c-btn02__link[target=_blank] .c-btn02__arw::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-btn02__txt {
  font-weight: 700;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-btn02__arw {
  display: grid;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.c-btn02__arw::after {
  display: inline-block;
  width: 12px;
  height: 9px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-btn02.is-white .c-btn02__link {
  border-color: var(--mh--color--grayscale-200);
}
.c-btn02.is-white .c-btn02__txt {
  color: var(--mh--color--grayscale-200);
}
.c-btn02.is-white .c-btn02__arw {
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-200);
}
@media (width >= 768px ) {
  .c-btn02 {
    max-width: 320px;
  }
  .c-btn02__arw {
    width: 50px;
    height: 40px;
  }
  .c-btn02__arw::after {
    width: 16px;
    height: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn02__txt {
    position: relative;
    overflow: hidden;
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-900), 0 0 0 var(--mh--color--grayscale-900);
    transition: text-shadow 0.3s;
  }
  .c-btn02__arw {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-btn02__arw::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .c-btn02__link:hover:not([target=_blank]) .c-btn02__arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .c-btn02__link:hover .c-btn02__arw::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-btn02__link:hover .c-btn02__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-900), 0 -1.5em 0 var(--mh--color--grayscale-900);
  }
  .c-btn02.is-white .c-btn02__txt {
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-200);
  }
  .c-btn02.is-white .c-btn02__link:hover .c-btn02__arw {
    color: var(--mh--color--grayscale-200);
    background-color: var(--mh--color--primary-600_hover);
  }
  .c-btn02.is-white .c-btn02__link:hover .c-btn02__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/*  .c-card01
================================================== */
.c-card01 {
  position: relative;
  display: grid;
  gap: var(--mh--space--sm);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
  padding: var(--mh--space--xs);
  background: var(--mh--color--grayscale-200);
  overflow: hidden;
}
.c-card01 + .c-card01 {
  margin-top: var(--mh--space--x2s);
}
.c-card01__lbl {
  position: absolute;
  top: 0;
  right: 14px;
  display: grid;
  writing-mode: vertical-rl;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
}
.c-card01__lbl::before {
  position: relative;
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--mh--color--primary-500);
}
.c-card01__areatxt {
  padding: 0 10px 10px;
}
.c-card01__head {
  margin-bottom: var(--mh--space--10-15);
}
.c-card01__img {
  width: calc(100% - 20px);
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
}
.c-card01__img img {
  width: 100%;
}
.c-card01__btn {
  margin-top: var(--mh--space--x3s);
}
@media (width >= 768px ) {
  .c-card01 {
    grid-template-columns: 35% 1fr;
    padding: var(--mh--space--xs) var(--mh--space--xs) var(--mh--space--xs) var(--mh--space--sm);
  }
  .c-card01__lbl {
    right: auto;
    left: 19px;
  }
  .c-card01__img {
    width: 100%;
  }
  .c-card01__areatxt {
    padding: 0;
  }
}
/*  .c-card02
================================================== */
.c-card02 {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 20px;
  padding: 19px;
  overflow: hidden;
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-card02-list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-card02__lbl {
  position: absolute;
  top: 0;
  right: 13px;
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 10px;
  align-items: center;
  font-size: var(--mh--font-size--x3s);
  writing-mode: vertical-rl;
}
.c-card02__lbl::before {
  position: relative;
  display: block;
  width: 1px;
  height: 100%;
  content: "";
  background: var(--mh--color--primary-500);
}
.c-card02__head {
  margin-bottom: var(--mh--space--10-15);
}
.c-card02__txt {
  font-size: var(--mh--font-size--sm);
}
.c-card02__img {
  width: calc(100% - 20px);
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
}
.c-card02__img img {
  width: 100%;
}
@media (width >= 768px ) {
  .c-card02 {
    padding-bottom: 29px;
  }
  .c-card02-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-card02__img {
    width: calc(100% - 18px);
  }
}
/*  .c-card03
================================================== */
.c-card03 {
  display: grid;
  gap: var(--mh--space--xs);
  padding: calc(var(--mh--space--xs) - 1px);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-card03__head {
  margin-bottom: var(--mh--space--10-15);
}
.c-card03__area-data {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-card03__data {
  position: relative;
  padding: var(--mh--space--15-20) 10px 10px;
  background-color: var(--mh--color--surface-200);
  border-radius: 0 0 var(--mh--border-radius--md) var(--mh--border-radius--md);
}
.c-card03__data-ico {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 39px;
}
.c-card03__data-head {
  position: relative;
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-card03__data-num {
  width: fit-content;
  padding: 0 25px 9px;
  margin-inline: auto;
  font-size: var(--mh--font-size--x10l);
  color: var(--mh--color--primary-500);
  text-align: center;
  background: url("../img/common/bg_ranking01.svg") no-repeat bottom left/28px, url("../img/common/bg_ranking02.svg") no-repeat bottom right/28px, url("../img/common/bg_sparkling01.svg") no-repeat top 12px left 52%/17.5px;
}
.c-card03__data-num .is-big {
  font-size: 5.4rem;
}
.c-card03__data-numjp {
  font-size: var(--mh--font-size--x7l);
  font-style: italic;
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  text-align: center;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-card03__data-numjp .is-big {
  display: inline-block;
  margin-inline: 0.1em -0.1em;
  font-size: 5.4rem;
}
@media (width >= 768px ) {
  .c-card03 {
    grid-template-columns: auto 1fr;
    align-items: center;
  }
  .c-card03__area-data {
    display: flex;
  }
  .c-card03__data {
    width: 290px;
  }
  .c-card03__data-ico {
    top: 15px;
    left: 20px;
    width: 62px;
  }
  .c-card03__data-head {
    display: grid;
    align-items: center;
    min-height: 48px;
  }
  .c-card03__data-num {
    padding: 0 35px;
    background-position: left bottom 10px, right bottom 10px, left 50% top 10px;
    background-size: 30px, 30px, 40px;
  }
  .c-card03__data-num .is-big {
    font-size: 9rem;
  }
  .c-card03__data-numjp .is-big {
    font-size: 9rem;
  }
}
@media (width >= 1400px ) {
  .c-card03 {
    grid-template-columns: auto 1fr;
  }
  .c-card03__data {
    width: 330px;
  }
  .c-card03__data-num {
    padding: 0 47px;
    background-position: left bottom 10px, right bottom 10px, left 50% top 10px;
    background-size: 38px, 38px, 56px;
  }
  .c-card03__data-num .is-big {
    font-size: 12.4rem;
  }
  .c-card03__data-numjp .is-big {
    font-size: 12.4rem;
  }
}
/*  .c-card04
================================================== */
.c-card04 {
  position: relative;
  padding: var(--mh--space--20-30);
  overflow: hidden;
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-card04-list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-card04__head {
  margin-bottom: var(--mh--space--10-15);
}
@media (width >= 768px ) {
  .c-card04 {
    padding-bottom: 29px;
  }
  .c-card04-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*  .c-faq01
================================================== */
.c-faq01 {
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-faq01 + .c-faq01 {
  margin-top: 20px;
}
.c-faq01__en {
  font-size: var(--mh--font-size--x5l);
  color: var(--mh--color--primary-500);
}
.c-faq01__question {
  display: grid;
  align-items: center;
  gap: var(--mh--space--x4s);
  grid-template-columns: auto 1fr 37px;
  padding: var(--mh--space--x2s) var(--mh--space--20-30);
}
.c-faq01__question.is-active .c-faq01__ico-in::after {
  transform: rotate(0);
}
.c-faq01__ico {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 37/30;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.c-faq01__ico-in::before, .c-faq01__ico-in::after {
  display: block;
  position: relative;
  inset: 0;
  margin: auto;
  content: "";
  width: 11px;
  height: 1px;
  background: var(--mh--color--grayscale-200);
}
.c-faq01__ico-in::after {
  top: -1px;
  transform: rotate(90deg);
  transition: all var(--mh--duration) var(--mh--easing);
}
.c-faq01__head {
  font-size: var(--mh--font-size--lg);
  font-weight: bold;
  line-height: var(--mh--line-height--md);
}
.c-faq01__answer {
  padding: 0 var(--mh--space--x3s) var(--mh--space--x3s);
}
.c-faq01__answer-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--mh--space--x4s);
  padding: var(--mh--space--x3s) var(--mh--space--10-15);
  background: var(--mh--color--surface-200);
  border-radius: var(--mh--border-radius--md);
}
.c-faq01__answer-area {
  padding-top: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .c-faq01__question:hover .c-faq01__ico::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-faq01__question:hover .c-faq01__ico::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .c-faq01__ico {
    position: relative;
    overflow: hidden;
  }
  .c-faq01__ico::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
}
/*  .c-flow01
================================================== */
.c-flow01 {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 30px 20px;
}
.c-flow01::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
}
.c-flow01__list {
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: calc(100% - 20px);
  margin-inline: auto;
  z-index: 1;
}
.c-flow01__item {
  position: relative;
  padding: var(--mh--space--20-30) var(--mh--space--10-10);
  counter-increment: flow;
  text-align: center;
  font-size: var(--mh--font-size--lg);
  font-weight: bold;
  line-height: var(--mh--line-height--md);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
}
.c-flow01__item::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -1px;
  left: -1px;
  width: 38px;
  aspect-ratio: 38/34;
  font-size: var(--mh--font-size--sm);
  color: var(--mh--color--grayscale-200);
  font-family: var(--mh--font-family--en);
  font-variation-settings: "slnt" 0;
  font-weight: 500;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
  content: counter(flow, decimal-leading-zero);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2231%22%20viewBox%3D%220%200%2035%2031%22%20fill%3D%22none%22%3E%20%3Cellipse%20cx%3D%227.5%22%20cy%3D%229%22%20rx%3D%2227.5%22%20ry%3D%2221.5%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
}
.c-flow01__end {
  position: relative;
  font-size: var(--mh--font-size--xl);
  font-weight: bold;
  text-align: center;
  padding: var(--mh--space--20-30);
  color: var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
  line-height: var(--mh--line-height--md);
  background: var(--mh--color--primary-500);
  z-index: 1;
}
@media (width >= 768px ) {
  .c-flow01 {
    padding: 80px 0;
    grid-template-columns: 1fr 160px;
    gap: 20px;
  }
  .c-flow01::before {
    left: -20px;
    width: 1140px;
  }
  .c-flow01__list {
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    max-width: 100%;
    margin-block: auto;
  }
  .c-flow01__list.is-col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-flow01__list.is-col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .c-flow01__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .c-flow01__end {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 240px;
  }
}
@media screen and (min-width: 1460px) {
  .c-flow01::before {
    left: -150px;
    width: 1400px;
  }
}
/*  .c-head01
================================================== */
.c-head01 {
  width: fit-content;
  margin-bottom: var(--mh--space--x2s);
  margin-left: -3px;
}
.c-head01__en {
  padding-left: 3px;
  font-size: var(--mh--font-size--x14l);
}
.c-head01__main {
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-head01__main::before {
  margin-right: 0.25em;
  content: "（"/"";
}
.c-head01__main::after {
  margin-left: 0.25em;
  content: "）"/"";
}
@media (width >= 768px ) {
  .c-head01 {
    display: flex;
    gap: 11px;
    align-items: baseline;
  }
}
/*  .c-head02
================================================== */
.c-head02 {
  display: grid;
  gap: var(--mh--space--x4s);
}
.c-head02.is-center {
  margin-inline: auto;
  text-align: center;
}
.c-head02__en {
  font-size: var(--mh--font-size--md);
  color: var(--mh--color--primary-500);
}
.c-head02__main {
  font-size: var(--mh--font-size--x8l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
  margin: 0;
}
/*  .c-head02.is-white
================================================== */
.c-head02.is-white {
  color: var(--mh--color--grayscale-200);
}
.c-head02.is-white .c-head02__en {
  color: var(--mh--color--grayscale-200);
}
/*  .c-head03
================================================== */
.c-head03 {
  position: relative;
  padding-left: 15px;
}
.c-head03::before {
  position: absolute;
  content: "";
  width: 3px;
  top: 6px;
  left: 0;
  height: calc(100% - 9px);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%223%22%20height%3D%226%22%20viewBox%3D%220%200%203%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_1609_25766%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%223%22%20height%3D%226%22%3E%3Crect%20width%3D%223%22%20height%3D%225.945%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_1609_25766)%22%3E%3Cline%20x1%3D%221.5%22%20y1%3D%221.5%22%20x2%3D%221.5%22%20y2%3D%2219.5%22%20stroke%3D%22%23FF0000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%220.1%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-y top left;
}
.c-head03 {
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
@media (width >= 768px ) {
  .c-head03 {
    padding-left: 20px;
  }
  .c-head03::before {
    top: 6px;
    height: calc(100% - 5px);
  }
}
/*  .c-head04
================================================== */
.c-head04 {
  background: var(--mh--color--surface-400);
  padding: var(--mh--space--10-15) var(--mh--space--15-20);
  font-size: var(--mh--font-size--x5l);
  font-weight: bold;
  line-height: var(--mh--line-height--md);
  border-radius: var(--mh--border-radius--md);
}
@media (width >= 768px ) {
  .c-head04 {
    padding-left: 20px;
  }
  .c-head04::before {
    top: 6px;
    height: calc(100% - 6px);
  }
}
/*  .c-head05
================================================== */
.c-head05 {
  display: grid;
  grid-template-columns: 13px 1fr;
  gap: var(--mh--space--10-15);
  font-size: var(--mh--font-size--x4l);
  font-weight: bold;
  line-height: var(--mh--line-height--md);
}
.c-head05::before {
  position: relative;
  top: 12px;
  content: "";
  width: 100%;
  aspect-ratio: 13/10;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2210%22%20viewBox%3D%220%200%2013%2010%22%20fill%3D%22none%22%3E%20%3Cellipse%20cx%3D%226.5%22%20cy%3D%225%22%20rx%3D%226.5%22%20ry%3D%225%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center left/100% auto;
}
@media (width >= 768px ) {
  .c-head05::before {
    top: 20px;
  }
}
/*  .c-head06
================================================== */
.c-head06 {
  position: relative;
  padding-bottom: 20px;
  font-size: var(--mh--font-size--x5l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.c-head06::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%223%22%20viewBox%3D%220%200%207%203%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_1604_25758%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%227%22%20height%3D%223%22%3E%3Crect%20width%3D%226.28%22%20height%3D%223%22%20fill%3D%22%23D9D9D9%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_1604_25758)%22%3E%3Cline%20x1%3D%221.5%22%20y1%3D%221.5%22%20x2%3D%2258.5%22%20y2%3D%221.5%22%20stroke%3D%22%23FF0000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-dasharray%3D%220.1%206%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x top left;
}
.c-head06.is-center {
  text-align: center;
}
.c-head06.is-center::before {
  right: 0;
  margin-inline: auto;
}
/*  .c-head07
================================================== */
.c-head07 {
  display: grid;
  gap: var(--mh--space--x5s);
}
.c-head07__en {
  padding-top: var(--mh--space--x4s);
  font-size: var(--mh--font-size--xl);
  color: var(--mh--color--primary-500);
}
.c-head07__en::before {
  margin-right: 0.25em;
  content: "("/"";
}
.c-head07__en::after {
  margin-left: 0.25em;
  content: ")"/"";
}
.c-head07__main {
  font-size: var(--mh--font-size--x4l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
/* .c-ico
================================================== */
.c-ico {
  display: inline-block;
  vertical-align: baseline;
}
.c-ico svg {
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-arw01
================================================== */
.c-ico.is-arw01::after {
  display: inline-block;
  width: 7px;
  height: 10px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.472 9.771"><path d="M1.32,0,0,1.38,3.709,4.886,0,8.391l1.32,1.38L6.472,4.886Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.472 9.771"><path d="M1.32,0,0,1.38,3.709,4.886,0,8.391l1.32,1.38L6.472,4.886Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-arw02
================================================== */
.c-ico.is-arw02::after {
  display: inline-block;
  width: 6px;
  height: 10px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.516 9.032"><path d="M0,8.032a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414L2.1,3.516-.707.707a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0L4.223,2.809a1,1,0,0,1,0,1.414L.707,7.739A1,1,0,0,1,0,8.032Z" transform="translate(1 1)"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.516 9.032"><path d="M0,8.032a1,1,0,0,1-.707-.293,1,1,0,0,1,0-1.414L2.1,3.516-.707.707a1,1,0,0,1,0-1.414,1,1,0,0,1,1.414,0L4.223,2.809a1,1,0,0,1,0,1.414L.707,7.739A1,1,0,0,1,0,8.032Z" transform="translate(1 1)"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-arw03
================================================== */
.c-ico.is-arw03::after {
  display: inline-block;
  width: 16px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width < 768px) {
  .c-ico.is-arw03::after {
    width: 12px;
    height: 9px;
  }
}
/* .c-ico.is-blank01
================================================== */
.c-ico.is-blank01::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-blank02
================================================== */
.c-ico.is-blank02::after {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.435 13.434"><path d="M15333.549,2248.428a.56.56,0,0,1-.559-.562V2237.79a.559.559,0,0,1,.559-.558h4.479a.56.56,0,1,1,0,1.121h-3.917v8.955h8.954v-3.917a.561.561,0,1,1,1.121,0v4.475a.56.56,0,0,1-.562.562Zm5.2-5.762a.562.562,0,0,1,0-.793l5.762-5.762h-3.686a.558.558,0,1,1,0-1.117h5.038a.559.559,0,0,1,.559.559v5.038a.559.559,0,0,1-1.117,0V2236.9l-5.762,5.762a.568.568,0,0,1-.794,0Z" transform="translate(-15332.99 -2234.994)"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.435 13.434"><path d="M15333.549,2248.428a.56.56,0,0,1-.559-.562V2237.79a.559.559,0,0,1,.559-.558h4.479a.56.56,0,1,1,0,1.121h-3.917v8.955h8.954v-3.917a.561.561,0,1,1,1.121,0v4.475a.56.56,0,0,1-.562.562Zm5.2-5.762a.562.562,0,0,1,0-.793l5.762-5.762h-3.686a.558.558,0,1,1,0-1.117h5.038a.559.559,0,0,1,.559.559v5.038a.559.559,0,0,1-1.117,0V2236.9l-5.762,5.762a.568.568,0,0,1-.794,0Z" transform="translate(-15332.99 -2234.994)"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-mail01
================================================== */
.c-ico.is-mail01::after {
  display: inline-block;
  width: 17px;
  height: 13px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12.147"><path d="M16.19,1.415v9.923H.81V1.415L8.5,8.29ZM1.348.81h14.3L8.5,7.2ZM0,12.147H17V0H0Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12.147"><path d="M16.19,1.415v9.923H.81V1.415L8.5,8.29ZM1.348.81h14.3L8.5,7.2ZM0,12.147H17V0H0Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-map01
================================================== */
.c-ico.is-map01::after {
  display: inline-block;
  width: 12px;
  height: 16px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.016 16.221"><path d="M6.008,0A6.026,6.026,0,0,0,0,6.041C0,10.188,4.166,14.8,5.684,16.1a.5.5,0,0,0,.647,0c1.519-1.3,5.684-5.909,5.684-10.057A6.026,6.026,0,0,0,6.008,0m0,9.864A3.633,3.633,0,1,1,9.619,6.227,3.622,3.622,0,0,1,6.008,9.86" transform="translate(0 0.004)"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.016 16.221"><path d="M6.008,0A6.026,6.026,0,0,0,0,6.041C0,10.188,4.166,14.8,5.684,16.1a.5.5,0,0,0,.647,0c1.519-1.3,5.684-5.909,5.684-10.057A6.026,6.026,0,0,0,6.008,0m0,9.864A3.633,3.633,0,1,1,9.619,6.227,3.622,3.622,0,0,1,6.008,9.86" transform="translate(0 0.004)"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-search01
================================================== */
.c-ico.is-search01::after {
  display: inline-block;
  width: 19px;
  height: 19px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.814 18.814"><path d="M12491.646,13519.027l-4.409-4.409,0,0a7.6,7.6,0,1,1,1.386-1.387l4.409,4.413a.979.979,0,0,1,0,1.381.975.975,0,0,1-1.384,0Zm-14.97-10.43a5.922,5.922,0,1,0,5.921-5.921A5.926,5.926,0,0,0,12476.677,13508.6Z" transform="translate(-12474.751 -13500.751)" stroke-width="0.5"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.814 18.814"><path d="M12491.646,13519.027l-4.409-4.409,0,0a7.6,7.6,0,1,1,1.386-1.387l4.409,4.413a.979.979,0,0,1,0,1.381.975.975,0,0,1-1.384,0Zm-14.97-10.43a5.922,5.922,0,1,0,5.921-5.921A5.926,5.926,0,0,0,12476.677,13508.6Z" transform="translate(-12474.751 -13500.751)" stroke-width="0.5"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-ico.is-tel01
================================================== */
.c-ico.is-tel01::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.5 23.5"><path d="M18.019,23.5c-2.313,0-7.045-.741-12.147-5.844C-.641,11.143-.085,5.26.093,4.147a3.661,3.661,0,0,1,1.045-2.1L2.405.778a2.668,2.668,0,0,1,3.767,0l3.19,3.191a2.669,2.669,0,0,1,0,3.768L7.81,9.29a18.573,18.573,0,0,0,2.752,3.674A18.585,18.585,0,0,0,14.217,15.7l1.554-1.557a2.671,2.671,0,0,1,3.77,0l3.181,3.184a2.669,2.669,0,0,1,0,3.767l-1.25,1.25A3.7,3.7,0,0,1,19.5,23.378a7.471,7.471,0,0,1-1.479.122M4.29,2.148a.516.516,0,0,0-.367.149L2.658,3.564a1.554,1.554,0,0,0-.441.9c-.1.594-.725,5.777,5.174,11.675,6.21,6.213,11.472,5.18,11.692,5.133a1.6,1.6,0,0,0,.873-.441L21.2,19.581a.522.522,0,0,0,0-.731l-3.182-3.184a.526.526,0,0,0-.733,0l-2.708,2.71-.708-.393a21.871,21.871,0,0,1-4.828-3.5A21.8,21.8,0,0,1,5.532,9.632l-.393-.708L7.845,6.218a.522.522,0,0,0,0-.731L4.655,2.3a.515.515,0,0,0-.365-.148" transform="translate(0 0)"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.5 23.5"><path d="M18.019,23.5c-2.313,0-7.045-.741-12.147-5.844C-.641,11.143-.085,5.26.093,4.147a3.661,3.661,0,0,1,1.045-2.1L2.405.778a2.668,2.668,0,0,1,3.767,0l3.19,3.191a2.669,2.669,0,0,1,0,3.768L7.81,9.29a18.573,18.573,0,0,0,2.752,3.674A18.585,18.585,0,0,0,14.217,15.7l1.554-1.557a2.671,2.671,0,0,1,3.77,0l3.181,3.184a2.669,2.669,0,0,1,0,3.767l-1.25,1.25A3.7,3.7,0,0,1,19.5,23.378a7.471,7.471,0,0,1-1.479.122M4.29,2.148a.516.516,0,0,0-.367.149L2.658,3.564a1.554,1.554,0,0,0-.441.9c-.1.594-.725,5.777,5.174,11.675,6.21,6.213,11.472,5.18,11.692,5.133a1.6,1.6,0,0,0,.873-.441L21.2,19.581a.522.522,0,0,0,0-.731l-3.182-3.184a.526.526,0,0,0-.733,0l-2.708,2.71-.708-.393a21.871,21.871,0,0,1-4.828-3.5A21.8,21.8,0,0,1,5.532,9.632l-.393-.708L7.845,6.218a.522.522,0,0,0,0-.731L4.655,2.3a.515.515,0,0,0-.365-.148" transform="translate(0 0)"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .c-img01
================================================== */
.c-img01 {
  margin: var(--mh--space--md) 0;
}
/* .c-interview01
================================================== */
.c-interview01 {
  display: grid;
  gap: var(--mh--space--xs);
}
.c-interview01__img img {
  border-radius: var(--mh--border-radius--md);
}
.c-interview01__btn {
  width: 100%;
}
@media (width >= 768px ) {
  .c-interview01 {
    position: relative;
  }
  .c-interview01__img {
    order: 1;
  }
  .c-interview01__btn {
    position: absolute;
    top: 28px;
    right: 0;
  }
}
/* .c-links01
================================================== */
.c-links01 {
  display: grid;
  gap: var(--mh--space--10-30);
}
.c-links01__link {
  display: grid;
  grid-template-columns: 52px 1fr 37px;
  gap: var(--mh--space--x2s);
  align-items: center;
  padding: var(--mh--space--20-30) var(--mh--space--x2s);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-links01__img {
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
}
.c-links01__en {
  margin-bottom: var(--mh--space--x5s);
  font-size: var(--mh--font-size--x2s);
}
.c-links01__jp {
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.c-links01__ico {
  display: grid;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.c-links01__ico::after {
  display: inline-block;
  width: 10px;
  height: 10px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width >= 768px ) {
  .c-links01 {
    display: flex;
    flex-wrap: wrap;
  }
  .c-links01__item {
    width: calc(50% - var(--mh--space--x2s) / 2);
  }
  .c-links01__item:only-child {
    margin-inline: auto;
  }
  .c-links01__link {
    grid-template-columns: 84px 1fr 50px;
  }
  .c-links01__ico {
    width: 50px;
    height: 40px;
  }
  .c-links01__ico::after {
    width: 12px;
    height: 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-links01__link:hover .c-links01__img img {
    transform: scale(1.1);
  }
  .c-links01__link:hover .c-links01__ico::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-links01__link:hover .c-links01__ico::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .c-links01__img img {
    transform: scale(1.0001);
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .c-links01__ico {
    position: relative;
    overflow: hidden;
  }
  .c-links01__ico::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
}
/*  .c-num-list01
================================================== */
.c-num-list01 {
  counter-reset: num01 0;
}
.c-num-list01__item {
  padding-left: 2em;
  font-size: var(--mh--font-size--md);
  text-indent: -2em;
}
.c-num-list01__item::before {
  margin-right: 5px;
  color: var(--mh--color--primary-700);
  content: counter(num01, decimal-leading-zero) ".";
  counter-increment: num01 1;
}
.c-num-list01__item + .c-num-list01__item {
  margin-top: 0.8em;
}
.c-num-list01__item ul,
.c-num-list01__item ol {
  margin-top: 0.8em;
}
.c-num-list01__item ol {
  counter-reset: num02 0;
}
.c-num-list01__item ol li {
  padding-left: 3.5em;
  text-indent: -3.5em;
}
.c-num-list01__item ol li + li {
  margin-top: 0.8em;
}
.c-num-list01__item ol li::before {
  margin-right: 5px;
  color: var(--mh--color--primary-700);
  content: counter(num01, decimal-leading-zero) "-" counter(num02, decimal-leading-zero) ".";
  counter-increment: num02 1;
}
.c-num-list01__item ol .c-num-list01__item {
  padding-left: 3.5em;
  text-indent: -3.5em;
}
.c-num-list01__item ul {
  padding-left: 1.5em;
}
.c-num-list01__item ul li::before {
  position: relative;
  top: 14px;
  left: -1em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background-color: var(--mh--color--primary-700);
  border-radius: 50%;
}
.c-num-list01__item ul li + .c-num-list01__item ul li {
  margin-top: 0.8em;
}
@media (width >= 768px ) {
  .c-num-list01__item ul li::before {
    top: 17px;
    width: 6px;
    height: 6px;
  }
}
/*  .c-simple-list01
================================================== */
.c-simple-list01__item {
  position: relative;
  padding-left: 15px;
  font-size: var(--mh--font-size--md);
}
.c-simple-list01__item::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  content: "";
  background-color: var(--mh--color--primary-700);
  border-radius: 50%;
}
.c-simple-list01__item + .c-simple-list01__item {
  margin-top: 0.8em;
}
.c-simple-list01__item ul,
.c-simple-list01__item ol {
  margin-top: 0.8em;
}
.c-simple-list01__item ol {
  counter-reset: num 0;
}
.c-simple-list01__item ol > li {
  padding-left: 2em;
  text-indent: -2em;
}
.c-simple-list01__item ol > li::before {
  position: static;
  margin-right: 5px;
  color: var(--mh--color--primary-700);
  content: counter(num, decimal-leading-zero) ".";
  counter-increment: num 1;
  background-color: transparent;
  border-radius: 0;
}
@media (width >= 768px ) {
  .c-simple-list01__item::before {
    top: 12px;
    width: 6px;
    height: 6px;
  }
}
.js-recruit-modal-trigger {
  cursor: pointer;
}
/*  .c-recruit-modal
================================================== */
.c-recruit-modal {
  max-height: 90vh;
  overflow: auto;
  position: fixed;
  z-index: 16;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-inline: auto;
  width: 100%;
  padding-inline: var(--mh--contents--padding--side);
  max-width: var(--mh--contents--wide-width-with-padding);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--mh--duration) var(--mh--easing), visibility var(--mh--duration) var(--mh--easing);
}
.c-recruit-modal-in {
  display: grid;
  gap: var(--mh--space--x2s);
}
.c-recruit-modal__body {
  padding: var(--mh--space--md) var(--mh--space--sm);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-recruit-modal__box {
  display: grid;
  gap: var(--mh--space--x3s);
}
.c-recruit-modal__head {
  margin-bottom: var(--mh--space--sm);
  display: grid;
  justify-content: center;
  gap: var(--mh--space--x2s);
}
.c-recruit-modal__head-logo img {
  display: block;
  height: 40px;
  width: auto;
  margin-inline: auto;
}
.c-recruit-modal__link {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 300px;
  height: 60px;
  margin-inline: auto;
  background-color: var(--mh--color--grayscale-900);
  border-radius: 9999px;
  font-weight: 600;
}
.c-recruit-modal__link.is-entry {
  background-color: var(--mh--color--primary-500);
}
.c-recruit-modal__txt {
  position: relative;
  display: flex;
  gap: var(--mh--space--x4s);
  align-items: center;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-200);
  transition: text-shadow 0.3s;
}
.c-recruit-modal__scale {
  position: fixed;
  inset: 0;
  z-index: 15;
  background: rgba(9, 9, 9, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--mh--duration) var(--mh--easing), visibility var(--mh--duration) var(--mh--easing);
}
@media (width >= 1100px ) {
  .c-recruit-modal-in {
    grid-template-columns: repeat(2, 1fr);
    max-width: var(--mh--contents--wide-width);
  }
  .c-recruit-modal__head {
    display: flex;
    flex-wrap: wrap;
  }
  .c-recruit-modal__head-logo img {
    height: 50px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-recruit-modal__link {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .c-recruit-modal__link::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-500);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .c-recruit-modal__link.is-entry::before {
    background-color: var(--mh--color--grayscale-900);
  }
  .c-recruit-modal__link:hover {
    background-color: var(--mh--color--grayscale-900);
  }
  .c-recruit-modal__link:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-recruit-modal__link:hover .c-recruit-modal__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/*  .c-recruit-modal.is-visible
================================================== */
.c-recruit-modal.is-visible {
  opacity: 1;
  visibility: visible;
}
.c-recruit-modal.is-visible + .c-recruit-modal__scale {
  opacity: 1;
  visibility: visible;
}
/* .c-movie01
================================================== */
.c-movie01 {
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
}
.c-movie01 iframe {
  width: 100%;
  height: 100%;
}
/*  .c-next01
================================================== */
.c-next01 {
  position: relative;
  padding-block: var(--mh--space--xl);
  overflow: hidden;
}
.c-next01::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 89.33%;
  aspect-ratio: 670/634;
  content: "";
  background: url("../img/common/bg_mark01_sp.png") no-repeat bottom/cover;
  opacity: 0.8;
}
.c-next01__head {
  margin-bottom: var(--mh--space--sm);
}
.c-next01__list {
  position: relative;
  display: grid;
  gap: var(--mh--space--x2s);
  z-index: 1;
}
.c-next01__item-link {
  min-height: 99px;
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: var(--mh--space--x4s);
  align-items: center;
  background: var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
  padding: var(--mh--space--x2s) var(--mh--space--xs);
}
.c-next01__item-areaTxt {
  display: grid;
  gap: var(--mh--space--x4s);
}
.c-next01__item-jp {
  font-size: var(--mh--font-size--x3l);
  line-height: var(--mh--line-height--md);
  font-weight: bold;
}
.c-next01__item-imgtitle img {
  width: auto;
  max-height: 36px;
}
.c-next01__item-ico {
  display: grid;
  place-items: center;
  width: 50px;
  height: 40px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
@media (width >= 768px ) {
  .c-next01::before {
    width: 64.27%;
    right: -2%;
    aspect-ratio: 1234/800;
    background-image: url("../img/common/bg_mark01_pc.png");
  }
  .c-next01__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-next01__list:has(.c-next01__item:nth-child(3)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-next01__item-link {
    min-height: 148px;
  }
  .c-next01__item-imgtitle img {
    max-height: 45px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-next01__item-ico {
    position: relative;
    overflow: hidden;
  }
  .c-next01__item-ico::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .c-next01__item-link:hover .c-next01__item-ico::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-next01__item-link:hover .c-next01__item-ico::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/*  .c-note01
================================================== */
.c-note01__item {
  padding-left: 1em;
  text-indent: -1em;
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-800);
}
.c-note01__item::before {
  content: "※";
}
/*  .c-set01
================================================== */
.c-set01 {
  display: grid;
  gap: 20px;
}
.c-set01 + .c-set01 {
  margin-top: var(--mh--space--md);
}
.c-set01__img {
  overflow: hidden;
}
.c-set01__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
.c-set01__img img.has-border {
  border: 1px solid var(--mh--color--grayscale-500);
}
.c-set01__btn {
  margin: var(--mh--space--x2s) 0 0;
}
@media (width >= 768px ) {
  .c-set01 {
    grid-template-areas: "head img" "areaTxt img";
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    gap: var(--mh--space--15-20) var(--mh--space--sm);
  }
  .c-set01.is-reverse {
    grid-template-areas: "img head" "img areaTxt";
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
  }
  .c-set01__head {
    grid-area: head;
    align-self: end;
  }
  .c-set01__img {
    grid-area: img;
  }
  .c-set01__areaTxt {
    grid-area: areaTxt;
    align-self: start;
  }
}
/*  .c-set02
================================================== */
.c-set02 {
  display: grid;
  gap: 40px;
}
.c-set02__head {
  margin-bottom: var(--mh--space--x3s);
}
.c-set02__copy {
  margin-bottom: var(--mh--space--20-50);
  font-size: var(--mh--font-size--x9l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.c-set02__txt {
  font-size: var(--mh--font-size--lg);
}
@media (width >= 768px ) {
  .c-set02 {
    grid-template-columns: 46.4285714286% 1fr;
    gap: 50px;
    align-items: center;
  }
  .c-set02__area-txt {
    order: 1;
  }
}
@media (width >= 1400px ) {
  .c-set02 {
    gap: 100px;
  }
}
/* .c-slider01
================================================== */
.c-slider01__track {
  overflow: visible;
}
.c-slider01__item {
  position: relative;
  display: grid;
  gap: var(--mh--space--20-60);
  padding: calc(var(--mh--space--xs) - 1px);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.c-slider01__sub {
  position: absolute;
  top: -1px;
  right: 10px;
  display: flex;
  gap: var(--mh--space--x3s);
  align-items: center;
  font-size: var(--mh--font-size--x3s);
  writing-mode: vertical-rl;
}
.c-slider01__sub::before {
  display: block;
  width: 2px;
  height: 40px;
  content: "";
  border-right: 1px solid;
}
.c-slider01__img {
  padding-right: 13px;
}
.c-slider01__img img {
  border-radius: var(--mh--border-radius--md);
}
.c-slider01__head {
  margin-bottom: var(--mh--space--10-15);
}
.c-slider01__txt:not(:last-child) {
  margin-bottom: var(--mh--space--10-15);
}
@media (width >= 768px ) {
  .c-slider01__item {
    grid-template-columns: 1fr 350px;
    padding-right: calc(var(--mh--space--sm) - 1px);
  }
  .c-slider01__sub {
    right: 24px;
  }
  .c-slider01__img {
    order: 1;
    padding-right: 0;
  }
}
/* .c-slider01__ui
================================================== */
.c-slider01__ui {
  display: flex;
  gap: var(--mh--space--x2s);
  align-items: center;
  justify-content: space-between;
  margin-top: var(--mh--space--xs);
  pointer-events: none;
}
.c-slider01__ui .splide__pagination {
  gap: 10px;
  justify-content: left;
  pointer-events: visible;
}
.c-slider01__ui .splide__pagination li {
  width: 10px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
}
.c-slider01__ui .splide__pagination li button {
  width: 100%;
  height: 100%;
  background: var(--mh--color--grayscale-500);
  border: none;
}
.c-slider01__ui .splide__pagination li button.is-active {
  background: var(--mh--color--primary-500);
}
.c-slider01__ui .splide__arrows {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--x3s);
  pointer-events: visible;
}
.c-slider01__ui .splide__arrow {
  position: relative;
  width: 50px;
  aspect-ratio: 5/4;
  background-color: var(--mh--color--primary-500);
  border: none;
  border-radius: 100%;
}
.c-slider01__ui .splide__arrow::after {
  display: inline-block;
  width: 21px;
  height: 16px;
  color: var(--mh--color--grayscale-200);
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2216%22%20viewBox%3D%220%200%2021%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.5159%200L10.7824%201.76L16.1144%206.77333H0V9.22667H16.1013L10.7692%2014.24L12.5028%2016L21%208L12.5159%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2216%22%20viewBox%3D%220%200%2021%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.5159%200L10.7824%201.76L16.1144%206.77333H0V9.22667H16.1013L10.7692%2014.24L12.5028%2016L21%208L12.5159%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  inset: 0;
  width: 16px;
  margin: auto;
}
.c-slider01__ui .splide__arrow--prev {
  scale: -1 1;
}
@media (width >= 768px ) {
  .c-slider01__ui {
    position: absolute;
    inset-inline: 0;
    top: -100px;
    grid-template-columns: auto auto;
    justify-content: flex-end;
    margin-top: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-slider01__ui .splide__arrow {
    position: relative;
    overflow: hidden;
  }
  .c-slider01__ui .splide__arrow::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .c-slider01__ui .splide__arrow:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .c-slider01__ui .splide__arrow:hover::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/*  .c-table01
================================================== */
.c-table01 td, .c-table01 th {
  text-align: left;
}
.c-table01 th {
  font-size: var(--mh--font-size--lg);
  font-weight: bold;
  color: var(--mh--color--primary-500);
  line-height: var(--mh--line-height--md);
}
@media (width < 768px) {
  .c-table01 table {
    border-top: 1px dashed var(--mh--color--grayscale-500);
  }
  .c-table01 td, .c-table01 th {
    display: block;
  }
  .c-table01 th {
    padding-top: var(--mh--space--20-30);
  }
  .c-table01 td {
    padding: var(--mh--space--10-30) 0 var(--mh--space--20-30);
    border-bottom: 1px dashed var(--mh--color--grayscale-500);
  }
}
@media (width >= 768px ) {
  .c-table01 tr {
    border-bottom: 1px dashed var(--mh--color--grayscale-500);
  }
  .c-table01 th, .c-table01 td {
    vertical-align: middle;
    padding: 30px 20px;
  }
  .c-table01 th {
    width: 230px;
  }
}
/* .l-breadcrumb
================================================ */
.l-breadcrumb__inner {
  padding-top: 15px;
  padding-bottom: 15px;
}
/* .l-breadcrumb-list
================================================ */
.l-breadcrumb-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-left: 16px;
}
.l-breadcrumb-list::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
  width: 9px;
  height: 7px;
  background: var(--mh--color--primary-500);
  border-radius: 50%;
}
.l-breadcrumb-list__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-800);
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item {
  margin-left: 5px;
  padding-left: 15px;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  width: 10px;
  height: 1px;
  background-color: var(--mh--color--grayscale-500);
}
@media (width < 768px) {
  .l-breadcrumb-list {
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .l-breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
@media (width >= 768px ) {
  .l-breadcrumb-list {
    padding-left: 19px;
  }
}
/* .l-footer
================================================ */
.l-footer {
  position: relative;
  z-index: 1;
  background-color: var(--mh--color--grayscale-200);
}
.l-footer__inner {
  display: grid;
  gap: 30px;
  padding: var(--mh--space--60-100) var(--mh--contents--padding--side);
}
@media (width >= 768px ) {
  .l-footer__inner {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(2, auto);
    gap: 180px 30px;
    justify-content: space-between;
  }
}
@media (width >= 1400px ) {
  .l-footer__inner {
    padding-inline: 100px;
  }
}
/* .l-footer-info
================================================== */
@media (width < 768px) {
  .l-footer-info {
    padding-bottom: 40px;
    border-bottom: 1px dashed var(--mh--color--grayscale-800);
  }
}
@media (width >= 768px ) {
  .l-footer-info {
    grid-area: 1/1/2/2;
  }
}
/* .l-footer-logo
================================================== */
.l-footer-logo {
  width: fit-content;
  margin: 0 auto var(--mh--space--20-50);
  line-height: var(--mh--line-height--none);
}
.l-footer-logo__link {
  display: inline-flex;
  gap: 10px;
  align-items: flex-end;
  justify-content: center;
}
.l-footer-logo__img {
  width: 93px;
  line-height: var(--mh--line-height--none);
  color: #e72410;
}
.l-footer-logo__txt {
  font-size: var(--mh--font-size--lg);
}
@media (width >= 768px ) {
  .l-footer-logo {
    margin-inline: 0;
  }
  .l-footer-logo__link {
    justify-content: flex-start;
  }
  .l-footer-logo__img {
    width: 150px;
  }
}
/* .l-footer-entry
================================================ */
.l-footer-entry__link {
  display: grid;
  place-items: center;
  width: 300px;
  height: 60px;
  margin-inline: auto;
  background-color: var(--mh--color--grayscale-900);
  border-radius: 100px;
}
.l-footer-entry__txt {
  position: relative;
  display: flex;
  gap: var(--mh--space--x4s);
  align-items: center;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-200);
  transition: text-shadow 0.3s;
}
@media (width >= 768px ) {
  .l-footer-entry__link {
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-entry__link {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-footer-entry__link::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .l-footer-entry__link:hover {
    background-color: var(--mh--color--primary-600_hover);
  }
  .l-footer-entry__link:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .l-footer-entry__link:hover .l-footer-entry__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/* .l-footer-nav
================================================== */
.l-footer-nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--mh--space--xs);
}
.l-footer-nav-list__col {
  display: flex;
  flex-direction: column;
  gap: var(--mh--space--xs);
}
.l-footer-nav-list__item-head {
  margin-bottom: var(--mh--space--x3s);
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.l-footer-nav-list__child {
  display: grid;
  gap: var(--mh--space--x4s);
  margin-left: 20px;
}
.l-footer-nav-list__child-item {
  font-size: var(--mh--font-size--xs);
}
@media (width < 768px) {
  .l-footer-nav {
    padding-bottom: 30px;
    border-bottom: 1px dashed var(--mh--color--grayscale-800);
  }
}
@media (width >= 768px ) {
  .l-footer-nav {
    grid-area: 1/2/2/3;
    margin-top: 50px;
  }
  .l-footer-nav-list {
    flex-direction: row;
    justify-content: space-between;
  }
  .l-footer-nav-list__child {
    margin-left: 0;
  }
}
/* .l-footer-group
================================================== */
.l-footer-group__head {
  margin-bottom: 10px;
  font-size: var(--mh--font-size--xs);
}
.l-footer-group-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.l-footer-group-list__item {
  border: 1px dashed var(--mh--color--grayscale-800);
}
.l-footer-group-list__link {
  display: grid;
  place-items: center;
  height: 56px;
  background-color: var(--mh--color--grayscale-200);
}
.l-footer-group-list__link img {
  width: auto;
  height: 30px;
}
@media (width >= 768px ) {
  .l-footer-group {
    grid-area: 2/2/3/3;
  }
  .l-footer-group__head {
    margin-bottom: 14px;
  }
  .l-footer-group-list {
    gap: 30px;
  }
  .l-footer-group-list__link {
    width: 271px;
    height: 60px;
  }
  .l-footer-group-list__link img {
    height: 39px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-footer-group-list__link {
    transition: opacity var(--mh--duration) var(--mh--easing);
  }
  .l-footer-group-list__link:hover {
    opacity: 0.6;
  }
}
/* .l-footer-cr
================================================ */
.l-footer-cr-list {
  display: grid;
  gap: 2px;
  margin-bottom: 15px;
}
.l-footer-cr-list__item {
  font-size: var(--mh--font-size--xs);
}
.l-footer-cr-list__link[target=_blank]::after {
  display: inline-block;
  width: 12px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%3Cg%20fill%3D%22%23888%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M8%204v7H1V4zm1-1H0v9h9z%22%2F%3E%0A%3Cpath%20d%3D%22M12%200v9H8V8h3V1H4v3H3V0z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h12v12H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
  margin-left: 7px;
}
.l-footer-cr__txt {
  font-size: var(--mh--font-size--xs);
}
@media (width >= 768px ) {
  .l-footer-cr {
    grid-area: 2/1/3/2;
    align-content: flex-end;
  }
  .l-footer-cr-list {
    display: flex;
    gap: 30px;
  }
}
/* .l-footer-page-top
================================================ */
.l-footer-page-top__link {
  display: grid;
  place-items: center;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  text-indent: 200%;
  white-space: nowrap;
  text-decoration: none;
  background: #000;
}
@media (width >= 768px ) {
  .l-footer-page-top {
    position: sticky;
    right: 0;
    bottom: 0;
    z-index: 10;
    visibility: hidden;
    width: 50px;
    height: 50px;
    margin: 0 30px 30px auto;
    overflow: hidden;
    border-radius: 100px;
    opacity: 0;
  }
  .l-footer-page-top.is-shown {
    visibility: visible;
    opacity: 1;
  }
  .l-footer-page-top__link {
    height: 100%;
  }
}
/* .l-header
================================================ */
.l-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  min-width: 320px;
}
.l-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  height: var(--mh--header--height);
  padding-inline: var(--mh--space--20-30);
}
@media (width >= 768px ) and (hover: none) {
  .l-header {
    left: 0 !important;
  }
}
/* .l-header-logo
================================================== */
.l-header-logo__link {
  display: flex;
  gap: 5px;
}
.l-header-logo__img {
  width: 69px;
  line-height: var(--mh--line-height--none);
  color: #e72410;
}
.l-header-logo__txt {
  margin-top: 4px;
  font-size: var(--mh--font-size--x3s);
}
@media (width >= 768px ) {
  .l-header-logo {
    margin-block: 30px -30px;
  }
  .l-header-logo__link {
    gap: 20px;
  }
  .l-header-logo__img {
    width: 120px;
  }
  .l-header-logo__txt {
    margin-top: 8px;
    font-size: var(--mh--font-size--lg);
  }
}
/* .l-nav-btn
================================================== */
.l-nav-btn {
  position: fixed;
  top: 20px;
  right: var(--mh--space--20-30);
  width: 50px;
  height: 40px;
  cursor: pointer;
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: 100%;
}
.l-nav-btn__line {
  position: absolute;
  inset-block: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  content: "";
  background-color: var(--mh--color--primary-500);
  border-radius: 10px;
  transition: transform var(--mh--duration) var(--mh--easing);
}
.l-nav-btn__line:nth-child(1) {
  left: calc(50% - 12.5px);
}
.l-nav-btn__line:nth-child(2) {
  inset-inline: 0;
}
.l-nav-btn__line:nth-child(3) {
  right: calc(50% - 12.5px);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
  left: calc(56% - 12.5px);
  width: 40%;
  height: 1px;
  transform: rotate(-35deg);
}
.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) {
  right: calc(56% - 12.5px);
  width: 40%;
  height: 1px;
  transform: rotate(35deg);
}
@media (width >= 768px ) {
  .l-nav-btn {
    top: auto;
    width: 75px;
    height: 60px;
  }
  .l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
    left: calc(49.5% - 12.5px);
    width: 35%;
    height: 2px;
  }
  .l-nav-btn.is-open .l-nav-btn__line:nth-child(3) {
    right: calc(49.5% - 12.5px);
    width: 35%;
    height: 2px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-nav-btn {
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-btn::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0.25);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .l-nav-btn:hover {
    background-color: var(--mh--color--primary-600_hover);
    border-color: var(--mh--color--primary-600_hover);
  }
  .l-nav-btn:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .l-nav-btn:hover .l-nav-btn__line {
    background-color: var(--mh--color--grayscale-200);
  }
}
/* .l-nav
================================================ */
.l-nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  padding: 0 var(--mh--contents--padding--side) calc(80px + env(safe-area-inset-bottom));
  overflow: auto;
  overscroll-behavior-y: none;
  background: var(--mh--color--primary-500);
  -webkit-overflow-scrolling: touch;
  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 >= 768px ) {
  .l-nav {
    display: grid;
    align-content: space-between;
    width: 640px;
    padding: 140px 30px 80px;
  }
}
/* .l-nav-logo
================================================ */
.l-nav-logo {
  display: flex;
  align-items: center;
  height: var(--mh--header--height);
}
.l-nav-logo__link {
  display: flex;
  gap: 5px;
}
.l-nav-logo__img {
  width: 69px;
  line-height: var(--mh--line-height--none);
}
.l-nav-logo__txt {
  margin-top: 4px;
  font-size: var(--mh--font-size--x3s);
  color: var(--mh--color--grayscale-200);
}
@media (width >= 768px ) {
  .l-nav-logo {
    display: none;
  }
}
/* .l-nav-list
================================================ */
.l-nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--mh--space--30-40) 0;
  margin-top: 20px;
}
.l-nav-list__col {
  display: flex;
  flex-direction: column;
  gap: var(--mh--space--30-40) 0;
}
.l-nav-list__item-head {
  margin-bottom: var(--mh--space--15-20);
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.l-nav-list__child {
  display: grid;
  gap: 15px;
  margin-left: 20px;
}
.l-nav-list__child-item {
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
}
@media (width >= 768px ) {
  .l-nav-list {
    flex-direction: row;
    order: 0;
    margin: 0 50px;
  }
  .l-nav-list__col {
    flex: 1;
  }
  .l-nav-list__child {
    margin-left: 0;
  }
  .l-nav-list__child-item-link {
    display: inline-block;
    padding-bottom: 3px;
  }
}
/* .l-nav-entry
================================================ */
.l-nav-entry {
  margin-block: 20px 30px;
}
.l-nav-entry__link {
  display: grid;
  place-items: center;
  width: 300px;
  height: 60px;
  margin-inline: auto;
  background-color: var(--mh--color--grayscale-200);
  border-radius: 100px;
}
.l-nav-entry__txt {
  position: relative;
  display: flex;
  gap: var(--mh--space--x4s);
  align-items: center;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--mh--color--grayscale-900), 0 0 0 var(--mh--color--grayscale-900);
  transition: text-shadow 0.3s;
}
@media (width >= 768px ) {
  .l-nav-entry {
    order: 1;
    margin-block: 60px 0;
  }
  .l-nav-entry__link {
    margin-right: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-nav-entry__link {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-nav-entry__link::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--grayscale-900);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .l-nav-entry__link:hover {
    background-color: var(--mh--color--grayscale-900);
  }
  .l-nav-entry__link:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .l-nav-entry__link:hover .l-nav-entry__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/* .l-header-nav__wrap
================================================== */
@media (width >= 1280px ) {
  .l-header-nav__wrap {
    flex: 1;
    padding-right: 395px;
  }
}
@media (width >= 1600px) {
  .l-header-nav__wrap {
    padding-right: 270px;
  }
}
/* .l-header-nav
================================================== */
.l-header-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
.l-header-nav__item {
  position: relative;
}
.l-header-nav__item:is(button)::before, .l-header-nav__item:is(button)::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 0;
  content: "";
  border-top: 1px solid rgb(var(--color-black01));
  transform: translate(0, -50%);
  transition: transform var(--mh--duration) var(--mh--easing);
}
.l-header-nav__item:is(button)::after {
  transform: translate(0, -50%) rotate(90deg);
}
.l-header-nav__item:is(button).is-active::after {
  transform: translate(0, -50%) rotate(0);
}
.l-header-nav__item-link {
  position: relative;
  display: block;
  padding-right: 23px;
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
  border: 0;
}
.l-header-nav__item-link::before, .l-header-nav__item-link::after {
  position: absolute;
  inset-block: 0;
  right: 0;
  width: 13px;
  height: 1px;
  margin: auto;
  content: "";
  border-bottom: 1px solid;
}
.l-header-nav__item-link::after {
  transform: rotate(90deg);
  transition: transform var(--mh--duration) var(--mh--easing);
}
.l-header-nav__item-link.is-active::after {
  transform: rotate(0);
}
.l-header-nav__child-wrap {
  position: absolute;
  top: calc(100% + 30px);
  left: 50%;
  box-sizing: border-box;
  display: flex;
  width: 290px;
  height: auto;
  padding: 30px;
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
  transform: translateX(-50%);
  transition: visibility 0s linear, all 0.3s ease;
}
.l-header-nav__child-wrap:not(.is-active) {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -30px);
}
.l-header-nav__child {
  display: grid;
  gap: 15px;
  width: 100%;
}
.l-header-nav__child-item {
  font-size: var(--mh--font-size--xs);
}
.l-header-nav__child-item:not(:last-child) {
  padding-bottom: 15px;
  border-bottom: 1px dashed var(--mh--color--grayscale-800);
}
.l-header-nav__child-item-link {
  display: grid;
  grid-template-columns: 1fr 16px;
  gap: var(--mh--space--x4s);
  align-items: center;
}
.l-header-nav__child-item-arw {
  color: var(--mh--color--primary-500);
}
.l-header-nav__child-item-arw::after {
  display: inline-block;
  width: 16px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width >= 1500px) {
  .l-header-nav {
    gap: 50px;
  }
  .l-header-nav__item-link {
    font-size: var(--mh--font-size--xl);
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header-nav__item-link:hover .l-header-nav__item-txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-900), 0 -1.5em 0 var(--mh--color--grayscale-900);
  }
  .l-header-nav__item-txt {
    position: relative;
    display: block;
    overflow: hidden;
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-900), 0 0 0 var(--mh--color--grayscale-900);
    transition: text-shadow 0.3s;
  }
  .l-header-nav__child-item-link:hover .l-header-nav__child-item-arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/* .l-header-entry
================================================ */
.l-header-entry {
  position: fixed;
  right: 126px;
}
.l-header-entry__link {
  display: grid;
  place-items: center;
  width: 300px;
  height: 60px;
  background-color: var(--mh--color--grayscale-900);
  border-radius: 100px;
}
.l-header-entry__txt {
  position: relative;
  display: flex;
  gap: var(--mh--space--x4s);
  align-items: center;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-200);
  transition: text-shadow 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .l-header-entry__link {
    position: relative;
    overflow: hidden;
    transition: background-color var(--mh--duration) var(--mh--easing);
  }
  .l-header-entry__link::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .l-header-entry__link:hover {
    background-color: var(--mh--color--primary-600_hover);
  }
  .l-header-entry__link:hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .l-header-entry__link:hover .l-header-entry__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-200);
  }
}
/* .l-nav-overlay
================================================ */
.l-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: none;
  background: rgba(9, 9, 9, 0.5);
}
/* .l-loading
================================================== */
.l-loading {
  position: fixed;
  inset: 0;
  z-index: 100;
  background-color: var(--mh--color--grayscale-200);
}
.l-loading__inner {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.l-loading__logo {
  display: none;
  width: 21.3333333333%;
  max-width: 130px;
  color: #e72410;
}
.l-loading__logo svg {
  width: 100%;
}
/* .l-main-img HOME
================================================ */
.l-main-img-copy {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 3%;
  height: 100svh;
  min-height: 620px;
  padding: var(--mh--header--height) var(--mh--contents--padding--side) 15px;
}
.l-main-img-copy__contents {
  position: relative;
  display: grid;
  place-items: center;
}
.l-main-img-copy__txt {
  margin-bottom: 21.5%;
  line-height: var(--mh--line-height--none);
}
.l-main-img-copy__txt-item {
  display: inline-block;
  clip-path: inset(0 100% 0 0);
}
.l-main-img-copy__txt-item.is-txt01 {
  width: 89.961%;
  animation: txt-mask var(--mh--duration-slow) var(--mh--easing) forwards;
}
.l-main-img-copy__txt-item.is-txt02 {
  width: 94.555%;
  margin: 4.8% 0 0 1%;
  animation: txt-mask var(--mh--duration-slow) 0.6s var(--mh--easing) forwards;
}
.l-main-img-copy__txt-item img {
  width: 100%;
}
.l-main-img-copy__img {
  position: absolute;
  opacity: 0;
  transform: translateY(30px);
  transition: transform var(--mh--duration-slow) var(--mh--easing), opacity var(--mh--duration-slow) var(--mh--easing);
}
.l-main-img-copy__img.is-animated {
  opacity: 1;
  transform: translateY(0);
}
.l-main-img-copy__img.is-img01 {
  top: 4.3%;
  right: 0;
  width: 45.3731343284%;
  max-width: 304px;
  max-height: 24.5689655172%;
  aspect-ratio: 304/228;
  transition-delay: 0.8s;
}
.l-main-img-copy__img.is-img02 {
  width: 40.9090909091%;
  max-width: 180px;
  max-height: 57.1428571429%;
  aspect-ratio: 90/120;
  transition-delay: 1s;
}
.l-main-img-copy__img.is-img03 {
  right: 0;
  bottom: 0;
  width: 54.5454545455%;
  max-width: 240px;
  max-height: 42.8571428571%;
  aspect-ratio: 120/90;
  transition-delay: 1.2s;
}
.l-main-img-copy__img-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 65.671641791%;
  max-height: 45.2586206897%;
  aspect-ratio: 220/210;
}
.l-main-img-copy__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--mh--border-radius--md);
}
.l-main-img-copy__sub {
  font-size: var(--mh--font-size--xs);
  text-align: right;
}
.l-main-img-mv {
  position: relative;
  width: 100%;
  height: 100vh;
}
.l-main-img-mv__inner {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  overflow: visible;
}
.l-main-img-mv-slides {
  width: calc(100% - 40px);
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
}
.l-main-img-mv-slides__inner {
  width: 150%;
  margin: -10% -25% 0;
  transform: rotate(-10deg);
}
.l-main-img-mv-slide__wrap {
  display: flex;
  overflow: hidden;
}
.l-main-img-mv-slide {
  display: flex;
}
.l-main-img-mv-slide.is-loop-left {
  animation: loop-left 30s linear infinite;
}
.l-main-img-mv-slide.is-loop-right {
  animation: loop-right 30s linear infinite;
}
.l-main-img-mv-slide__item {
  width: 51.2vw;
}
.l-main-img-mv-slide__item.is-wide {
  width: 102.4vw;
}
.l-main-img-mv-slide__item img {
  width: 100%;
}
@media (width >= 768px ) {
  .l-main-img {
    position: sticky;
    top: 0;
    display: flex;
    height: 100dvh;
  }
  .l-main-img-copy {
    position: relative;
    gap: 0;
    width: 50%;
    height: 100%;
    padding: var(--mh--header--height) 30px 30px 30px;
  }
  .l-main-img-copy__txt {
    width: 73.34%;
    max-width: 660px;
    margin-bottom: 11.5%;
  }
  .l-main-img-copy__txt-item.is-txt01 {
    width: 94.242%;
  }
  .l-main-img-copy__txt-item.is-txt02 {
    width: 99.09%;
    margin: 5.2% 0 0 0.8%;
  }
  .l-main-img-copy__img.is-img01 {
    top: 0;
    width: auto;
    height: 24.1935483871%;
    max-height: 225px;
  }
  .l-main-img-copy__img.is-img02 {
    width: auto;
    height: 57.1428571429%;
    max-height: 200px;
  }
  .l-main-img-copy__img.is-img03 {
    width: auto;
    height: 42.8571428571%;
    max-height: 150px;
  }
  .l-main-img-copy__img-bottom {
    width: auto;
    max-width: 370px;
    height: 37.6344086022%;
    max-height: 350px;
    aspect-ratio: 370/350;
  }
  .l-main-img-copy__sub {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 2.1762rem;
    text-align: left;
  }
  .l-main-img-mv {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .l-main-img-mv__inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .l-main-img-mv-slides {
    position: absolute;
    top: var(--mh--header--height);
    right: 30px;
    width: 100%;
    height: calc(100% - var(--mh--header--height) - 30px);
    aspect-ratio: auto;
    border-radius: 0;
  }
  .l-main-img-mv-slides__inner {
    margin-top: -25%;
  }
  .l-main-img-mv-slide.is-loop-left {
    animation: loop-left 50s linear infinite;
  }
  .l-main-img-mv-slide.is-loop-right {
    animation: loop-right 50s linear infinite;
  }
  .l-main-img-mv-slide__item {
    width: 480px;
  }
  .l-main-img-mv-slide__item.is-wide {
    width: 960px;
  }
}
@media (width >= 1280px ) {
  .l-main-img-mv-slide__item {
    width: 25vw;
  }
  .l-main-img-mv-slide__item.is-wide {
    width: 50vw;
  }
}
.l-scroll-spacer {
  display: block;
  height: 100vh;
  pointer-events: none;
}
/* .l-main-img is-first-visit
================================================ */
.l-main-img.is-first-visit .l-main-img-copy__txt-item {
  color: var(--mh--color--primary-500);
}
.l-main-img.is-first-visit .l-main-img-copy__txt-item.is-txt01 {
  animation: txt-mask var(--mh--duration-slow) 1.5s var(--mh--easing) forwards;
}
.l-main-img.is-first-visit .l-main-img-copy__txt-item.is-txt02 {
  animation: txt-mask var(--mh--duration-slow) 2.1s var(--mh--easing) forwards;
}
.l-main-img.is-first-visit .l-main-img-copy__img.is-img01 {
  transition-delay: 2.3s;
}
.l-main-img.is-first-visit .l-main-img-copy__img.is-img02 {
  transition-delay: 2.5s;
}
.l-main-img.is-first-visit .l-main-img-copy__img.is-img03 {
  transition-delay: 2.7s;
}
/* .l-sub-img
================================================ */
@keyframes textloop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes textloop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.l-sub-img {
  text-align: center;
  padding-top: calc(var(--mh--header--height) + 30px);
}
.l-sub-img__wrap {
  position: relative;
  padding-bottom: 5px;
}
.l-sub-img__inner {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left;
  max-width: calc(1720px + var(--mh--contents--padding--side) * 2) !important;
  padding-inline: var(--mh--contents--padding--side) !important;
}
.l-sub-img__en {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: flex;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.l-sub-img__en-in {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 70px;
  color: var(--mh--color--primary-500);
  opacity: 0.05;
  overflow: hidden;
  font-weight: 700;
  padding-right: 20px;
}
.l-sub-img__en-in:nth-child(odd) {
  animation: textloop 100s -50s linear infinite;
}
.l-sub-img__en-in:nth-child(even) {
  animation: textloop2 100s linear infinite;
}
.l-sub-img__category {
  font-size: var(--mh--font-size--sm);
  color: var(--mh--color--primary-500);
  font-weight: bold;
  line-height: var(--mh--line-height--md);
}
.l-sub-img__head {
  font-size: var(--mh--font-size--x12l);
  line-height: var(--mh--line-height--md);
}
.l-sub-img__img img {
  width: 100%;
}
.l-sub-img__img-head {
  margin: -63px var(--mh--contents--padding--side) 0;
  font-size: var(--mh--font-size--x4l);
  text-align: left;
}
.l-sub-img__img-head-bg {
  padding: 2px var(--mh--space--10-15) 4px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.l-sub-img__breadcrumb .l-breadcrumb__inner {
  max-width: calc(1720px + var(--mh--contents--padding--side) * 2) !important;
  padding-inline: var(--mh--contents--padding--side) !important;
}
@media (width >= 768px ) {
  .l-sub-img {
    padding-top: calc(var(--mh--header--height) + 147px);
  }
  .l-sub-img__wrap {
    padding-bottom: 65px;
  }
  .l-sub-img__en {
    bottom: -25px;
  }
  .l-sub-img__en-in {
    font-size: 200px;
    padding-right: 50px;
  }
  .l-sub-img__breadcrumb {
    padding-top: 15px;
  }
  .l-sub-img__img {
    width: calc(100% - 60px);
    margin-inline: auto;
    border-radius: 10px;
    overflow: hidden;
  }
  .l-sub-img__img.has-head {
    position: relative;
  }
  .l-sub-img__img-head {
    position: absolute;
    top: 50%;
    left: 3.7634408602%;
    margin: 0;
    transform: translateY(-50%);
    font-size: clamp(3rem, 1.71875vw + 0.8rem, 4.1rem);
  }
}
/* .l-slider-mv
================================================ */
.l-slider-mv {
  padding-top: var(--mh--header--height);
}
.l-slider-mv__inner {
  position: relative;
  margin-inline: 10px;
}
.l-slider-mv__slide-wrap {
  display: flex;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
.l-slider-mv__slide {
  display: flex;
  animation: loop-left 30s linear infinite;
}
.l-slider-mv__slide-item {
  width: 89.3333333333vw;
}
.l-slider-mv__slide-item img {
  width: 100%;
}
.l-slider-mv__area-txt {
  position: relative;
  z-index: 1;
  max-width: 325px;
  padding: var(--mh--space--20-60) var(--mh--space--20-80) 0 10px;
  margin-top: -60px;
  background-color: var(--mh--color--grayscale-200);
  border-top-right-radius: var(--mh--border-radius--md);
}
.l-slider-mv__area-txt::before, .l-slider-mv__area-txt::after {
  position: absolute;
  width: 20px;
  aspect-ratio: 1;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.004%200c0%2011.044%208.95%2019.997%2019.992%2020H0V0h.004Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left bottom/contain;
}
.l-slider-mv__area-txt::before {
  top: -20px;
  left: 0;
}
.l-slider-mv__area-txt::after {
  top: 40px;
  right: -20px;
}
.l-slider-mv__category {
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
.l-slider-mv__head {
  font-size: var(--mh--font-size--x10l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.l-slider-mv__breadcrumb .l-breadcrumb__inner {
  padding: var(--mh--space--x2s) 0 0;
}
@media (width >= 768px ) {
  .l-slider-mv__inner {
    margin-inline: 30px;
  }
  .l-slider-mv__slide-wrap {
    position: relative;
    border-radius: 40px;
  }
  .l-slider-mv__slide-wrap::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 62px;
    content: "";
    background-color: var(--mh--color--grayscale-200);
    border-bottom-right-radius: 20px;
  }
  .l-slider-mv__slide {
    animation: loop-left 60s linear infinite;
  }
  .l-slider-mv__slide-item {
    width: 44.2708333333vw;
  }
  .l-slider-mv__area-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 80%;
    padding-left: var(--mh--space--20-80);
  }
  .l-slider-mv__area-txt::before, .l-slider-mv__area-txt::after {
    width: 40px;
  }
  .l-slider-mv__area-txt::before {
    top: -40px;
  }
  .l-slider-mv__area-txt::after {
    top: calc(100% - 40px);
    right: -40px;
  }
  .l-slider-mv__head {
    font-size: clamp(5.2rem, 3.4375vw + 0.8rem, 7.4rem);
  }
}
/* .l-interview-mv
================================================ */
.l-interview-mv {
  padding-top: var(--mh--header--height);
}
.l-interview-mv__inner {
  position: relative;
  margin-inline: 10px;
}
.l-interview-mv__img {
  position: relative;
}
.l-interview-mv__img img {
  width: 100%;
}
.l-interview-mv__en {
  position: absolute;
  bottom: 56px;
  left: 0;
  display: flex;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.l-interview-mv__en-in {
  flex: 0 0 auto;
  padding-right: 20px;
  overflow: hidden;
  font-size: 70px;
  font-weight: 700;
  color: var(--mh--color--grayscale-100);
  white-space: nowrap;
}
.l-interview-mv__en-in:nth-child(odd) {
  animation: textloop 100s -50s linear infinite;
}
.l-interview-mv__en-in:nth-child(even) {
  animation: textloop2 100s linear infinite;
}
.l-interview-mv__area-txt {
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: 90%;
  padding: var(--mh--space--20-60) var(--mh--space--20-80) 0 var(--mh--space--20-60);
  margin-top: -90px;
  background-color: var(--mh--color--grayscale-200);
  border-top-right-radius: var(--mh--border-radius--md);
}
.l-interview-mv__area-txt::before, .l-interview-mv__area-txt::after {
  position: absolute;
  width: 20px;
  aspect-ratio: 1;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.004%200c0%2011.044%208.95%2019.997%2019.992%2020H0V0h.004Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left bottom/contain;
}
.l-interview-mv__area-txt::before {
  top: -20px;
  left: 0;
}
.l-interview-mv__area-txt::after {
  top: 70px;
  right: -20px;
}
.l-interview-mv__category {
  font-size: var(--mh--font-size--sm);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
.l-interview-mv__head {
  margin-bottom: var(--mh--space--x2s);
  font-size: var(--mh--font-size--x9l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.l-interview-mv__info {
  padding-left: var(--mh--space--x3s);
  border-left: 1px solid var(--mh--color--primary-500);
}
.l-interview-mv__name {
  font-size: var(--mh--font-size--xl);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.l-interview-mv__profile {
  margin-top: var(--mh--space--x4s);
  line-height: var(--mh--line-height--md);
}
.l-interview-mv__breadcrumb {
  position: absolute;
  top: 10px;
  left: 10px;
  width: fit-content;
  max-width: 100%;
}
.l-interview-mv__breadcrumb .l-breadcrumb__inner {
  padding: 0;
}
.l-interview-mv__breadcrumb .l-breadcrumb-list__item {
  color: var(--mh--color--grayscale-200);
}
.l-interview-mv__breadcrumb .l-breadcrumb-list__item::before {
  background-color: var(--mh--color--grayscale-200);
}
@media (width >= 768px ) {
  .l-interview-mv {
    padding-top: calc(var(--mh--header--height) + 62px);
  }
  .l-interview-mv__inner {
    margin-inline: 30px;
  }
  .l-interview-mv__img img {
    border-radius: var(--mh--border-radius--md);
  }
  .l-interview-mv__en {
    bottom: -53px;
  }
  .l-interview-mv__en-in {
    padding-right: 50px;
    font-size: 200px;
  }
  .l-interview-mv__area-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 50%;
  }
  .l-interview-mv__area-txt::before, .l-interview-mv__area-txt::after {
    width: 40px;
  }
  .l-interview-mv__area-txt::before {
    top: -40px;
  }
  .l-interview-mv__area-txt::after {
    top: calc(100% - 40px);
    right: -40px;
  }
  .l-interview-mv__head {
    font-size: clamp(4rem, 1.875vw + 1.6rem, 5.2rem);
  }
  .l-interview-mv__breadcrumb {
    inset: auto 10px 20px auto;
  }
}
/* .l-sidebar
================================================== */
.js-c-anime-elem[data-anime=fadein-up] {
  opacity: 0;
  transform: translateY(30px);
  transition: transform var(--mh--duration-slow) var(--mh--easing), opacity var(--mh--duration-slow) 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-slow) var(--mh--easing), opacity var(--mh--duration-slow) 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-slow) var(--mh--easing), opacity var(--mh--duration-slow) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-right].is-animated {
  opacity: 1;
  transform: translateX(0);
}
.js-c-anime-elem[data-anime=txt-mask] {
  width: fit-content;
  clip-path: inset(0 100% 0 0);
}
.js-c-anime-elem[data-anime=txt-mask].is-animated {
  animation: txt-mask var(--mh--duration-slow) var(--mh--easing) forwards;
}
.js-c-anime-elem[data-anime=txt-mask-down] {
  clip-path: inset(0 0 100% 0);
}
.js-c-anime-elem[data-anime=txt-mask-down].is-animated {
  animation: txt-mask var(--mh--duration-slow) var(--mh--easing) forwards;
}
.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;
}
@media (width >= 768px ) {
  .js-c-anime-elem[data-anime-delay-pc="0.1"] {
    transition-delay: 0.1s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.2"] {
    transition-delay: 0.2s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.3"] {
    transition-delay: 0.3s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.4"] {
    transition-delay: 0.4s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.5"] {
    transition-delay: 0.5s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.6"] {
    transition-delay: 0.6s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.7"] {
    transition-delay: 0.7s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.8"] {
    transition-delay: 0.8s;
  }
  .js-c-anime-elem[data-anime-delay-pc="0.9"] {
    transition-delay: 0.9s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1"] {
    transition-delay: 1s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.1"] {
    transition-delay: 1.1s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.2"] {
    transition-delay: 1.2s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.3"] {
    transition-delay: 1.3s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.4"] {
    transition-delay: 1.4s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.5"] {
    transition-delay: 1.5s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.6"] {
    transition-delay: 1.6s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.7"] {
    transition-delay: 1.7s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.8"] {
    transition-delay: 1.8s;
  }
  .js-c-anime-elem[data-anime-delay-pc="1.9"] {
    transition-delay: 1.9s;
  }
  .js-c-anime-elem[data-anime-delay-pc="2"] {
    transition-delay: 2s;
  }
}
.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;
}
/* js-c-viewrange
============================= */
.js-c-viewrange {
  position: absolute;
  inset: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
}
.js-c-viewrange-overlay {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(9, 9, 9, 0.5);
  opacity: 0;
  transition: all var(--mh--duration) var(--mh--easing);
}
/* .js-c-modal01
------------------------------------- */
@keyframes mmslideIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmslideOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.modal__container {
  position: relative;
  background-color: #fff;
  max-width: calc(100% - var(--mh--contents--padding--side) * 2);
  width: 1100px;
  max-height: 100vh;
  box-sizing: border-box;
  z-index: 110;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}
.modal__close {
  background: transparent;
  border: 0;
}
.modal__header .modal__close:before {
  content: "✕";
}
.modal__content {
  margin: 0;
  padding: 0;
  width: 100%;
  /* アスペクト比を維持してボケを防ぐ（16:9の場合） */
  aspect-ratio: 16/9;
}
.modal__content iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
  border: none;
}
.modal__open {
  border: none;
}
.modal__btn {
  position: absolute;
  aspect-ratio: 1/1;
  width: 40px;
  height: 40px;
  cursor: pointer;
  top: -50px;
  right: 0px;
  border: none;
  cursor: pointer;
}
.modal__btn::before, .modal__btn::after {
  position: absolute;
  content: "";
  inset: 0;
  margin: auto;
  width: 30px;
  height: 2px;
  background: var(--mh--color--grayscale-200);
  transform: rotate(135deg);
}
.modal__btn::after {
  transform: rotate(45deg);
}
.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}
.micromodal-slide {
  opacity: 0;
  visibility: hidden;
}
.micromodal-slide.is-open {
  opacity: 1;
  visibility: visible;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.js-c-set01-slider .splide__track {
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
}
.js-c-set01-slider .c-set01__ui {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  align-items: center;
  margin-top: var(--mh--space--x3s);
}
.js-c-set01-slider .splide__pagination {
  justify-content: left;
  gap: 10px;
}
.js-c-set01-slider .splide__pagination li {
  width: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
.js-c-set01-slider .splide__pagination li button {
  width: 100%;
  height: 100%;
  background: var(--mh--color--grayscale-500);
  border: none;
}
.js-c-set01-slider .splide__pagination li button.is-active {
  background: var(--mh--color--primary-500);
}
.js-c-set01-slider .splide__arrows {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--x3s);
}
.js-c-set01-slider .splide__arrow {
  position: relative;
  width: 21px;
  aspect-ratio: 1/1;
  border: none;
}
.js-c-set01-slider .splide__arrow::after {
  display: inline-block;
  width: 21px;
  height: 16px;
  color: var(--mh--color--primary-500);
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2216%22%20viewBox%3D%220%200%2021%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.5159%200L10.7824%201.76L16.1144%206.77333H0V9.22667H16.1013L10.7692%2014.24L12.5028%2016L21%208L12.5159%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2216%22%20viewBox%3D%220%200%2021%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M12.5159%200L10.7824%201.76L16.1144%206.77333H0V9.22667H16.1013L10.7692%2014.24L12.5028%2016L21%208L12.5159%200Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
  position: absolute;
  inset: 0;
  margin: auto;
}
.js-c-set01-slider .splide__arrow--prev {
  scale: -1 1;
}
@media (hover: hover) and (pointer: fine) {
  .js-c-set01-slider .splide__arrow:hover::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/* .about-synergy
================================================ */
.about-synergy__inner {
  padding-block: var(--mh--space--xl);
}
.about-synergy-contents {
  display: grid;
  gap: 20px;
}
.about-synergy-contents__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
@media (width >= 768px ) {
  .about-synergy-contents {
    grid-template-columns: 46.4285714286% 1fr;
    column-gap: 100px;
    align-items: center;
  }
}
/* .about-sales
================================================ */
.about-sales {
  background: url("../img/about/bg_sales01.jpg") no-repeat center/cover;
}
.about-sales__inner {
  padding-block: var(--mh--space--xl);
}
.about-sales__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
@media (width >= 768px ) {
  .about-sales {
    max-width: calc(100% - 60px);
    margin: 30px auto;
    overflow: hidden;
    border-radius: var(--mh--border-radius--md);
  }
}
/* .about-business
================================================ */
.about-business__inner {
  padding-block: var(--mh--space--xl);
}
.about-business-message {
  padding: var(--mh--space--x3s);
  margin-bottom: var(--mh--space--md);
  background-color: var(--mh--color--surface-200);
  border-radius: var(--mh--border-radius--md);
}
.about-business-message__inner {
  display: grid;
  gap: 20px;
  padding: var(--mh--space--30-50) var(--mh--space--20-50);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--surface-600);
  border-radius: var(--mh--border-radius--md);
}
.about-business-message__head {
  margin-bottom: 20px;
  font-size: var(--mh--font-size--x5l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.about-business-message__txt {
  font-size: var(--mh--font-size--lg);
  font-weight: 700;
}
.about-business-message__img img {
  width: 100%;
}
.about-business-contents:not(:last-child) {
  margin-bottom: var(--mh--space--md);
}
.about-business-contents__head {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: var(--mh--space--10-15);
  align-items: center;
  padding: var(--mh--space--10-15);
  margin-bottom: var(--mh--space--20-30);
  background-color: var(--mh--color--surface-400);
  border-radius: var(--mh--border-radius--md);
}
.about-business-contents__head-txt {
  font-size: var(--mh--font-size--x5l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.about-business-contents__txt:not(:last-child) {
  margin-bottom: var(--mh--space--sm);
}
.about-business-contents__card:not(:last-child) {
  margin-bottom: var(--mh--space--sm);
}
@media (width >= 768px ) {
  .about-business-message__inner {
    grid-template-columns: 548px 1fr;
    align-items: center;
  }
}
@media (width >= 1280px ) {
  .about-business-message__inner {
    gap: 30px;
  }
}
/* .about-goals
================================================ */
.about-goals {
  border-top: 15px solid var(--mh--color--primary-500);
}
.about-goals__inner {
  padding-block: var(--mh--space--lg);
}
.about-goals__head {
  display: grid;
  gap: var(--mh--space--x4s);
  padding-inline: 28px;
  margin: 0 auto var(--mh--space--20-30);
}
.about-goals__head-sub {
  font-size: var(--mh--font-size--x3l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
}
.about-goals__head-main {
  position: relative;
  width: fit-content;
  padding-inline: 0.1em;
  margin-inline: auto;
  font-size: var(--mh--font-size--x14l);
  color: var(--mh--color--primary-500);
  box-shadow: 0 -0.1em 0 var(--mh--color--surface-200) inset, 0 -0.45em 0 var(--mh--color--surface-300) inset;
}
.about-goals__head-main::before, .about-goals__head-main::after {
  position: absolute;
  width: 24px;
  aspect-ratio: 1;
  content: "";
  border-color: var(--mh--color--primary-500);
}
.about-goals__head-main::before {
  top: 0;
  left: -28px;
  border-top: 4px solid;
  border-left: 4px solid;
}
.about-goals__head-main::after {
  right: -28px;
  bottom: 0;
  border-right: 4px solid;
  border-bottom: 4px solid;
}
.about-goals__txt {
  margin-bottom: var(--mh--space--sm);
  text-align: center;
}
.about-goals-contents:not(:last-child) {
  margin-bottom: var(--mh--space--md);
}
.about-goals-contents__box {
  padding: var(--mh--space--20-50);
  background-color: var(--mh--color--surface-300);
  border-radius: var(--mh--border-radius--md);
}
.about-goals-point {
  display: grid;
  gap: var(--mh--space--x3s);
}
.about-goals-point__item {
  display: grid;
  place-items: center;
  min-height: 90px;
  padding: calc(var(--mh--space--x3s) - 1px);
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22none%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20stroke%3D%22%23C09700%22%20stroke-width%3D%223%22%20d%3D%22M24.5-8.086v66.173%22%20opacity%3D%22.1%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h50v50H0z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") repeat left top/7px var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.about-goals-point__txt {
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  text-align: center;
}
.about-goals-numerical {
  display: grid;
  gap: var(--mh--space--x3s);
}
.about-goals-numerical__item {
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
  background: var(--mh--color--grayscale-200);
}
.about-goals-numerical__head {
  padding: var(--mh--space--x4s);
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--grayscale-200);
  text-align: center;
  background-color: var(--mh--color--surface-600);
}
.about-goals-numerical__desc {
  display: grid;
  grid-template-columns: auto 38px auto;
  gap: var(--mh--space--x3s);
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: url("../img/common/bg_dot01.png") repeat left top/12px;
}
.about-goals-numerical__desc:not(:has(.about-goals-numerical__arrow)) {
  grid-template-columns: 1fr;
  gap: 0;
}
.about-goals-numerical__current {
  text-align: center;
}
.about-goals-numerical__current-head {
  margin-bottom: 4px;
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.about-goals-numerical__current-num {
  font-size: var(--mh--font-size--x6l);
  color: var(--mh--color--grayscale-800);
}
.about-goals-numerical__current-num .is-big {
  font-size: var(--mh--font-size--x9l);
}
.about-goals-numerical__arrow {
  position: relative;
}
.about-goals-numerical__arrow::before {
  position: absolute;
  inset-block: 0;
  left: 0;
  width: calc(100% - 15px);
  height: 4px;
  margin-block: auto;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%224%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%204%22%3E%0A%3Cpath%20fill%3D%22%23E2D8B7%22%20d%3D%22M.05%200a2%202%200%200%201%200%204H0V0h.05ZM8%200v4h-.05a2%202%200%200%201%200-4H8Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") repeat-x left top/contain;
}
.about-goals-numerical__arrow::after {
  position: absolute;
  inset-block: 0;
  right: 0;
  width: 15px;
  height: 15px;
  margin-block: auto;
  content: "";
  background-color: #e2d8b7;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.about-goals-numerical__target {
  color: var(--mh--color--primary-500);
  text-align: center;
}
.about-goals-numerical__target-head {
  margin-bottom: 4px;
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.about-goals-numerical__target-num {
  width: fit-content;
  margin-inline: auto;
  font-size: var(--mh--font-size--x6l);
  box-shadow: 0 -0.1em 0 var(--mh--color--grayscale-200) inset, 0 -0.6em 0 var(--mh--color--surface-300) inset;
}
.about-goals-numerical__target-num .is-big {
  font-size: var(--mh--font-size--x12l);
}
.about-goals-numerical__target-num .is-jp {
  font-family: var(--mh--font-family--base);
  font-size: var(--mh--font-size--x4l);
  font-weight: 700;
}
.about-goals-numerical__note {
  margin-right: 10px;
}
@media (width >= 768px ) {
  .about-goals {
    border-width: 30px;
  }
  .about-goals__head {
    padding-inline: 60px;
  }
  .about-goals__head-main::before, .about-goals__head-main::after {
    width: 45px;
  }
  .about-goals__head-main::before {
    left: -50px;
  }
  .about-goals__head-main::after {
    right: -60px;
  }
  .about-goals-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .about-goals-point__item {
    width: calc(50% - var(--mh--space--x3s) / 2);
  }
  .about-goals-numerical {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-goals-numerical__item {
    display: grid;
    grid-template-rows: auto 1fr;
  }
  .about-goals-numerical__desc {
    grid-template-columns: auto 53px auto;
  }
  .about-goals-numerical__arrow::after {
    width: 20px;
    height: 20px;
  }
  .about-goals-numerical__target-num {
    box-shadow: 0 -0.3em 0 var(--mh--color--grayscale-200) inset, 0 -0.8em 0 var(--mh--color--surface-300) inset;
  }
}
@media (width >= 1280px ) {
  .about-goals-point__item {
    width: calc(33.3333333333% - var(--mh--space--x3s) * 2 / 3);
  }
}
/* .bio-intro
================================================ */
.bio-intro__inner {
  padding-block: var(--mh--space--xl);
}
/* .bio-business
================================================ */
.bio-business {
  overflow: hidden;
  background: url("../img/bio/bg_business01.jpg") no-repeat center/cover;
  border-radius: var(--mh--border-radius--md);
}
.bio-business__inner {
  padding-block: var(--mh--space--xl);
}
@media (width >= 768px ) {
  .bio-business {
    max-width: calc(100% - 60px);
    margin: 30px auto 0;
  }
}
/* .bio-product
================================================ */
.bio-product__inner {
  padding-block: var(--mh--space--xl);
}
.bio-product__box {
  padding: var(--mh--space--15-20) var(--mh--space--20-30);
  background-color: var(--mh--color--surface-200);
  border-radius: var(--mh--border-radius--md);
}
.bio-product__box:not(:first-child) {
  margin-top: var(--mh--space--x2s);
}
.bio-product-list + .bio-product-list {
  margin-top: var(--mh--space--x3s);
}
.bio-product-list__head {
  font-size: var(--mh--font-size--xs);
  font-weight: 700;
  color: var(--mh--color--primary-500);
}
.bio-product-list__desc {
  font-size: var(--mh--font-size--xs);
}
@media (width >= 768px ) {
  .bio-product-list {
    display: grid;
    grid-template-columns: 97px 1fr;
    gap: 20px;
  }
  .bio-product-list + .bio-product-list {
    margin-top: var(--mh--space--x5s);
  }
  .bio-product-list__head {
    position: relative;
  }
  .bio-product-list__head::before {
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 1px;
    height: calc(100% - 10px);
    margin-block: auto;
    content: "";
    border-right: 1px solid var(--mh--color--grayscale-500);
  }
}
/* .bio-strength
================================================ */
.bio-strength__inner {
  padding-block: var(--mh--space--xl);
}
/* .bio-interview
================================================ */
.bio-interview__inner {
  padding-block: var(--mh--space--xl);
}
.bio-interview__txt {
  margin-bottom: var(--mh--space--sm);
}
.bio-interview-list {
  display: grid;
  gap: var(--mh--space--x2s);
}
.bio-interview-list__item {
  overflow: hidden;
  background-color: var(--mh--color--surface-200);
  border-radius: var(--mh--border-radius--md);
}
.bio-interview-list__img img {
  width: 100%;
}
.bio-interview-list__movie {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
}
.bio-interview-list__movie::before {
  position: absolute;
  content: "";
  inset: 0;
  margin: auto;
  width: 56px;
  aspect-ratio: 1/1;
  background: rgba(9, 9, 9, 0.7);
  border-radius: 50%;
}
.bio-interview-list__movie::after {
  display: inline-block;
  width: 16px;
  height: 20px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.9091%209.86364L0%2019.7273L8.0299e-07%200L15.9091%209.86364Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.9091%209.86364L0%2019.7273L8.0299e-07%200L15.9091%209.86364Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
  color: var(--mh--color--grayscale-200);
  position: absolute;
  inset: 0;
  left: 4px;
  margin: auto;
}
.bio-interview-list__movie img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bio-interview-list__area-txt {
  display: grid;
  grid-template-areas: "name arw" "txt arw";
  grid-template-columns: 1fr 37px;
  gap: var(--mh--space--x5s) var(--mh--space--20-30);
  align-items: center;
  text-align: left;
  padding: var(--mh--space--15-20);
}
.bio-interview-list__name {
  grid-area: name;
  font-size: var(--mh--font-size--x3l);
}
.bio-interview-list__txt {
  grid-area: txt;
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.bio-interview-list__arw {
  display: grid;
  grid-area: arw;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.bio-interview-list__arw::after {
  display: inline-block;
  width: 10px;
  height: 8px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width < 768px) {
  .bio-interview-list__item:nth-child(odd) {
    margin-right: 20px;
  }
  .bio-interview-list__item:nth-child(even) {
    margin-left: 20px;
  }
}
@media (width >= 768px ) {
  .bio-interview-list {
    grid-template-columns: repeat(3, 1fr);
    align-items: start;
  }
  .bio-interview-list__item:nth-child(3n+2) {
    margin-top: var(--mh--space--xs);
  }
}
@media (hover: hover) and (pointer: fine) {
  .bio-interview-list__link:hover .bio-interview-list__arw::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .bio-interview-list__link:hover .bio-interview-list__arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .bio-interview-list__link:hover .bio-interview-list__movie::before {
    transform: scale(1.2);
  }
  .bio-interview-list__arw {
    position: relative;
    overflow: hidden;
  }
  .bio-interview-list__arw::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .bio-interview-list__movie::before {
    transition: transform var(--mh--duration) var(--mh--easing);
  }
}
/* .bio-movie
================================================ */
.bio-movie__inner {
  padding-block: var(--mh--space--xl);
}
/* .diversity-concept
================================================ */
.diversity-concept {
  padding-block: var(--mh--space--xl);
}
.diversity-concept__txt + .diversity-concept__txt {
  margin-top: 27px;
}
@media (width >= 768px ) {
  .diversity-concept__txt + .diversity-concept__txt {
    margin-top: 29px;
  }
}
/* .diversity-initiatives
================================================ */
.diversity-initiatives {
  padding-block: var(--mh--space--xl);
}
/* .diversity-evaluation
================================================ */
.diversity-evaluation {
  padding-block: var(--mh--space--xl);
  background: url(../img/dei/bg_evaluation01.jpg) no-repeat bottom center/cover;
}
@media (width >= 768px ) {
  .diversity-evaluation {
    margin: 30px auto;
    max-width: calc(100% - 60px);
    border-radius: var(--mh--border-radius--md);
    overflow: hidden;
  }
}
/* .foods-intro
================================================ */
.foods-intro__inner {
  padding-block: var(--mh--space--xl);
}
/* .foods-synergy
================================================ */
.foods-synergy__inner {
  padding-block: var(--mh--space--xl);
}
.foods-synergy-box {
  padding: var(--mh--space--20-50);
  margin-top: var(--mh--space--md);
  background: url("../img/foods/ico_synergy01.svg") no-repeat top right/228px var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
}
.foods-synergy-box__sub {
  margin-bottom: var(--mh--space--x4s);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
.foods-synergy-box__head {
  margin-bottom: var(--mh--space--20-30);
  letter-spacing: var(--mh--letter-spacing--sm);
}
/* .foods-business
================================================ */
.foods-business {
  overflow: hidden;
  background: url("../img/foods/bg_business01.jpg") no-repeat center/cover;
  border-radius: var(--mh--border-radius--md);
}
.foods-business__inner {
  padding-block: var(--mh--space--xl);
}
@media (width >= 768px ) {
  .foods-business {
    max-width: calc(100% - 60px);
    margin: 30px auto 0;
  }
}
/* .foods-product
================================================ */
.foods-product__inner {
  padding-block: var(--mh--space--xl);
}
/* .foods-interview
================================================ */
.foods-interview__inner {
  padding-block: var(--mh--space--xl);
}
/* .global-intro
================================================ */
.global-intro__inner {
  padding-block: var(--mh--space--xl);
}
.global-intro__txt {
  margin-bottom: var(--mh--space--sm);
}
.global-intro__img img {
  width: 100%;
}
.global-intro-box {
  padding: var(--mh--space--20-50);
  margin-top: var(--mh--space--lg);
  background: url("../img/global/ico_global01.svg") no-repeat top right/228px var(--mh--color--surface-200);
  border-radius: var(--mh--border-radius--md);
}
.global-intro-box__sub {
  margin-bottom: var(--mh--space--x4s);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
}
.global-intro-box__head {
  margin-bottom: var(--mh--space--20-30);
}
@media (width < 768px) {
  .global-intro__img.is-sp-wide {
    padding-right: 20px;
    overflow-x: scroll;
  }
  .global-intro__img.is-sp-wide img {
    min-width: 572px;
  }
}
/* .global-employees
================================================ */
.global-employees {
  overflow: hidden;
}
.global-employees__inner {
  padding-block: var(--mh--space--xl);
}
.global-employees__head {
  margin-bottom: var(--mh--space--sm);
}
/* .home-intro
================================================ */
.home-intro {
  position: relative;
  background: var(--mh--color--grayscale-200);
  border-top: var(--mh--space--x2s) solid var(--mh--color--primary-500);
  z-index: 2;
}
.home-intro::after {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: calc(100% - 40px);
  margin-inline: auto;
  content: "";
  border-bottom: 1px dashed var(--mh--color--grayscale-800);
}
.home-intro__inner {
  position: relative;
  display: grid;
  gap: 22px;
  padding-block: 62px 60px;
}
.home-intro__head {
  position: absolute;
  top: 0;
  right: var(--mh--contents--padding--side);
}
.home-intro__area-img {
  width: 59.4029850746%;
}
.home-intro__img.is-img01 {
  width: 63.8190954774%;
}
.home-intro__img.is-img02 {
  width: 30.1507537688%;
  margin-left: auto;
}
.home-intro__img img {
  border-radius: var(--mh--border-radius--md);
}
.home-intro__txt {
  font-weight: 700;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.home-intro__txt + .home-intro__txt {
  margin-top: var(--mh--space--x2s);
}
.home-intro__video {
  position: relative;
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
}
.home-intro__video::before {
  position: absolute;
  content: "";
  inset: 0;
  margin: auto;
  width: 48px;
  aspect-ratio: 1/1;
  background: rgba(9, 9, 9, 0.7);
  border-radius: 50%;
}
.home-intro__video::after {
  display: inline-block;
  width: 16px;
  height: 20px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.9091%209.86364L0%2019.7273L8.0299e-07%200L15.9091%209.86364Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.9091%209.86364L0%2019.7273L8.0299e-07%200L15.9091%209.86364Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
  color: var(--mh--color--grayscale-200);
  position: absolute;
  inset: 0;
  left: 4px;
  margin: auto;
  width: 14px;
  height: 17px;
}
@media (width >= 768px ) {
  .home-intro::after {
    width: calc(100% - 60px);
  }
  .home-intro__inner {
    grid-template-columns: 1fr 31%;
    gap: 0;
    align-items: flex-end;
    padding-block: 240px 180px;
  }
  .home-intro__area-img {
    order: 1;
    width: 100%;
  }
  .home-intro__area-txt {
    order: 0;
  }
  .home-intro__txt {
    font-size: var(--mh--font-size--x3l);
    letter-spacing: var(--mh--letter-spacing--none);
  }
  .home-intro__video {
    position: relative;
    border-radius: var(--mh--border-radius--md);
    overflow: hidden;
  }
  .home-intro__video::before {
    width: 88px;
  }
  .home-intro__video::after {
    width: 25px;
    height: 31px;
    left: 6px;
  }
}
@media (width >= 1400px ) {
  .home-intro__inner {
    grid-template-columns: 1fr 35.72%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-intro__video::before {
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .home-intro__video:hover::before {
    transform: scale(1.2);
  }
}
/* .home-first
================================================ */
.home-first {
  position: relative;
  background: var(--mh--color--grayscale-200);
  z-index: 2;
}
.home-first__inner {
  padding: var(--mh--space--xl) var(--mh--contents--padding--side);
}
.home-first-list {
  display: grid;
  gap: 15px;
  margin-top: 25px;
}
.home-first-list__item {
  width: 94.0298507463%;
}
.home-first-list__item:nth-child(odd) {
  margin-left: auto;
}
.home-first-list__link {
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.home-first-list__num {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  gap: var(--mh--space--x3s);
  align-items: center;
  font-size: var(--mh--font-size--lg);
  writing-mode: vertical-rl;
}
.home-first-list__num::before {
  display: block;
  width: 2px;
  height: 20px;
  content: "";
  border-right: 1px solid;
}
.home-first-list__area-txt {
  position: absolute;
  inset-inline: 15px;
  bottom: 15px;
  padding: var(--mh--space--xs);
  background-color: var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
}
.home-first-list__en {
  margin-bottom: var(--mh--space--x4s);
}
.home-first-list__head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.home-first-list__head-txt {
  font-size: var(--mh--font-size--x3l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.home-first-list__head-arw {
  display: grid;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
@media (width >= 768px ) {
  .home-first__inner {
    max-width: 1820px;
    padding-block: 150px 100px;
    margin-inline: auto;
  }
  .home-first__head {
    position: absolute;
  }
  .home-first-list {
    grid-template-columns: repeat(2, 46.43%);
    gap: 0;
    justify-content: space-between;
    width: 93.22%;
    max-width: var(--mh--contents--wide-width);
    margin: 52px auto 0;
  }
  .home-first-list__item {
    width: 100%;
  }
  .home-first-list__item:nth-child(odd) {
    margin: 20% 0 0;
  }
  .home-first-list__num {
    right: 30px;
  }
  .home-first-list__num::before {
    height: 40px;
  }
  .home-first-list__area-txt {
    inset-inline: 40px;
    bottom: 40px;
  }
  .home-first-list__head-arw {
    width: 50px;
    height: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-first-list__head-arw {
    position: relative;
    overflow: hidden;
  }
  .home-first-list__head-arw::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .home-first-list__link:hover .home-first-list__head-arw::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .home-first-list__link:hover .home-first-list__head-arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/* .home-loop-txt
================================================ */
.home-loop-txt {
  display: grid;
  margin-bottom: -11px;
  overflow: hidden;
}
.home-loop-txt__item {
  position: relative;
  top: 0;
  display: inline-block;
  grid-area: 1/1/1/1;
  width: fit-content;
  min-width: 100%;
  padding-right: 0.5em;
  font-size: 7rem;
  white-space: nowrap;
  animation: loop-txt 30s linear infinite;
}
.home-loop-txt__item:nth-child(1) {
  left: 0;
}
.home-loop-txt__item:nth-child(2) {
  right: 100%;
  justify-self: end;
}
@media (width >= 768px ) {
  .home-loop-txt {
    margin-bottom: -25px;
  }
  .home-loop-txt__item {
    font-size: 20rem;
    animation: loop-txt 50s linear infinite;
  }
}
/* .home-group
================================================ */
.home-group {
  background: url("../img/home/bg_group01_sp.jpg") no-repeat top/cover;
  border-radius: var(--mh--border-radius--md);
}
.home-group__inner {
  position: relative;
  padding-block: 60px;
}
.home-group__head {
  margin-bottom: 25px;
}
.home-group-list {
  display: grid;
  gap: 15px;
}
.home-group-list__link {
  position: relative;
  display: grid;
  height: 100%;
  padding: var(--mh--space--20-30);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.home-group-list__img {
  width: calc(100% - 52px);
  margin-bottom: var(--mh--space--15-20);
  overflow: hidden;
  border-radius: var(--mh--border-radius--md);
}
.home-group-list__en {
  position: absolute;
  top: -1px;
  right: 26px;
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: var(--mh--font-size--lg);
  writing-mode: vertical-rl;
}
.home-group-list__en::before {
  display: block;
  width: 2px;
  height: 40px;
  content: "";
  border-right: 1px solid;
}
.home-group-list__head {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-content: space-between;
}
.home-group-list__head-txt {
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.home-group-list__head-arw {
  display: grid;
  place-items: center;
  width: 37px;
  height: 30px;
  color: var(--mh--color--grayscale-200);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.home-group-list__head-br {
  display: none;
}
.home-group__btn {
  margin-top: var(--mh--space--30-50);
}
@media (width >= 768px ) {
  .home-group {
    margin-inline: 30px;
    background-image: url("../img/home/bg_group01_pc.jpg");
  }
  .home-group__inner {
    padding-block: 166px;
  }
  .home-group__head {
    margin-bottom: 70px;
  }
  .home-group-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .home-group-list__img {
    width: calc(100% - 52px);
    margin-bottom: var(--mh--space--15-20);
  }
  .home-group-list__img img {
    border-radius: var(--mh--border-radius--md);
  }
  .home-group-list__en {
    right: 30px;
  }
  .home-group-list__head {
    min-height: 78px;
  }
  .home-group-list__head-txt {
    font-size: var(--mh--font-size--x3l);
  }
  .home-group-list__head-arw {
    width: 50px;
    height: 40px;
  }
  .home-group-list__head-br {
    display: block;
  }
}
@media (width >= 1400px ) {
  .home-group-list {
    gap: 30px;
  }
  .home-group__btn {
    position: absolute;
    top: 187px;
    right: var(--mh--contents--padding--side);
    width: 320px;
    margin: 0;
  }
}
@media (width >= 1550px) {
  .home-group-list__head {
    min-height: 0;
  }
  .home-group-list__head-br {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-group-list__head-arw {
    position: relative;
    overflow: hidden;
  }
  .home-group-list__head-arw::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .home-group-list__link:hover .home-group-list__head-arw::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .home-group-list__link:hover .home-group-list__head-arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/* .home-culture
================================================ */
.home-culture {
  position: relative;
  z-index: 2;
  background: var(--mh--color--grayscale-200);
}
.home-culture__inner {
  padding: 140px var(--mh--contents--padding--side) var(--mh--space--xl);
}
.home-culture__wrap {
  position: relative;
  display: grid;
  gap: 30px;
}
.home-culture__txt {
  font-size: var(--mh--font-size--lg);
}
.home-culture__img {
  position: absolute;
  top: -183px;
  right: 0;
  width: 112px;
  height: 149px;
}
.home-culture__img img {
  border-radius: var(--mh--border-radius--md);
}
.home-culture-list {
  display: grid;
  gap: var(--mh--space--x2s);
}
.home-culture-list__item {
  padding-bottom: var(--mh--space--x2s);
  border-bottom: 1px dashed var(--mh--color--grayscale-800);
}
.home-culture-list__link {
  display: grid;
  grid-template-columns: 52px 1fr 16px;
  gap: var(--mh--space--x3s);
  align-items: center;
  padding-inline: 5px;
}
.home-culture-list__txt {
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.home-culture-list__arw {
  color: var(--mh--color--primary-500);
}
.home-culture-list__arw::after {
  display: inline-block;
  width: 16px;
  height: 12px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  mask-image: 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%23fff%22%20d%3D%22m9.536%200-1.32%201.32%204.062%203.76H0v1.84h12.268l-4.063%203.76L9.525%2012%2016%206z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: all var(--mh--duration) var(--mh--easing);
}
@media (width >= 768px ) {
  .home-culture {
    position: sticky;
    top: 0;
    left: 0;
  }
  .home-culture__inner {
    max-width: 1660px;
    padding-block: 150px 180px;
    margin-inline: auto;
  }
  .home-culture__wrap {
    grid-template-columns: 543px 50%;
    justify-content: space-between;
  }
  .home-culture__desc {
    display: grid;
    align-content: space-between;
  }
  .home-culture__img {
    position: relative;
    top: 0;
    width: 240px;
    height: 320px;
  }
  .home-culture-list__link {
    grid-template-columns: 80px 1fr 16px;
    padding-inline: 30px;
  }
  .home-culture-list__txt {
    font-size: var(--mh--font-size--x3l);
  }
}
@media (width >= 768px ) and (height <= 1000px) {
  .home-culture {
    top: -150px;
  }
}
@media (width >= 768px ) and (height <= 780px) {
  .home-culture {
    top: -50vh;
  }
}
@media (width >= 1400px ) {
  .home-culture__inner {
    max-width: 1920px;
    padding-inline: 260px 100px;
  }
  .home-culture__wrap {
    grid-template-columns: 543px 55%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-culture-list__txt {
    position: relative;
    overflow: hidden;
    color: transparent;
    text-shadow: 0 1.5em 0 var(--mh--color--grayscale-900), 0 0 0 var(--mh--color--grayscale-900);
    transition: text-shadow 0.3s;
  }
  .home-culture-list__link:hover .home-culture-list__arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
  .home-culture-list__link:hover .home-culture-list__txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-900), 0 -1.5em 0 var(--mh--color--grayscale-900);
  }
}
/* .home-recruit
================================================ */
.home-recruit {
  position: relative;
  z-index: 5;
  background-color: var(--mh--color--primary-500);
}
.home-recruit::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 89.33%;
  aspect-ratio: 670/634;
  content: "";
  background: url("../img/common/bg_mark01_sp.png") no-repeat bottom/cover;
  opacity: 0.8;
}
.home-recruit__inner {
  position: relative;
  z-index: 1;
  padding: 10px 10px 40px;
}
.home-recruit__area-img {
  position: relative;
  margin-bottom: 30px;
}
.home-recruit__copy {
  position: absolute;
  top: 0;
  left: 10px;
}
.home-recruit__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
.home-recruit__contents {
  display: grid;
  gap: 25px;
  margin-inline: 10px;
}
.home-recruit-btn__link {
  display: grid;
  gap: 10px;
  place-items: center;
  padding: 20px;
  border: 1px solid;
  border-radius: var(--mh--border-radius--md);
}
.home-recruit-btn__arw {
  display: grid;
  place-items: center;
  width: 63px;
  height: 50px;
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-200);
  border-radius: 100%;
}
@media (width >= 768px ) {
  .home-recruit::before {
    width: 64.27%;
    aspect-ratio: 1234/800;
    background-image: url("../img/common/bg_mark01_pc.png");
  }
  .home-recruit__inner {
    padding: 30px 30px 125px;
  }
  .home-recruit__area-img {
    margin-bottom: 120px;
  }
  .home-recruit__copy {
    top: -1px;
    left: 70px;
  }
  .home-recruit__contents {
    grid-template-columns: 1fr 230px;
    justify-content: space-between;
    max-width: calc(var(--mh--contents--wide-width) + 120px);
    padding-inline: 60px;
    margin-inline: auto;
  }
  .home-recruit-btn {
    margin-top: 17px;
  }
  .home-recruit-btn__link {
    gap: 23px;
    align-content: center;
    aspect-ratio: 1;
  }
  .home-recruit-btn__txt {
    text-align: center;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-recruit-btn__link {
    position: relative;
    overflow: hidden;
  }
  .home-recruit-btn__link::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .home-recruit-btn__txt, .home-recruit-btn__arw {
    position: relative;
    z-index: 1;
  }
  .home-recruit-btn__link:hover::before {
    opacity: 1;
    transform: scale(1.4);
  }
  .home-recruit-btn__link:hover .home-recruit-btn__arw::after {
    animation: arrow-slide var(--mh--duration) var(--mh--easing);
  }
}
/* .information-outline
================================================ */
.information-outline {
  padding-block: var(--mh--space--xl);
}
.information-outline__head {
  margin-bottom: var(--mh--space--20-60);
}
/* .information-flow
================================================ */
.information-flow {
  background: var(--mh--color--surface-200);
  padding-block: var(--mh--space--xl);
}
.information-flow__head {
  margin-bottom: var(--mh--space--20-60);
}
.information-flow__tab {
  display: grid;
  gap: 10px;
  margin-bottom: var(--mh--space--xs);
}
.information-flow__tab-item {
  position: relative;
  padding: 15px var(--mh--space--15-20);
  background: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--grayscale-500);
  border-radius: 999px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}
.information-flow__tab-item.is-active {
  background: var(--mh--color--primary-500);
  color: var(--mh--color--grayscale-200);
  border-color: var(--mh--color--primary-500);
}
.information-flow__tab-item.is-active .information-flow__tab-item-txt {
  text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-900);
}
.information-flow__tab-item.is-active .information-flow__tab-item-ico {
  background: var(--mh--color--grayscale-200);
}
.information-flow__tab-item-txt {
  position: relative;
  position: relative;
  display: flex;
  gap: var(--mh--space--x4s);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: transparent;
  text-shadow: 0 1.5em 0 var(--mh--color--grayscale-200), 0 0 0 var(--mh--color--grayscale-900);
  transition: text-shadow 0.3s;
  z-index: 1;
}
.information-flow__tab-item-ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--mh--space--15-20);
  margin-block: auto;
  width: 30px;
  aspect-ratio: 1/1;
  background: var(--mh--color--primary-500);
  z-index: 1;
}
.information-flow__tab-item-ico.is-item01 {
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M6.46599%2030V15.6034C4.91426%2015.2012%203.7361%2014.5474%202.93151%2013.6422C2.12691%2012.7371%201.72461%2011.5948%201.72461%2010.2155V0H2.93151V9.61207H6.46599V0H7.67289V9.61207H11.2074V0H12.4143V10.2155C12.4143%2011.5948%2012.012%2012.7371%2011.2074%2013.6422C10.4028%2014.5474%209.22461%2015.2012%207.67289%2015.6034V30H6.46599ZM22.285%2030V15.0431C20.7332%2014.4971%2019.5551%2013.5848%2018.7505%2012.306C17.9459%2011.0273%2017.5436%209.43966%2017.5436%207.5431C17.5436%205.47414%2018.068%203.69971%2019.1169%202.21983C20.1657%200.739943%2021.4229%200%2022.8884%200C24.3827%200%2025.6542%200.739943%2026.7031%202.21983C27.7519%203.69971%2028.2763%205.47414%2028.2763%207.5431C28.2763%209.46839%2027.8668%2011.0704%2027.0479%2012.3491C26.2289%2013.6279%2025.0436%2014.5259%2023.4918%2015.0431V30H22.285Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M6.46599%2030V15.6034C4.91426%2015.2012%203.7361%2014.5474%202.93151%2013.6422C2.12691%2012.7371%201.72461%2011.5948%201.72461%2010.2155V0H2.93151V9.61207H6.46599V0H7.67289V9.61207H11.2074V0H12.4143V10.2155C12.4143%2011.5948%2012.012%2012.7371%2011.2074%2013.6422C10.4028%2014.5474%209.22461%2015.2012%207.67289%2015.6034V30H6.46599ZM22.285%2030V15.0431C20.7332%2014.4971%2019.5551%2013.5848%2018.7505%2012.306C17.9459%2011.0273%2017.5436%209.43966%2017.5436%207.5431C17.5436%205.47414%2018.068%203.69971%2019.1169%202.21983C20.1657%200.739943%2021.4229%200%2022.8884%200C24.3827%200%2025.6542%200.739943%2026.7031%202.21983C27.7519%203.69971%2028.2763%205.47414%2028.2763%207.5431C28.2763%209.46839%2027.8668%2011.0704%2027.0479%2012.3491C26.2289%2013.6279%2025.0436%2014.5259%2023.4918%2015.0431V30H22.285Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
}
.information-flow__tab-item-ico.is-item02 {
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5.48614%2025C4.45247%2025%203.57673%2024.6412%202.85891%2023.9236C2.14109%2023.2063%201.78218%2022.3351%201.78218%2021.31H0V7.21402C0%206.57442%200.210396%206.04551%200.631188%205.62731C1.05198%205.2091%201.58416%205%202.22772%205H21.5347V10.1661H24.6535L30%2017.3247V21.31H27.7723C27.7723%2022.3351%2027.4104%2023.2063%2026.6866%2023.9236C25.9631%2024.6412%2025.0844%2025%2024.0505%2025C23.0168%2025%2022.1411%2024.6412%2021.4233%2023.9236C20.7054%2023.2063%2020.3465%2022.3351%2020.3465%2021.31H9.20792C9.20792%2022.3432%208.84604%2023.2165%208.12228%2023.9299C7.39876%2024.6433%206.52005%2025%205.48614%2025ZM5.49505%2023.9668C6.23762%2023.9668%206.86881%2023.7085%207.38861%2023.1919C7.90842%2022.6753%208.16832%2022.048%208.16832%2021.31C8.16832%2020.572%207.90842%2019.9447%207.38861%2019.428C6.86881%2018.9114%206.23762%2018.6531%205.49505%2018.6531C4.75248%2018.6531%204.12129%2018.9114%203.60148%2019.428C3.08168%2019.9447%202.82178%2020.572%202.82178%2021.31C2.82178%2022.048%203.08168%2022.6753%203.60148%2023.1919C4.12129%2023.7085%204.75248%2023.9668%205.49505%2023.9668ZM24.0594%2023.9668C24.802%2023.9668%2025.4332%2023.7085%2025.953%2023.1919C26.4728%2022.6753%2026.7327%2022.048%2026.7327%2021.31C26.7327%2020.572%2026.4728%2019.9447%2025.953%2019.428C25.4332%2018.9114%2024.802%2018.6531%2024.0594%2018.6531C23.3168%2018.6531%2022.6856%2018.9114%2022.1658%2019.428C21.646%2019.9447%2021.3861%2020.572%2021.3861%2021.31C21.3861%2022.048%2021.646%2022.6753%2022.1658%2023.1919C22.6856%2023.7085%2023.3168%2023.9668%2024.0594%2023.9668ZM21.5347%2017.3247H28.7376L24.0594%2011.1993H21.5347V17.3247Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5.48614%2025C4.45247%2025%203.57673%2024.6412%202.85891%2023.9236C2.14109%2023.2063%201.78218%2022.3351%201.78218%2021.31H0V7.21402C0%206.57442%200.210396%206.04551%200.631188%205.62731C1.05198%205.2091%201.58416%205%202.22772%205H21.5347V10.1661H24.6535L30%2017.3247V21.31H27.7723C27.7723%2022.3351%2027.4104%2023.2063%2026.6866%2023.9236C25.9631%2024.6412%2025.0844%2025%2024.0505%2025C23.0168%2025%2022.1411%2024.6412%2021.4233%2023.9236C20.7054%2023.2063%2020.3465%2022.3351%2020.3465%2021.31H9.20792C9.20792%2022.3432%208.84604%2023.2165%208.12228%2023.9299C7.39876%2024.6433%206.52005%2025%205.48614%2025ZM5.49505%2023.9668C6.23762%2023.9668%206.86881%2023.7085%207.38861%2023.1919C7.90842%2022.6753%208.16832%2022.048%208.16832%2021.31C8.16832%2020.572%207.90842%2019.9447%207.38861%2019.428C6.86881%2018.9114%206.23762%2018.6531%205.49505%2018.6531C4.75248%2018.6531%204.12129%2018.9114%203.60148%2019.428C3.08168%2019.9447%202.82178%2020.572%202.82178%2021.31C2.82178%2022.048%203.08168%2022.6753%203.60148%2023.1919C4.12129%2023.7085%204.75248%2023.9668%205.49505%2023.9668ZM24.0594%2023.9668C24.802%2023.9668%2025.4332%2023.7085%2025.953%2023.1919C26.4728%2022.6753%2026.7327%2022.048%2026.7327%2021.31C26.7327%2020.572%2026.4728%2019.9447%2025.953%2019.428C25.4332%2018.9114%2024.802%2018.6531%2024.0594%2018.6531C23.3168%2018.6531%2022.6856%2018.9114%2022.1658%2019.428C21.646%2019.9447%2021.3861%2020.572%2021.3861%2021.31C21.3861%2022.048%2021.646%2022.6753%2022.1658%2023.1919C22.6856%2023.7085%2023.3168%2023.9668%2024.0594%2023.9668ZM21.5347%2017.3247H28.7376L24.0594%2011.1993H21.5347V17.3247Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
}
.information-flow__tab-item-ico.is-item03 {
  -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2231%22%20viewBox%3D%220%200%2030%2031%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.202%2012.1131C19.7306%2012.1131%2019.3266%2011.9462%2018.9899%2011.6126C18.6532%2011.2789%2018.4848%2010.8784%2018.4848%2010.4113C18.4848%2010.1109%2018.5354%209.82729%2018.6364%209.56034C18.7374%209.29338%2018.8721%209.04311%2019.0404%208.80952C19.2088%208.57594%2019.3939%208.34235%2019.596%208.10877L20.202%207.40801L20.8081%208.10877C21.0101%208.34235%2021.1953%208.57594%2021.3636%208.80952C21.532%209.04311%2021.6667%209.29338%2021.7677%209.56034C21.8687%209.82729%2021.9192%2010.1109%2021.9192%2010.4113C21.9192%2010.8784%2021.7508%2011.2789%2021.4141%2011.6126C21.0774%2011.9462%2020.6734%2012.1131%2020.202%2012.1131ZM28.2828%206.1066C27.8114%206.1066%2027.4074%205.93975%2027.0707%205.60606C26.734%205.27237%2026.5657%204.87193%2026.5657%204.40476C26.5657%204.10444%2026.6162%203.8208%2026.7172%203.55384C26.8182%203.28689%2026.9529%203.03662%2027.1212%202.80303C27.2896%202.56944%2027.4747%202.33586%2027.6768%202.10227L28.2828%201.40152L28.8889%202.10227C29.0909%202.33586%2029.2761%202.56944%2029.4444%202.80303C29.6128%203.03662%2029.7475%203.28689%2029.8485%203.55384C29.9495%203.8208%2030%204.10444%2030%204.40476C30%204.87193%2029.8316%205.27237%2029.4949%205.60606C29.1582%205.93975%2028.7542%206.1066%2028.2828%206.1066ZM28.2828%2018.1196C27.8114%2018.1196%2027.4074%2017.9527%2027.0707%2017.619C26.734%2017.2854%2026.5657%2016.8849%2026.5657%2016.4177C26.5657%2016.1174%2026.6162%2015.8338%2026.7172%2015.5668C26.8182%2015.2999%2026.9529%2015.0496%2027.1212%2014.816C27.2896%2014.5824%2027.4747%2014.3488%2027.6768%2014.1153L28.2828%2013.4145L28.8889%2014.1153C29.0909%2014.3488%2029.2761%2014.5824%2029.4444%2014.816C29.6128%2015.0496%2029.7475%2015.2999%2029.8485%2015.5668C29.9495%2015.8338%2030%2016.1174%2030%2016.4177C30%2016.8849%2029.8316%2017.2854%2029.4949%2017.619C29.1582%2017.9527%2028.7542%2018.1196%2028.2828%2018.1196ZM7.47475%2030.8333C5.38721%2030.8333%203.61953%2030.1159%202.17172%2028.681C0.723906%2027.2461%200%2025.4942%200%2023.4253C0%2022.0905%200.353535%2020.8392%201.06061%2019.6713C1.76768%2018.5033%202.76094%2017.5523%204.0404%2016.8182V3.40368C4.0404%202.43597%204.36869%201.62676%205.02525%200.976055C5.68182%200.325352%206.49832%200%207.47475%200C8.45118%200%209.26768%200.325352%209.92424%200.976055C10.5808%201.62676%2010.9091%202.43597%2010.9091%203.40368V16.8182C12.1886%2017.5523%2013.1818%2018.5033%2013.8889%2019.6713C14.596%2020.8392%2014.9495%2022.0905%2014.9495%2023.4253C14.9495%2025.4942%2014.2256%2027.2461%2012.7778%2028.681C11.33%2030.1159%209.56229%2030.8333%207.47475%2030.8333ZM1.41414%2023.4253H13.5354C13.5354%2022.4242%2013.2492%2021.4482%2012.6768%2020.4972C12.1044%2019.5461%2011.2795%2018.6869%2010.202%2017.9194L9.49495%2017.4188V3.40368C9.49495%202.8364%209.30135%202.36089%208.91414%201.97714C8.52694%201.59339%208.04714%201.40152%207.47475%201.40152C6.90236%201.40152%206.42256%201.59339%206.03535%201.97714C5.64815%202.36089%205.45455%202.8364%205.45455%203.40368V17.4188L4.74747%2017.9194C3.67003%2018.6869%202.84512%2019.5461%202.27273%2020.4972C1.70034%2021.4482%201.41414%2022.4242%201.41414%2023.4253Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
  mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2231%22%20viewBox%3D%220%200%2030%2031%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M20.202%2012.1131C19.7306%2012.1131%2019.3266%2011.9462%2018.9899%2011.6126C18.6532%2011.2789%2018.4848%2010.8784%2018.4848%2010.4113C18.4848%2010.1109%2018.5354%209.82729%2018.6364%209.56034C18.7374%209.29338%2018.8721%209.04311%2019.0404%208.80952C19.2088%208.57594%2019.3939%208.34235%2019.596%208.10877L20.202%207.40801L20.8081%208.10877C21.0101%208.34235%2021.1953%208.57594%2021.3636%208.80952C21.532%209.04311%2021.6667%209.29338%2021.7677%209.56034C21.8687%209.82729%2021.9192%2010.1109%2021.9192%2010.4113C21.9192%2010.8784%2021.7508%2011.2789%2021.4141%2011.6126C21.0774%2011.9462%2020.6734%2012.1131%2020.202%2012.1131ZM28.2828%206.1066C27.8114%206.1066%2027.4074%205.93975%2027.0707%205.60606C26.734%205.27237%2026.5657%204.87193%2026.5657%204.40476C26.5657%204.10444%2026.6162%203.8208%2026.7172%203.55384C26.8182%203.28689%2026.9529%203.03662%2027.1212%202.80303C27.2896%202.56944%2027.4747%202.33586%2027.6768%202.10227L28.2828%201.40152L28.8889%202.10227C29.0909%202.33586%2029.2761%202.56944%2029.4444%202.80303C29.6128%203.03662%2029.7475%203.28689%2029.8485%203.55384C29.9495%203.8208%2030%204.10444%2030%204.40476C30%204.87193%2029.8316%205.27237%2029.4949%205.60606C29.1582%205.93975%2028.7542%206.1066%2028.2828%206.1066ZM28.2828%2018.1196C27.8114%2018.1196%2027.4074%2017.9527%2027.0707%2017.619C26.734%2017.2854%2026.5657%2016.8849%2026.5657%2016.4177C26.5657%2016.1174%2026.6162%2015.8338%2026.7172%2015.5668C26.8182%2015.2999%2026.9529%2015.0496%2027.1212%2014.816C27.2896%2014.5824%2027.4747%2014.3488%2027.6768%2014.1153L28.2828%2013.4145L28.8889%2014.1153C29.0909%2014.3488%2029.2761%2014.5824%2029.4444%2014.816C29.6128%2015.0496%2029.7475%2015.2999%2029.8485%2015.5668C29.9495%2015.8338%2030%2016.1174%2030%2016.4177C30%2016.8849%2029.8316%2017.2854%2029.4949%2017.619C29.1582%2017.9527%2028.7542%2018.1196%2028.2828%2018.1196ZM7.47475%2030.8333C5.38721%2030.8333%203.61953%2030.1159%202.17172%2028.681C0.723906%2027.2461%200%2025.4942%200%2023.4253C0%2022.0905%200.353535%2020.8392%201.06061%2019.6713C1.76768%2018.5033%202.76094%2017.5523%204.0404%2016.8182V3.40368C4.0404%202.43597%204.36869%201.62676%205.02525%200.976055C5.68182%200.325352%206.49832%200%207.47475%200C8.45118%200%209.26768%200.325352%209.92424%200.976055C10.5808%201.62676%2010.9091%202.43597%2010.9091%203.40368V16.8182C12.1886%2017.5523%2013.1818%2018.5033%2013.8889%2019.6713C14.596%2020.8392%2014.9495%2022.0905%2014.9495%2023.4253C14.9495%2025.4942%2014.2256%2027.2461%2012.7778%2028.681C11.33%2030.1159%209.56229%2030.8333%207.47475%2030.8333ZM1.41414%2023.4253H13.5354C13.5354%2022.4242%2013.2492%2021.4482%2012.6768%2020.4972C12.1044%2019.5461%2011.2795%2018.6869%2010.202%2017.9194L9.49495%2017.4188V3.40368C9.49495%202.8364%209.30135%202.36089%208.91414%201.97714C8.52694%201.59339%208.04714%201.40152%207.47475%201.40152C6.90236%201.40152%206.42256%201.59339%206.03535%201.97714C5.64815%202.36089%205.45455%202.8364%205.45455%203.40368V17.4188L4.74747%2017.9194C3.67003%2018.6869%202.84512%2019.5461%202.27273%2020.4972C1.70034%2021.4482%201.41414%2022.4242%201.41414%2023.4253Z%22%20fill%3D%22%23FF0000%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100%;
}
@media (width >= 768px ) {
  .information-flow__tab {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .information-flow__tab-item {
    transition: color var(--mh--duration) var(--mh--easing), background-color var(--mh--duration) var(--mh--easing), border-color var(--mh--duration) var(--mh--easing);
  }
  .information-flow__tab-item::before {
    position: absolute;
    inset: 0;
    width: 101%;
    aspect-ratio: 1;
    margin: auto;
    content: "";
    background-color: var(--mh--color--primary-600_hover);
    border-radius: 100%;
    opacity: 0;
    transform: scale(0.25);
    transition: opacity var(--mh--duration) var(--mh--easing), transform var(--mh--duration) var(--mh--easing);
  }
  .information-flow__tab-item:not(.is-active):hover {
    background-color: var(--mh--color--primary-600_hover);
    border-color: var(--mh--color--primary-600_hover);
    color: var(--mh--color--grayscale-200);
    border-color: var(--mh--color--primary-600_hover);
  }
  .information-flow__tab-item:not(.is-active):hover::before {
    opacity: 1;
    transform: scale(1.1);
  }
  .information-flow__tab-item:not(.is-active):hover .information-flow__tab-item-txt {
    text-shadow: 0 0 0 var(--mh--color--grayscale-200), 0 -1.5em 0 var(--mh--color--grayscale-900);
  }
  .information-flow__tab-item:not(.is-active):hover .information-flow__tab-item-ico {
    background: var(--mh--color--grayscale-200);
  }
  .information-flow__tab-item-ico {
    transition: background var(--mh--duration) var(--mh--easing);
  }
}
/* .information-faq
================================================ */
.information-faq {
  padding-block: var(--mh--space--xl);
}
.information-faq__head {
  margin-bottom: var(--mh--space--20-60);
}
/* .interview-intro
================================================ */
.interview-intro {
  padding-top: var(--mh--space--30-140);
}
/* .interview-qa
================================================ */
.interview-qa__inner {
  padding-block: var(--mh--space--xl) var(--mh--space--x2l);
}
.interview-qa-sec {
  display: grid;
  gap: 20px;
}
.interview-qa-sec + .interview-qa-sec {
  margin-top: var(--mh--space--xl);
}
.interview-qa-sec__head {
  margin-bottom: var(--mh--space--15-20);
}
.interview-qa-sec__head-en {
  margin-bottom: 10px;
  font-size: var(--mh--font-size--lg);
  color: var(--mh--color--primary-500);
}
.interview-qa-sec__head-en::before {
  margin-right: 0.25em;
  content: "("/"";
}
.interview-qa-sec__head-en::after {
  margin-left: 0.25em;
  content: ")"/"";
}
.interview-qa-sec__head-main {
  font-size: var(--mh--font-size--xl);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.interview-qa-sec__head-main-bg {
  display: inline-block;
  background-color: var(--mh--color--primary-500);
  padding: var(--mh--space--x5s) 10px;
  color: var(--mh--color--grayscale-200);
}
.interview-qa-sec__copy {
  margin-bottom: var(--mh--space--20-30);
}
.interview-qa-sec__txt {
  font-size: var(--mh--font-size--lg);
}
.interview-qa-sec__img img {
  border-radius: var(--mh--border-radius--md);
}
@media (width >= 768px ) {
  .interview-qa-sec {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
  }
  .interview-qa-sec:nth-child(odd) .interview-qa-sec__area-txt {
    order: 1;
  }
  .interview-qa-sec:nth-child(even) .interview-qa-sec__area-txt {
    order: 0;
  }
  .interview-qa-sec:nth-child(even) .interview-qa-sec__img {
    order: 1;
  }
}
@media (width >= 1400px ) {
  .interview-qa-sec {
    gap: 100px;
  }
}
/* .interview-work
================================================ */
.interview-work {
  overflow: hidden;
}
.interview-work__inner {
  padding-block: var(--mh--space--xl);
}
.interview-work__head {
  margin-bottom: var(--mh--space--sm);
}
/* .job-archive
================================================ */
.job-archive {
  padding-block: var(--mh--space--xl);
}
/* .job-archive-sec
================================================ */
.job-archive-sec + .job-archive-sec {
  margin-top: var(--mh--space--xl);
}
.job-archive-sec__block + .job-archive-sec__block {
  margin-top: var(--mh--space--sm);
}
.job-archive-sec__subhead {
  margin-bottom: var(--mh--space--20-30);
}
.job-archive-sec__list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.job-archive-sec__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--mh--space--20-30);
  padding: var(--mh--space--25-30) var(--mh--space--20-30);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.job-archive-sec__item-head {
  margin-bottom: 15px;
}
.job-archive-sec__item-info {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  align-items: center;
  border-top: 1px dashed var(--mh--color--grayscale-500);
  padding-top: var(--mh--space--15-20);
}
.job-archive-sec__item-info-lbl {
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--md);
  font-weight: bold;
}
.job-archive-sec__item-category {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.job-archive-sec__item-category-in {
  padding: 2px 10px 4px 10px;
  background: var(--mh--color--surface-300);
  line-height: var(--mh--line-height--md);
  font-size: var(--mh--font-size--sm);
  font-weight: bold;
}
@media (width >= 768px ) {
  .job-archive-sec__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* .logi-intro
================================================ */
.logi-intro__inner {
  padding-block: var(--mh--space--xl);
}
/* .logi-business
================================================ */
.logi-business {
  overflow: hidden;
  background: url("../img/logi/bg_business01.jpg") no-repeat center/cover;
  border-radius: var(--mh--border-radius--md);
}
.logi-business__inner {
  padding-block: var(--mh--space--xl);
}
@media (width >= 768px ) {
  .logi-business {
    max-width: calc(100% - 60px);
    margin: 30px auto 0;
  }
}
/* .logi-reason
================================================ */
.logi-reason__inner {
  padding-block: var(--mh--space--xl);
}
/* .logi-interview
================================================ */
.logi-interview__inner {
  padding-block: var(--mh--space--xl);
}
/* .logi-movie
================================================ */
.logi-movie__inner {
  padding-block: var(--mh--space--xl);
}
/* .message-sec
================================================ */
.message-sec__inner {
  padding-block: var(--mh--space--xl);
}
.message-sec__head {
  margin-bottom: var(--mh--space--xs);
}
.message-sec__txt:not(:last-child) {
  margin-bottom: var(--mh--space--xs);
}
.message-sec__img:not(:first-child) {
  margin-top: var(--mh--space--sm);
}
.message-sec__img:not(:last-child) {
  margin-bottom: var(--mh--space--sm);
}
.message-sec__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
.message-sec-card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--mh--space--x3s);
}
.message-sec-card__item {
  position: relative;
  padding: var(--mh--space--x2s) var(--mh--space--x3s);
  margin-bottom: 20px;
  background-color: var(--mh--color--surface-200);
}
.message-sec-card__item::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 20px;
  aspect-ratio: 1;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2212%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2012%22%3E%0A%3Cpath%20fill%3D%22%23FAF7EC%22%20d%3D%22M19.996%200H0v10.231c0%201.204%203.37%201.935%204.037.933C7.882%205.397%2013.863.002%2019.997.001Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
}
.message-sec-card__img {
  width: 50px;
  aspect-ratio: 1;
  padding: 10px;
  margin: 0 auto var(--mh--space--10-15);
  background-color: var(--mh--color--primary-500);
  border-radius: 100%;
}
.message-sec-card__head {
  font-size: var(--mh--font-size--xl);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
}
.message-sec-card__txt {
  font-size: var(--mh--font-size--sm);
  text-align: center;
}
@media (width >= 768px ) {
  .message-sec-card {
    display: flex;
    flex-wrap: wrap;
  }
  .message-sec-card__item {
    width: calc((100% - var(--mh--space--x3s) * 2) / 3);
    margin-bottom: 40px;
  }
  .message-sec-card__item:nth-child(-n+2) {
    width: calc((100% - var(--mh--space--x3s)) / 2);
  }
  .message-sec-card__item::after {
    bottom: -40px;
    width: 40px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2032%22%3E%0A%3Cpath%20fill%3D%22%23FAF7EC%22%20d%3D%22M39.992.002%200%200v30.231c0%201.204%202.728%201.667%203.243.579C9.908%2016.744%2024.715.004%2039.993.002Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left top/contain;
  }
  .message-sec-card__img {
    width: 80px;
    padding: 20px;
  }
}
/* .nichirei-intro
================================================ */
.nichirei-intro__inner {
  padding-block: var(--mh--space--x2l);
}
.nichirei-intro__txt {
  font-size: var(--mh--font-size--xl);
  font-weight: 700;
  text-align: center;
  letter-spacing: var(--mh--letter-spacing--sm);
}
/* .nichirei-future
================================================ */
.nichirei-future {
  background: url("../img/nichirei/bg_future01.jpg") no-repeat center/cover;
  border-radius: var(--mh--border-radius--md);
}
.nichirei-future__inner {
  padding: 60px var(--mh--contents--padding--side);
}
.nichirei-future-list {
  display: grid;
  gap: var(--mh--space--x2s);
}
.nichirei-future-list__item {
  position: relative;
  display: grid;
  gap: 20px;
  padding: calc(var(--mh--space--20-80) - 1px);
  background-color: var(--mh--color--grayscale-200);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.nichirei-future-list__en {
  position: absolute;
  top: -1px;
  right: 10px;
  display: flex;
  gap: var(--mh--space--x3s);
  align-items: center;
  font-size: var(--mh--font-size--lg);
  writing-mode: vertical-rl;
}
.nichirei-future-list__en::before {
  display: block;
  width: 2px;
  height: 40px;
  content: "";
  border-right: 1px solid;
}
.nichirei-future-list__img {
  padding-right: 20px;
}
.nichirei-future-list__img img {
  width: 100%;
  border-radius: var(--mh--border-radius--md);
}
.nichirei-future-list__area-txt {
  padding: 10px;
}
.nichirei-future-list__head {
  margin-bottom: var(--mh--space--x3s);
}
.nichirei-future-list__copy {
  margin-bottom: var(--mh--space--20-50);
  font-size: var(--mh--font-size--x9l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
}
.nichirei-future-list__txt {
  font-size: var(--mh--font-size--lg);
}
@media (width >= 768px ) {
  .nichirei-future {
    max-width: calc(100% - 60px);
    margin-inline: auto;
    overflow: hidden;
  }
  .nichirei-future__inner {
    padding-block: 140px;
  }
  .nichirei-future__head-wrap {
    max-width: var(--mh--contents--wide-width);
    margin-inline: auto;
  }
  .nichirei-future-list {
    max-width: 1720px;
    margin-inline: auto;
  }
  .nichirei-future-list__item {
    grid-template-columns: 48.0519480519% 1fr;
    gap: 40px;
    align-items: center;
  }
  .nichirei-future-list__item:nth-child(odd) {
    padding-right: 99px;
  }
  .nichirei-future-list__item:nth-child(odd) .nichirei-future-list__en {
    right: auto;
    left: 30px;
  }
  .nichirei-future-list__item:nth-child(even) {
    grid-template-columns: 1fr 47.4358974359%;
    padding-left: 99px;
  }
  .nichirei-future-list__item:nth-child(even) .nichirei-future-list__en {
    right: 30px;
  }
  .nichirei-future-list__item:nth-child(even) .nichirei-future-list__img {
    order: 1;
  }
  .nichirei-future-list__img {
    padding-right: 0;
  }
  .nichirei-future-list__area-txt {
    padding: 0;
  }
  .nichirei-future-list__copy {
    font-size: clamp(3.6rem, 2.5vw + 0.4rem, 5.2rem);
  }
}
@media (width >= 1400px ) {
  .nichirei-future-list__item {
    gap: 80px;
  }
}
/* .nichirei-value
================================================ */
.nichirei-value__inner {
  padding-block: var(--mh--space--x2l) var(--mh--space--lg);
}
.nichirei-value-chain {
  margin-bottom: var(--mh--space--lg);
}
.nichirei-value-chain__img {
  margin-bottom: var(--mh--space--sm);
}
.nichirei-value-chain__list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.nichirei-value-chain__list-item {
  position: relative;
  padding: calc(var(--mh--space--20-30) - 1px);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
}
.nichirei-value-chain__list-item::before {
  position: absolute;
  top: -1px;
  left: 10px;
  width: 20px;
  aspect-ratio: 20/26;
  content: "";
  background-color: var(--mh--color--primary-500);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
}
.nichirei-value-chain__list-ico {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 106px;
}
.nichirei-value-chain__list-head {
  margin-bottom: var(--mh--space--10-15);
  font-size: var(--mh--font-size--xl);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  text-align: center;
  letter-spacing: var(--mh--letter-spacing--sm);
}
.nichirei-value-chain__list-txt {
  font-size: var(--mh--font-size--sm);
}
.nichirei-value-strength__txt {
  margin-bottom: var(--mh--space--20-60);
  font-size: var(--mh--font-size--lg);
}
.nichirei-value-strength__ranking {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
}
.nichirei-value-strength__ranking::before, .nichirei-value-strength__ranking::after {
  position: absolute;
  inset: 0;
  width: 18px;
  height: 2px;
  margin: auto;
  content: "";
  border-top: 2px solid var(--mh--color--grayscale-500);
}
.nichirei-value-strength__ranking::before {
  transform: rotate(45deg);
}
.nichirei-value-strength__ranking::after {
  transform: rotate(-45deg);
}
.nichirei-value-strength__ranking-item {
  padding: 13px 7px 10px;
  color: #56ac14;
  background-color: var(--mh--color--surface-200);
  border-top: 7px solid #56ac14;
  border-radius: 0 0 var(--mh--border-radius--md) var(--mh--border-radius--md);
}
.nichirei-value-strength__ranking-item.is-brown {
  color: #c09700;
  border-color: #c09700;
}
.nichirei-value-strength__ranking-item.is-brown .nichirei-value-strength__ranking-head .is-label {
  background-color: #c09700;
}
.nichirei-value-strength__ranking-head {
  margin-bottom: -5px;
  font-size: var(--mh--font-size--x2l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
}
.nichirei-value-strength__ranking-head .is-label {
  display: block;
  width: fit-content;
  padding: 2px var(--mh--space--10-15) 4px;
  margin: 0 auto var(--mh--space--x4s);
  font-size: var(--mh--font-size--x2s);
  color: var(--mh--color--grayscale-200);
  background-color: #56ac14;
}
.nichirei-value-strength__ranking-num {
  width: fit-content;
  padding: 0 25px 9px;
  margin-inline: auto;
  font-size: var(--mh--font-size--x10l);
  text-align: center;
  background: url("../img/common/bg_ranking01.svg") no-repeat bottom left/28px, url("../img/common/bg_ranking02.svg") no-repeat bottom right/28px, url("../img/common/bg_sparkling01.svg") no-repeat top 12px left 52%/17.5px;
}
.nichirei-value-strength__ranking-num .is-big {
  font-size: 5.4rem;
}
.nichirei-value-strength__arrow {
  position: relative;
  padding-block: 20px 29px;
}
.nichirei-value-strength__arrow::before {
  position: absolute;
  inset-inline: 0;
  top: 0;
  width: 7px;
  height: calc(100% - 15px);
  margin-inline: auto;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2013%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%227%22%20height%3D%2213%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%200h7v13H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23E2D8B7%22%20d%3D%22M0%2055.954a3.5%203.5%200%201%201%207%200V56H0v-.046Zm0-13a3.5%203.5%200%201%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%201%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%200%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%200%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092ZM0-9h7v.046a3.5%203.5%200%201%201-7%200V-9Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") repeat-y left top/contain;
}
.nichirei-value-strength__arrow::after {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: 17px;
  height: 16px;
  margin-inline: auto;
  content: "";
  background-color: #e2d8b7;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.nichirei-value-strength__arrow-txt {
  position: relative;
  font-size: var(--mh--font-size--x3l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
  -webkit-text-stroke: 4px var(--mh--color--grayscale-200);
  paint-order: stroke fill;
}
.nichirei-value-strength__contents {
  margin-block: 20px;
}
.nichirei-value-strength__contents-img {
  position: relative;
}
.nichirei-value-strength__contents-area-txt {
  padding: 120px 20px 20px;
  margin-top: -100px;
  background-color: var(--mh--color--surface-300);
  border-radius: var(--mh--border-radius--md);
}
.nichirei-value-strength__contents-txt {
  font-size: var(--mh--font-size--lg);
}
.nichirei-value-strength__box {
  display: grid;
  gap: var(--mh--space--20-60);
  padding: calc(var(--mh--space--40-60) - 10px) calc(var(--mh--space--20-60) - 3px) calc(var(--mh--space--20-60) - 3px);
  margin-top: 20px;
  background: url("../img/nichirei/bg_strength01_sp.png") no-repeat bottom right/100%;
  border: 3px solid var(--mh--color--primary-500);
  border-top-width: 10px;
  border-radius: var(--mh--border-radius--md);
}
.nichirei-value-strength__box-head {
  margin-bottom: var(--mh--space--10-15);
  font-size: var(--mh--font-size--x5l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.nichirei-value-strength__box-img img {
  border-radius: var(--mh--border-radius--md);
}
@media (width < 768px) {
  .nichirei-value-chain__img {
    padding-right: 20px;
    margin-right: -20px;
    overflow-x: scroll;
  }
  .nichirei-value-chain__img img {
    min-width: 613px;
  }
}
@media (width >= 768px ) {
  .nichirei-value-chain__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .nichirei-value-chain__list-item {
    margin-bottom: 30px;
  }
  .nichirei-value-chain__list-item:nth-child(3n+2) {
    margin-block: 30px 0;
  }
  .nichirei-value-chain__list-item::before {
    left: 27px;
    width: 29px;
  }
  .nichirei-value-chain__list-ico {
    width: 130px;
  }
  .nichirei-value-strength__ranking {
    gap: 83px;
    max-width: var(--mh--contents--width);
    margin: 0 auto 15px;
  }
  .nichirei-value-strength__ranking::before, .nichirei-value-strength__ranking::after {
    width: 43px;
  }
  .nichirei-value-strength__ranking-item {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 8px 30px 10px;
  }
  .nichirei-value-strength__ranking-head {
    margin-bottom: 0;
  }
  .nichirei-value-strength__ranking-head .is-label {
    font-size: var(--mh--font-size--lg);
  }
  .nichirei-value-strength__ranking-num {
    padding: 0 47px;
    background-position: left bottom 10px, right bottom 10px, left 50% top 10px;
    background-size: 38px, 38px, 56px;
  }
  .nichirei-value-strength__ranking-num .is-big {
    font-size: 12.4rem;
  }
  .nichirei-value-strength__arrow {
    padding-block: 38px 69px;
  }
  .nichirei-value-strength__arrow::before {
    height: calc(100% - 30px);
  }
  .nichirei-value-strength__arrow::after {
    width: 34px;
    height: 33px;
  }
  .nichirei-value-strength__contents {
    display: grid;
    grid-template-columns: 49.0909090909% 1fr;
    align-items: center;
    max-width: var(--mh--contents--width);
    margin: -80px auto -35px;
  }
  .nichirei-value-strength__contents-area-txt {
    padding: 60px 60px 60px 340px;
    margin: 0 0 0 -286px;
  }
  .nichirei-value-strength__box {
    grid-template-columns: 1fr 36.171875%;
    align-items: center;
    background-image: url("../img/nichirei/bg_strength01_pc.png");
    background-size: 430px;
  }
}
/* .nichirei-loop-txt
================================================ */
.nichirei-loop-txt {
  display: grid;
  overflow: hidden;
}
.nichirei-loop-txt__item {
  position: relative;
  top: 0;
  display: inline-block;
  grid-area: 1/1/1/1;
  width: fit-content;
  min-width: 100%;
  padding-right: 0.5em;
  font-size: 7rem;
  white-space: nowrap;
  animation: loop-txt 30s linear infinite;
}
.nichirei-loop-txt__item:nth-child(1) {
  left: 0;
}
.nichirei-loop-txt__item:nth-child(2) {
  right: 100%;
  justify-self: end;
}
@media (width >= 768px ) {
  .nichirei-loop-txt__item {
    font-size: 20rem;
    animation: loop-txt 50s linear infinite;
  }
}
/* .nichirei-global
================================================ */
.nichirei-global__inner {
  padding-block: var(--mh--space--x2l);
}
.nichirei-global-sec__txt {
  font-size: var(--mh--font-size--lg);
}
.nichirei-global-arrow {
  position: relative;
  padding-block: 20px 29px;
  margin-block: var(--mh--space--x3s);
}
.nichirei-global-arrow::before {
  position: absolute;
  inset-inline: 0;
  top: 0;
  width: 7px;
  height: calc(100% - 15px);
  margin-inline: auto;
  content: "";
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2213%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2013%22%3E%0A%3Cmask%20id%3D%22a%22%20width%3D%227%22%20height%3D%2213%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%200h7v13H0z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%23E2D8B7%22%20d%3D%22M0%2055.954a3.5%203.5%200%201%201%207%200V56H0v-.046Zm0-13a3.5%203.5%200%201%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%201%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%200%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092Zm0-13a3.5%203.5%200%200%201%207%200v.092a3.5%203.5%200%201%201-7%200v-.092ZM0-9h7v.046a3.5%203.5%200%201%201-7%200V-9Z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") repeat-y left top/contain;
}
.nichirei-global-arrow::after {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  width: 17px;
  height: 16px;
  margin-inline: auto;
  content: "";
  background-color: #e2d8b7;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.nichirei-global-arrow__txt {
  position: relative;
  font-size: var(--mh--font-size--x3l);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  text-align: center;
  -webkit-text-stroke: 4px var(--mh--color--surface-200);
  paint-order: stroke fill;
}
@media (width >= 768px ) {
  .nichirei-global-arrow {
    padding-block: 38px 69px;
  }
  .nichirei-global-arrow::before {
    height: calc(100% - 30px);
  }
  .nichirei-global-arrow::after {
    width: 34px;
    height: 33px;
  }
}
/* .support-benefits
================================================ */
.support-benefits {
  --content-height: auto;
  padding-block: var(--mh--space--xl);
}
.support-benefits__list {
  display: grid;
  gap: 20px;
}
.support-benefits__item {
  border-radius: var(--mh--border-radius--md);
  overflow: hidden;
}
.support-benefits__item-content {
  background: var(--mh--color--surface-200);
  padding: 20px 20px var(--mh--space--15-20);
}
.support-benefits__item-head {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: var(--mh--space--10-15);
  margin-bottom: 10px;
}
.support-benefits__item-head-main {
  font-size: var(--mh--font-size--xl);
  line-height: var(--mh--line-height--md);
}
.support-benefits__item-txt {
  font-size: var(--mh--font-size--sm);
}
.support-benefits__item-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 20px;
  background: var(--mh--color--surface-200);
}
.support-benefits__item-comment {
  display: none;
  width: 100%;
  padding: 15px;
  margin-bottom: var(--mh--space--15-20);
  background: var(--mh--color--grayscale-200);
  border-radius: var(--mh--border-radius--md);
}
.support-benefits__item-comment-txt {
  font-size: var(--mh--font-size--sm);
}
.support-benefits__item-comment-info {
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.support-benefits__item-comment-name {
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
}
.support-benefits__item-comment-btn {
  position: relative;
  display: inline-block;
  width: auto;
  font-size: var(--mh--font-size--xs);
  line-height: var(--mh--line-height--md);
  font-weight: bold;
  border: none;
  padding-right: 16px;
}
.support-benefits__item-comment-btn::before, .support-benefits__item-comment-btn::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 14px;
  height: 1px;
  background: var(--mh--color--primary-500);
}
.support-benefits__item-comment-btn::after {
  transform: rotate(90deg);
  transition: transform var(--mh--duration) var(--mh--easing);
}
.support-benefits__item-comment-btn.is-open::after {
  transform: rotate(0);
}
@media (width >= 768px ) {
  .support-benefits__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .support-benefits__item {
    display: flex;
    flex-direction: column;
  }
}
/* .training-concept
================================================ */
.training-concept {
  padding-block: var(--mh--space--xl);
}
.training-concept__img-in img {
  width: 100%;
}
@media (width < 768px) {
  .training-concept__img {
    overflow-x: auto;
  }
  .training-concept__img-in {
    min-width: 703px;
    padding-bottom: 20px;
  }
}
/* .training-systems
================================================ */
.training-systems {
  padding-block: var(--mh--space--xl);
}
.training-systems__list {
  display: grid;
  gap: var(--mh--space--x3s);
}
.training-systems__item {
  position: relative;
  padding: var(--mh--space--20-30);
  border: 1px solid var(--mh--color--primary-500);
  border-radius: var(--mh--border-radius--md);
  background: var(--mh--color--grayscale-200);
}
.training-systems__item-head {
  margin-bottom: var(--mh--space--10-15);
}
.training-systems__item-ico {
  position: absolute;
  bottom: -10px;
  right: -10px;
  width: 140px;
  height: 140px;
}
@media (width >= 768px ) {
  .training-systems__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.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 < 768px) {
  .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 < 1400px) {
  .u-hidden-x2l-down {
    display: none;
  }
}
@media (width >= 640px) {
  .u-hidden-sm-up {
    display: none;
  }
}
@media (width >= 768px ) {
  .u-hidden-md-up {
    display: none;
  }
}
@media (width >= 1100px ) {
  .u-hidden-lg-up {
    display: none;
  }
}
@media (width >= 1280px ) {
  .u-hidden-xl-up {
    display: none;
  }
}
@media (width >= 1400px ) {
  .u-hidden-x2l-up {
    display: none;
  }
}
/* overflow
-------------------------------------- */
.u-overflow-auto {
  overflow: auto;
}
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-visible {
  overflow: visible;
}
/* screen reader
-------------------------------------- */
.u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  clip: rect(0, 0, 0, 0);
}
/* text-transform
-------------------------------------- */
.u-uppercase {
  text-transform: uppercase;
}
.u-capitalize {
  text-transform: capitalize;
}
/* text-align
-------------------------------------- */
.u-text-left {
  text-align: left;
}
.u-text-right {
  text-align: right;
}
.u-text-center {
  text-align: center;
}
@media (width < 640px) {
  .u-text-left-sm-down {
    text-align: left;
  }
}
@media (width < 640px) {
  .u-text-right-sm-down {
    text-align: right;
  }
}
@media (width < 640px) {
  .u-text-center-sm-down {
    text-align: center;
  }
}
@media (width < 768px) {
  .u-text-left-md-down {
    text-align: left;
  }
}
@media (width < 768px) {
  .u-text-right-md-down {
    text-align: right;
  }
}
@media (width < 768px) {
  .u-text-center-md-down {
    text-align: center;
  }
}
@media (width < 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 >= 768px ) {
  .u-text-left-md-up {
    text-align: left;
  }
}
@media (width >= 768px ) {
  .u-text-right-md-up {
    text-align: right;
  }
}
@media (width >= 768px ) {
  .u-text-center-md-up {
    text-align: center;
  }
}
@media (width >= 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-x3s {
  font-size: var(--mh--font-size--x3s);
}
.u-text-x2s {
  font-size: var(--mh--font-size--x2s);
}
.u-text-xs {
  font-size: var(--mh--font-size--xs);
}
.u-text-sm {
  font-size: var(--mh--font-size--sm);
}
.u-text-md {
  font-size: var(--mh--font-size--md);
}
.u-text-lg {
  font-size: var(--mh--font-size--lg);
}
.u-text-xl {
  font-size: var(--mh--font-size--xl);
}
.u-text-x2l {
  font-size: var(--mh--font-size--x2l);
}
.u-text-x3l {
  font-size: var(--mh--font-size--x3l);
}
.u-text-x4l {
  font-size: var(--mh--font-size--x4l);
}
.u-text-x5l {
  font-size: var(--mh--font-size--x5l);
}
.u-text-x6l {
  font-size: var(--mh--font-size--x6l);
}
.u-text-x7l {
  font-size: var(--mh--font-size--x7l);
}
.u-text-x8l {
  font-size: var(--mh--font-size--x8l);
}
.u-text-x9l {
  font-size: var(--mh--font-size--x9l);
}
.u-text-x10l {
  font-size: var(--mh--font-size--x10l);
}
.u-text-x11l {
  font-size: var(--mh--font-size--x11l);
}
.u-text-x12l {
  font-size: var(--mh--font-size--x12l);
}
.u-text-x13l {
  font-size: var(--mh--font-size--x13l);
}
.u-text-x14l {
  font-size: var(--mh--font-size--x14l);
}
/* 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-variation-settings: "slnt" 0;
  font-weight: 500;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.u-font-en-slant {
  font-family: var(--mh--font-family--en);
  font-variation-settings: "slnt" -10;
  font-weight: 500;
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
}
.u-font-en-lexend {
  font-family: var(--mh--font-family--en-lexend);
  line-height: var(--mh--line-height--sm);
  letter-spacing: var(--mh--letter-spacing--sm);
}
/* position
-------------------------------------- */
.u-relative {
  position: relative;
}
.u-absolute {
  position: absolute !important;
}
/* layout
-------------------------------------- */
.u-inner {
  padding-right: var(--mh--contents--padding--side);
  padding-left: var(--mh--contents--padding--side);
}
@media (width >= 768px ) {
  .u-inner {
    width: 100%;
    max-width: var(--mh--contents--width-with-padding);
    margin-right: auto;
    margin-left: auto;
  }
}
.u-wide-inner {
  padding-right: var(--mh--contents--padding--side);
  padding-left: var(--mh--contents--padding--side);
}
@media (width >= 768px ) {
  .u-wide-inner {
    width: 100%;
    max-width: var(--mh--contents--wide-width-with-padding);
    margin-right: auto;
    margin-left: auto;
  }
}
.u-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;
  }
}
@media (hover: hover) and (pointer: fine) {
  .u-hover-underline {
    position: relative;
  }
  .u-hover-underline::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: currentcolor;
    transform: scaleX(0);
    transform-origin: top right;
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .u-hover-underline:hover::before {
    transform: scaleX(1);
    transform-origin: top left;
  }
}
.u-media-query {
  font-family: sp;
}
@media (width >= 768px ) {
  .u-media-query {
    font-family: tb;
  }
}
@media (width >= 1100px ) {
  .u-media-query {
    font-family: pc;
  }
}
.u-text-primary-500 {
  color: var(--mh--color--primary-500);
}
.u-text-primary-600_hover {
  color: var(--mh--color--primary-600_hover);
}
.u-text-surface-100 {
  color: var(--mh--color--surface-100);
}
.u-text-surface-200 {
  color: var(--mh--color--surface-200);
}
.u-text-surface-300 {
  color: var(--mh--color--surface-300);
}
.u-text-surface-400 {
  color: var(--mh--color--surface-400);
}
.u-text-surface-600 {
  color: var(--mh--color--surface-600);
}
.u-text-grayscale-100 {
  color: var(--mh--color--grayscale-100);
}
.u-text-grayscale-200 {
  color: var(--mh--color--grayscale-200);
}
.u-text-grayscale-300 {
  color: var(--mh--color--grayscale-300);
}
.u-text-grayscale-500 {
  color: var(--mh--color--grayscale-500);
}
.u-text-grayscale-800 {
  color: var(--mh--color--grayscale-800);
}
.u-text-grayscale-900 {
  color: var(--mh--color--grayscale-900);
}
.u-bg-primary-500 {
  background-color: var(--mh--color--primary-500);
}
.u-bg-primary-600_hover {
  background-color: var(--mh--color--primary-600_hover);
}
.u-bg-surface-100 {
  background-color: var(--mh--color--surface-100);
}
.u-bg-surface-200 {
  background-color: var(--mh--color--surface-200);
}
.u-bg-surface-300 {
  background-color: var(--mh--color--surface-300);
}
.u-bg-surface-400 {
  background-color: var(--mh--color--surface-400);
}
.u-bg-surface-600 {
  background-color: var(--mh--color--surface-600);
}
.u-bg-grayscale-100 {
  background-color: var(--mh--color--grayscale-100);
}
.u-bg-grayscale-200 {
  background-color: var(--mh--color--grayscale-200);
}
.u-bg-grayscale-300 {
  background-color: var(--mh--color--grayscale-300);
}
.u-bg-grayscale-500 {
  background-color: var(--mh--color--grayscale-500);
}
.u-bg-grayscale-800 {
  background-color: var(--mh--color--grayscale-800);
}
.u-bg-grayscale-900 {
  background-color: var(--mh--color--grayscale-900);
}
/* 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-space-60-180 {
  height: var(--mh--space--60-180);
}
.u-m-60-180 {
  margin: var(--mh--space--60-180);
}
.u-my-60-180 {
  margin-block: var(--mh--space--60-180);
}
.u-mx-60-180 {
  margin-inline: var(--mh--space--60-180);
}
.u-mt-60-180 {
  margin-top: var(--mh--space--60-180);
}
.u-mb-60-180 {
  margin-bottom: var(--mh--space--60-180);
}
.u-ml-60-180 {
  margin-left: var(--mh--space--60-180);
}
.u-mr-60-180 {
  margin-right: var(--mh--space--60-180);
}
.u-p-60-180 {
  padding: var(--mh--space--60-180);
}
.u-py-60-180 {
  padding-block: var(--mh--space--60-180);
}
.u-px-60-180 {
  padding-inline: var(--mh--space--60-180);
}
.u-pt-60-180 {
  padding-top: var(--mh--space--60-180);
}
.u-pb-60-180 {
  padding-bottom: var(--mh--space--60-180);
}
.u-pl-60-180 {
  padding-left: var(--mh--space--60-180);
}
.u-pr-60-180 {
  padding-right: var(--mh--space--60-180);
}
.u-row-gap-60-180 {
  row-gap: var(--mh--space--60-180);
}
.u-column-gap-60-180 {
  column-gap: var(--mh--space--60-180);
}
.u-mx-auto {
  margin-inline: auto;
}