@charset "UTF-8";
:root {
  --mh--breakpoint--min: 375px;
  --mh--breakpoint--sm: 640px;
  --mh--breakpoint--md: 768px;
  --mh--breakpoint--lg: 1100px;
  --mh--breakpoint--xl: 1280px;
}
:root {
  --mh--font-family--base: "Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", meiryo, sans-serif;
  --mh--font-family--en: "Tenor Sans", sans-serif;
}
html body {
  --mh--font-size--x4s: 1rem;
  --mh--font-size--x3s: 1.1rem;
  --mh--font-size--x2s: 1.1rem;
  --mh--font-size--xs: 1.2rem;
  --mh--font-size--sm: 1.3rem;
  --mh--font-size--md: 1.4rem;
  --mh--font-size--lg: 1.5rem;
  --mh--font-size--xl: 1.6rem;
  --mh--font-size--x2l: 1.7rem;
  --mh--font-size--x3l: 1.8rem;
  --mh--font-size--x4l: 2rem;
  --mh--font-size--x5l: 2.1rem;
  --mh--font-size--x6l: 2.2rem;
  --mh--font-size--x7l: 2.4rem;
  --mh--font-size--x8l: 2.6rem;
  --mh--font-size--x9l: 2.8rem;
}
@media (width >= 768px ) {
  html body {
    --mh--font-size--x3s: 1rem;
    --mh--font-size--x2s: 1.1rem;
    --mh--font-size--xs: 1.3rem;
    --mh--font-size--sm: 1.4rem;
    --mh--font-size--md: 1.6rem;
    --mh--font-size--lg: 1.8rem;
    --mh--font-size--xl: 2rem;
    --mh--font-size--x2l: 2.3rem;
    --mh--font-size--x3l: 2.6rem;
    --mh--font-size--x4l: 2.9rem;
    --mh--font-size--x5l: 3.2rem;
    --mh--font-size--x6l: 3.6rem;
    --mh--font-size--x7l: 4.1rem;
    --mh--font-size--x8l: 4.6rem;
    --mh--font-size--x9l: 5.2rem;
  }
}
:root {
  --mh--letter-spacing--md: 0em;
}
:root {
  --mh--line-height--none: 1;
  --mh--line-height--md: 1.5;
  --mh--line-height--lg: 2;
}
:root {
  --mh--font-weight--normal: 500;
  --mh--font-weight--en: 400;
}
:root {
  --mh--header--height: 87px;
}
@media (width >= 768px ) {
  :root {
    --mh--header--height: 142px;
  }
}
: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-100: rgb(232, 235, 245);
  --mh--color--primary-300: rgb(115, 132, 206);
  --mh--color--primary-500: rgb(59, 72, 128);
  --mh--color--primary-500_op90: rgba(59, 72, 128, 0.9);
  --mh--color--grayscale-800: rgb(136, 136, 136);
  --mh--color--grayscale-500: rgb(204, 204, 204);
  --mh--color--grayscale-100: rgb(255, 255, 255);
  --mh--color--grayscale-100_op93: rgba(255, 255, 255, 0.93);
  --mh--color--category-blue-500: rgb(33, 135, 179);
  --mh--color--category-purple-500: rgb(147, 117, 190);
  --mh--color--category-pink-500: rgb(255, 155, 155);
  --mh--gradient02: linear-gradient(299.6deg, rgb(47, 69, 165) 0%, rgb(76, 86, 208) 100%);
  --mh--gradient01: linear-gradient(0deg, rgba(59, 72, 128, 0) 0%, rgb(59, 72, 128) 30%, rgb(59, 72, 128) 65%, rgba(59, 72, 128, 0) 100%);
}
:root {
  --mh--easing: ease;
  --mh--duration: 0.3s;
}
:root {
  --mh--space--x2s: 5px;
  --mh--space--xs: 10px;
  --mh--space--sm: 15px;
  --mh--space--md: 20px;
  --mh--space--lg: 25px;
  --mh--space--xl: 30px;
  --mh--space--x2l: 35px;
  --mh--space--x3l: 40px;
  --mh--space--x4l: 45px;
  --mh--space--x5l: 50px;
  --mh--space--x6l: 55px;
  --mh--space--x7l: 60px;
}
@media (width >= 768px ) {
  :root {
    --mh--space--x2s: 10px;
    --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;
    --mh--space--x6l: 110px;
    --mh--space--x7l: 120px;
  }
}
:root {
  --mh--padding--x3s: 5px;
  --mh--padding--x2s: 10px;
  --mh--padding--xs: 15px;
  --mh--padding--sm: 20px;
  --mh--padding--md: 25px;
  --mh--padding--lg: 30px;
  --mh--padding--xl: 35px;
  --mh--padding--x2l: 40px;
  --mh--padding--x3l: 45px;
}
@media (width >= 768px ) {
  :root {
    --mh--padding--x3s: 10px;
    --mh--padding--x2s: 20px;
    --mh--padding--xs: 30px;
    --mh--padding--sm: 40px;
    --mh--padding--md: 50px;
    --mh--padding--lg: 60px;
    --mh--padding--xl: 70px;
    --mh--padding--x2l: 80px;
    --mh--padding--x3l: 90px;
  }
}
* {
  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 {
  width: 100%;
  height: auto;
  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;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--mh--font-weight--normal);
}
ul,
ol {
  list-style: none;
}
a[class] {
  text-decoration: none;
}
input,
select {
  appearance: none;
}
input,
button,
textarea,
select,
input[type=file]::-webkit-file-upload-button {
  font: inherit;
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
a[href],
area,
button,
input,
label[for],
select,
summary,
textarea,
[tabindex]:not([tabindex*="-"]) {
  touch-action: manipulation;
  cursor: pointer;
}
input[type=file] {
  cursor: auto;
}
button,
button[type],
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
button[disabled],
button[type][disabled],
input[type=button][disabled],
input[type=submit][disabled],
input[type=reset][disabled] {
  cursor: not-allowed;
}
/* 02_base
================================================ */
html:not([class=is-no-smoothscroll]) {
  scroll-behavior: smooth;
}
body {
  min-width: 320px;
  font-family: var(--mh--font-family--base);
  font-size: var(--mh--font-size--md);
  line-height: var(--mh--line-height--md);
  color: var(--mh--color--primary-500);
  -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);
}
.l-wrapper-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: -1;
}
@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;
  }
}
body#home header, body#home footer {
  display: none;
}
body#diagnosis-question footer {
  display: none;
}
/*  .c-archive01
================================================== */
.c-archive01 {
  --line: 1;
  --line-height: 1.8;
}
.c-archive01__item {
  border-style: solid;
  border-width: 1px 0 0;
}
.c-archive01__item:last-child {
  border-width: 1px 0;
}
.c-archive01__item-in {
  display: block;
  padding: 10px 0;
}
.c-archive01__item-meta {
  display: flex;
  flex-wrap: wrap;
}
.c-archive01__item-date {
  padding: 5px 0;
  margin: 0 10px 0 0;
}
.c-archive01__item-cat {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 -5px -5px 0;
}
.c-archive01__item-cat-item {
  padding: 5px 10px;
  margin: 0 5px 5px 0;
  color: #fff;
  background: #000;
}
.c-archive01__item-head {
  display: -webkit-box;
  max-height: calc(var(--line) * var(--line-height) * 1em);
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--line);
  line-height: var(--line-height);
  -webkit-box-orient: vertical;
}
@media (width >= 768px ) {
  .c-archive01 {
    --line: 2;
  }
}
/* .c-blockquote01
================================================== */
.c-blockquote01 {
  padding: 15px;
  border: 1px solid var(--mh--color--primary-700);
}
@media (width >= 768px ) {
  .c-blockquote01 {
    padding: 25px;
  }
}
/* .c-box01
================================================== */
.c-box01 {
  position: relative;
  max-width: 740px;
  margin: 0 auto;
  color: var(--mh--color--primary-500);
}
.c-box01::before, .c-box01::after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  right: -10px;
  height: 10px;
  background-color: var(--mh--color--grayscale-100_op93);
  z-index: -1;
  pointer-events: none;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><circle cx="5" cy="5" r="3" fill="white"/></svg>'), linear-gradient(white, white), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), linear-gradient(white, white), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M5 0 3.65 3.65 0 5l3.65 1.35L5 10l1.34-3.65L10 5 6.34 3.65 5 0Z" fill="white"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><circle cx="5" cy="5" r="3" fill="white"/></svg>'), linear-gradient(white, white), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), linear-gradient(white, white), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M5 0 3.65 3.65 0 5l3.65 1.35L5 10l1.34-3.65L10 5 6.34 3.65 5 0Z" fill="white"/></svg>');
  -webkit-mask-size: 10px 10px, calc(50% - 13px - 6px) 1px, 10px 10px, calc(50% - 13px - 6px) 1px, 10px 10px;
  mask-size: 10px 10px, calc(50% - 13px - 6px) 1px, 10px 10px, calc(50% - 13px - 6px) 1px, 10px 10px;
  -webkit-mask-position: left center, 13px center, center center, right 13px center, right center;
  mask-position: left center, 13px center, center center, right 13px center, right center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.c-box01::before {
  top: 0;
}
.c-box01::after {
  bottom: 0;
}
.c-box01__inner {
  position: relative;
  padding: 46px 20px;
}
.c-box01__inner::before, .c-box01__inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.c-box01__inner::before {
  top: 16px;
  bottom: 16px;
  left: 0;
  right: 0;
  background-color: var(--mh--color--grayscale-100_op93);
  border-radius: 5px;
}
.c-box01__inner::after {
  top: 13px;
  bottom: 13px;
  left: -6px;
  right: -6px;
  border-left: 1px solid var(--mh--color--grayscale-100_op93);
  border-right: 1px solid var(--mh--color--grayscale-100_op93);
}
@media (width >= 768px ) {
  .c-box01 {
    height: 457px;
  }
  .c-box01::before, .c-box01::after {
    left: -14px;
    right: -14px;
  }
  .c-box01__inner {
    height: 100%;
    display: grid;
    place-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 64px;
  }
  .c-box01__inner::before {
    top: 20px;
    bottom: 20px;
  }
  .c-box01__inner::after {
    top: 13px;
    bottom: 13px;
    left: -10px;
    right: -10px;
  }
  .c-box01__con {
    width: 100%;
  }
}
.c-box02 {
  background-color: var(--mh--color--grayscale-100_op93);
  border-radius: 5px;
  padding: 5px;
  padding-bottom: 30px;
}
.c-box02__head {
  padding-block: 30px;
}
.c-box02__con {
  padding-inline: 15px;
}
@media (width >= 768px ) {
  .c-box02 {
    padding: 10px;
    padding-bottom: 80px;
  }
  .c-box02.is-space-lg {
    padding-bottom: 100px;
  }
  .c-box02.is-space-lg .c-box02__head {
    padding-block: 125px;
  }
  .c-box02__head {
    padding-block: 50px 40px;
  }
  .c-box02__con {
    max-width: 900px;
    margin-inline: auto;
    padding: 0;
  }
}
.c-btn01 {
  width: 100%;
  max-width: 268px;
  margin-inline: auto;
  margin-top: 20px;
}
.c-btn01__in {
  line-height: var(--mh--line-height--sm);
  color: var(--mh--color--primary-500);
  background-color: var(--mh--color--grayscale-100);
  border-radius: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 12px 30px;
  border: none;
}
.c-btn01.is-disabled {
  pointer-events: none;
}
@media (width >= 768px ) {
  .c-btn01 {
    max-width: 330px;
    margin-top: 40px;
  }
  .c-btn01__in {
    padding-block: 15px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01__in {
    transition: var(--mh--duration) var(--mh--easing);
  }
  .c-btn01__in:hover {
    background-color: var(--mh--color--primary-500);
    color: var(--mh--color--grayscale-100);
  }
}
.c-btn01.is-color-gradient {
  position: relative;
  z-index: 0;
  padding: 6px;
}
.c-btn01.is-color-gradient .c-btn01__in {
  background-color: transparent;
  position: relative;
  color: var(--mh--color--grayscale-100);
}
.c-btn01.is-color-gradient .c-btn01__in::before, .c-btn01.is-color-gradient .c-btn01__in::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: 90px;
  background: var(--Linear, linear-gradient(288deg, #ffa5d6 0%, #5e7cff 103.89%));
  transition: var(--mh--duration) var(--mh--easing);
  pointer-events: none;
}
.c-btn01.is-color-gradient .c-btn01__in::after {
  background: var(--mh--color--primary-500);
  opacity: 0;
}
.c-btn01.is-color-gradient .c-btn01__deco {
  display: block;
  position: absolute;
  inset: -4px 0 -4px 0;
  left: 1px;
  background-color: var(--mh--color--grayscale-100);
  z-index: -1;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.071.004-3.536%201.62L.004%200l1.619%203.535L0%207.068%203.53%205.44l3.545%201.624L5.442%203.53%207.072.004Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.071.004-3.536%201.62L.004%200l1.619%203.535L0%207.068%203.53%205.44l3.545%201.624L5.442%203.53%207.072.004Z%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%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.071.004-3.536%201.62L.004%200l1.619%203.535L0%207.068%203.53%205.44l3.545%201.624L5.442%203.53%207.072.004Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m7.071.004-3.536%201.62L.004%200l1.619%203.535L0%207.068%203.53%205.44l3.545%201.624L5.442%203.53%207.072.004Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  -webkit-mask-size: 7px 7px, 7px 7px;
  mask-size: 7px 7px, 7px 7px;
  -webkit-mask-position: top center, bottom center;
  mask-position: top center, bottom center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.c-btn01.is-color-gradient .c-btn01__border {
  display: block;
  position: absolute;
  inset: 0;
}
.c-btn01.is-color-gradient .c-btn01__border-left {
  position: absolute;
  width: calc(50% - 5px);
  height: 100%;
  top: 0;
}
.c-btn01.is-color-gradient .c-btn01__border-left::before, .c-btn01.is-color-gradient .c-btn01__border-left::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 90px 0 0 90px;
  border: 1px solid var(--mh--color--grayscale-100);
  border-right: 0;
  z-index: -1;
}
.c-btn01.is-color-gradient .c-btn01__border-left::before {
  top: 0;
  clip-path: inset(0 0 50% 0);
}
.c-btn01.is-color-gradient .c-btn01__border-left::after {
  bottom: 0;
  clip-path: inset(50% 0 0 0);
}
.c-btn01.is-color-gradient .c-btn01__border-right {
  position: absolute;
  width: calc(50% - 6px);
  height: 100%;
  top: 0;
  right: 0;
}
.c-btn01.is-color-gradient .c-btn01__border-right::before, .c-btn01.is-color-gradient .c-btn01__border-right::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 0 90px 90px 0;
  border: 1px solid var(--mh--color--grayscale-100);
  border-left: 0;
  z-index: -1;
}
.c-btn01.is-color-gradient .c-btn01__border-right::before {
  top: 0;
  clip-path: inset(0 0 50% 0);
}
.c-btn01.is-color-gradient .c-btn01__border-right::after {
  bottom: 0;
  clip-path: inset(50% 0 0 0);
}
@media (width >= 768px ) {
  .c-btn01.is-color-gradient {
    padding: 8px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01.is-color-gradient .c-btn01__in:hover::after {
    opacity: 1;
  }
}
.c-btn01-wrap {
  margin-top: var(--mh--space--x4l);
  display: grid;
  gap: 20px;
}
.c-btn01-wrap .c-btn01 {
  margin-top: 0;
}
@keyframes right-before {
  0% {
    clip-path: inset(0 100% 50% 0);
  }
  50% {
    clip-path: inset(0 20% 50% 0);
  }
  100% {
    clip-path: inset(0 0 50% 0);
  }
}
@keyframes right-after {
  0% {
    clip-path: inset(50% 0 0 100%);
  }
  50% {
    clip-path: inset(50% 0 0 20%);
  }
  100% {
    clip-path: inset(50% 0 0 0);
  }
}
@keyframes left-after {
  from {
    clip-path: inset(50% 0 0 100%);
  }
  to {
    clip-path: inset(50% 0 0 0);
  }
}
@keyframes left-before {
  0% {
    clip-path: inset(0 100% 50% 0);
  }
  50% {
    clip-path: inset(0 20% 50% 0);
  }
  100% {
    clip-path: inset(0 0 50% 0);
  }
}
.c-btn01.is-color-gradient.is-anime .c-btn01__border .c-btn01__border-right::before {
  animation: right-before 0.2s linear 0s forwards;
}
.c-btn01.is-color-gradient.is-anime .c-btn01__border .c-btn01__border-right::after {
  animation: right-after 0.2s linear 0.2s forwards;
}
.c-btn01.is-color-gradient.is-anime .c-btn01__border .c-btn01__border-left::after {
  animation: left-after 0.2s linear 0.3s forwards;
}
.c-btn01.is-color-gradient.is-anime .c-btn01__border .c-btn01__border-left::before {
  animation: left-before 0.2s linear 0.52s forwards;
}
@media (hover: hover) and (pointer: fine) {
  .c-btn01.is-color-gradient:hover .c-btn01__border-right::before {
    animation: right-before 0.1s linear 0s forwards;
  }
  .c-btn01.is-color-gradient:hover .c-btn01__border-right::after {
    animation: right-after 0.1s linear 0.1s forwards;
  }
  .c-btn01.is-color-gradient:hover .c-btn01__border-left::after {
    animation: left-after 0.1s linear 0.2s forwards;
  }
  .c-btn01.is-color-gradient:hover .c-btn01__border-left::before {
    animation: left-before 0.1s linear 0.3s forwards;
  }
}
/* .c-form
================================================== */
.c-form input[type=text],
.c-form input[type=email],
.c-form input[type=tel],
.c-form textarea,
.c-form button,
.c-form select,
.c-form option {
  border: 1px solid var(--mh--color--grayscale-700);
}
.c-form input[type=text]:focus-visible,
.c-form input[type=email]:focus-visible,
.c-form input[type=tel]:focus-visible,
.c-form textarea:focus-visible,
.c-form button:focus-visible,
.c-form select:focus-visible,
.c-form option:focus-visible {
  border-color: rgb(var(--color-black01));
  box-shadow: 0 0 0 2px rgba(var(--color-black01), 0.25);
}
.c-form fieldset {
  border: none;
}
.c-form input,
.c-form textarea {
  box-sizing: border-box;
  padding: 10px;
  font-size: 1.6rem;
}
.c-form input[type=file] {
  padding: 0;
}
.c-form input[type=text],
.c-form input[type=email] {
  height: 50px;
}
.c-form input[type=radio],
.c-form input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  clip: rect(0, 0, 0, 0);
}
.c-form textarea {
  height: 200px;
}
.c-form__set {
  box-sizing: border-box;
  padding: 50px 10px 30px;
}
.c-form__set:not(:first-child) {
  border-top: 1px solid var(--mh--color--grayscale-700);
}
.c-form__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
}
.c-form__required, .c-form__optional {
  box-sizing: border-box;
  padding: 2px 10px 3px;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: var(--mh--color--primary-700);
}
.c-form__required {
  background: var(--mh--color--primary-700);
}
.c-form__optional {
  color: var(--mh--color--primary-700);
  background: rgb(var(--mh--color-grayscale-700));
  border: 1px solid var(--mh--color--grayscale-700);
}
.c-form__field-set {
  display: block;
  margin-top: 15px;
}
.c-form__field-description {
  display: grid;
  gap: 5px 0;
  margin-bottom: 10px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.c-form__field-txt {
  margin-bottom: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
}
.c-form__postcode {
  display: flex;
  align-items: start;
}
.c-form__postcode-suffix {
  margin: 13px 10px 0 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.c-form__postcode-btn {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 105px;
  height: 50px;
  padding: 10px 15px;
  margin-left: 15px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: var(--mh--color--primary-700);
}
.c-form__postcode > input,
.c-form__postcode > span {
  width: 40%;
}
.c-form__select-in {
  position: relative;
  display: inline-block;
}
.c-form__select-in select {
  padding: 13px 21px 13px 10px;
  font-size: 1.6rem;
  line-height: 2.2rem;
  cursor: pointer;
}
.c-form__select-in::after {
  position: absolute;
  top: 19px;
  right: 8px;
  width: 9px;
  height: 9px;
  content: "";
  border-right: 2px solid var(--mh--color--grayscale-700);
  border-bottom: 2px solid var(--mh--color--grayscale-700);
  transform: rotate(45deg);
}
.c-form__select-unit {
  margin-left: 2px;
  font-size: 1.6rem;
}
.c-form__select.is-date .c-form__select-year select {
  width: 80px;
}
.c-form__select.is-date .c-form__select-month select,
.c-form__select.is-date .c-form__select-day select {
  width: 66px;
}
.c-form__select label + label {
  margin-left: 9px;
}
.c-form__radio-list {
  display: grid;
  gap: 15px 19px;
}
.c-form__radio-list label {
  position: relative;
  padding-left: 37px;
  cursor: pointer;
}
.c-form__radio-list input + span::before {
  position: absolute;
  top: 14px;
  left: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  content: "";
  border: 1px solid var(--mh--color--grayscale-700);
  border-radius: 50%;
  transform: translateY(-50%);
}
.c-form__radio-list input + span::after {
  position: absolute;
  top: 8px;
  left: 6px;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background: var(--mh--color--grayscale-700);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease;
}
.c-form__radio-list input:checked + span::after {
  transform: scale(1);
}
.c-form__radio-list span {
  margin: 0;
}
.c-form__checkbox-list {
  display: grid;
  gap: 15px 19px;
}
.c-form__checkbox-list label {
  position: relative;
  display: flex;
  padding-left: 37px;
  cursor: pointer;
}
.c-form__checkbox-list input + span::before {
  position: absolute;
  top: 14px;
  left: 0;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  content: "";
  border: 1px solid var(--mh--color--grayscale-700);
  transform: translateY(-50%);
}
.c-form__checkbox-list input + span::after {
  position: absolute;
  top: 7px;
  left: 4px;
  display: block;
  width: 15px;
  height: 9px;
  content: "";
  border-color: var(--mh--color--grayscale-700);
  border-style: solid;
  border-width: 3px 3px 0 0;
  transform: scale(0) rotate(135deg);
  transition: all 0.3s ease;
}
.c-form__checkbox-list input:checked + span::after {
  transform: scale(1) rotate(135deg);
}
.c-form__checkbox-list span {
  margin: 0;
}
.c-form__radio-list label + span, .c-form__checkbox-list label + span {
  font-size: 1.6rem;
  line-height: 1.5;
}
.c-form__radio-list input:focus + span::before, .c-form__checkbox-list input:focus + span::before {
  border-color: rgb(var(--color-black01));
  box-shadow: 0 0 0 2px rgba(var(--color-black01), 0.25);
}
.c-form__radio-list input:disabled + label, .c-form__checkbox-list input:disabled + label {
  opacity: 0.5;
}
.c-form__radio-list + .c-form__radio-list, .c-form__radio-list + .c-form__checkbox-list, .c-form__checkbox-list + .c-form__radio-list, .c-form__checkbox-list + .c-form__checkbox-list {
  margin-top: 50px;
}
.c-form__radio-list.is-col2, .c-form__radio-list.is-col3, .c-form__checkbox-list.is-col2, .c-form__checkbox-list.is-col3 {
  grid-template-columns: repeat(2, 1fr);
}
.c-form__privacy {
  box-sizing: border-box;
  height: 300px;
  padding: 30px 35px;
  margin-bottom: 20px;
  overflow-y: scroll;
  border: 1px solid var(--mh--color--grayscale-700);
}
.c-form__privacy-head {
  margin-bottom: 10px;
  font-weight: bold;
}
.c-form__agreement {
  margin-bottom: 20px;
}
.c-form__agreement-txt {
  text-align: center;
}
.c-form__agreement-check {
  text-align: center;
}
.c-form__agreement-check label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
}
.c-form__agreement-check span {
  margin: 0;
}
.c-form__agreement-check input + span {
  line-height: 1.5;
}
.c-form__agreement-check input + span::before {
  position: absolute;
  top: 13px;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  border: 1px solid var(--mh--color--grayscale-700);
  transform: translateY(-50%);
}
.c-form__agreement-check input:checked + span::after {
  position: absolute;
  top: 6px;
  left: 4px;
  display: block;
  width: 15px;
  height: 9px;
  content: "";
  border-color: var(--mh--color--grayscale-700);
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
}
.c-form__agreement-check input:focus + span::before {
  border-color: rgb(var(--color-black01));
  box-shadow: 0 0 0 2px rgba(var(--color-black01), 0.25);
}
.c-form__agreement-check input:disabled + label {
  opacity: 0.5;
}
.c-form__btn {
  text-align: center;
}
.c-form__btn input {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 16px 20px;
  font-family: var(--fontfamily_base);
  color: #fff;
  appearance: none;
  outline: none;
  background-color: var(--mh--color--grayscale-700);
  border: none;
  border: 1px solid var(--mh--color--grayscale-700);
}
.c-form__btn input:focus-visible,
.c-form__btn :focus {
  border-color: rgb(var(--color-black01));
  box-shadow: 0 0 0 2px rgba(var(--color-black01), 0.25);
}
.c-form__btn input + input {
  margin-left: 20px;
}
.c-form__btn span {
  width: 0;
  margin: 0;
}
@media (width >= 768px ) {
  .c-form__head {
    display: inline-block;
  }
  .c-form__field-description {
    margin-bottom: 20px;
  }
  .c-form__postcode-btn {
    font-size: 1.6rem;
  }
  .c-form__select-in select {
    padding: 13px 40px 13px 10px;
  }
  .c-form__select-in::after {
    right: 12px;
  }
  .c-form__select-unit {
    margin-left: 7px;
  }
  .c-form__select.is-date .c-form__select-year select {
    width: 150px;
  }
  .c-form__select.is-date .c-form__select-month select,
  .c-form__select.is-date .c-form__select-day select {
    width: 110px;
  }
  .c-form__select label + label {
    margin-left: 18px;
  }
  .c-form__optional, .c-form__required {
    padding: 4px 17px 5px;
    margin-left: 20px;
  }
  .c-form__radio-list, .c-form__checkbox-list {
    gap: 15px 30px;
  }
  .c-form__radio-list.is-col3, .c-form__checkbox-list.is-col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .c-form__privacy {
    height: 200px;
    padding: 40px;
  }
  .c-form__agreement {
    margin-bottom: 40px;
  }
  .c-form__btn input {
    width: 320px;
    margin: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form__btn input {
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-form__btn input:hover {
    color: var(--mh--color--primary-700);
    background: var(--mh--color--grayscale-100);
  }
}
/* .c-form-btn
================================================== */
.c-form-area-btn {
  margin-top: 35px;
}
@media (width >= 768px ) {
  .c-form-area-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 35px;
  }
}
.c-form-btn {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 320px;
  height: 60px;
  padding: 10px 20px;
  margin: 0 auto;
  font-weight: 500;
  text-align: left;
  appearance: none;
  border: 0;
}
.c-form-btn + .c-form-btn {
  margin-top: 20px;
}
@media (width >= 768px ) {
  .c-form-btn {
    max-width: 320px;
    height: 80px;
    margin: 0;
    transition: all var(--mh--duration) var(--mh--easing);
  }
  .c-form-btn + .c-form-btn {
    margin-top: 0;
    margin-left: 40px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-form-btn:hover {
    opacity: 0.8;
  }
}
/* head
================================================ */
.c-single01__content h2:not([class*=c-]), .c-surface-head {
  padding: 10px !important;
  margin-top: var(--mh--space--xl);
  margin-bottom: var(--mh--space--sm);
  font-size: var(--mh--font-size--x2l);
  color: var(--mh--color--grayscale-100);
  background-color: var(--mh--color--primary-700);
}
@media (width >= 768px ) {
  .c-single01__content h2:not([class*=c-]), .c-surface-head {
    padding: 15px 20px !important;
  }
}
.c-dobble-border-head {
  position: relative;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-top: var(--mh--space--xl);
  margin-bottom: var(--mh--space--sm);
  font-size: var(--mh--font-size--x3l);
  border-bottom: 1px solid var(--mh--color--primary-700);
}
.c-dobble-border-head::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 70%;
  content: "";
  background: var(--mh--color--primary-700);
}
@media (width >= 768px ) {
  .c-dobble-border-head {
    padding-bottom: 15px;
    padding-left: 15px;
  }
}
.c-single01__content h3:not([class*=c-]), .c-line-head {
  position: relative;
  padding-left: 10px;
  margin-top: var(--mh--space--md);
  margin-bottom: var(--mh--space--sm);
  font-size: var(--mh--font-size--x2l);
}
.c-single01__content h3:not([class*=c-])::before, .c-line-head::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 70%;
  content: "";
  background: var(--mh--color--primary-700);
  transform: translateY(-50%);
}
@media (width >= 768px ) {
  .c-single01__content h3:not([class*=c-]), .c-line-head {
    padding-left: 15px;
  }
}
.c-under-border-head {
  padding-bottom: 10px;
  font-size: var(--mh--font-size--xl);
  border-bottom: 1px solid var(--mh--color--primary-700);
}
@media (width >= 768px ) {
  .c-under-border-head {
    padding-bottom: 20px;
  }
}
.c-single01__content h4:not([class*=c-]), .c-simple-head {
  margin: var(--mh--space--sm) 0;
  font-size: var(--mh--font-size--lg);
  color: var(--mh--color--primary-700);
}
/* list
================================================ */
.c-single01__content ul:not([class*=c-]) {
  padding-left: 0;
  margin: var(--mh--space--md) 0;
  line-height: var(--mh--line-height--md);
  list-style: none;
}
.c-single01__content ul:not([class*=c-]) li {
  position: relative;
  padding-left: 1em;
}
.c-single01__content ul:not([class*=c-]) li::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: var(--mh--color--primary-700);
  border-radius: 50%;
}
.c-single01__content ul:not([class*=c-]) li + li {
  margin-top: 0.8em;
}
.c-single01__content ul:not([class*=c-]) li ol:not([class*=c-]) {
  counter-reset: child-num;
}
.c-single01__content ul:not([class*=c-]) li ol:not([class*=c-]) > li {
  position: relative;
  padding-left: 2em;
  text-indent: -2em;
  counter-increment: child-num 1;
}
.c-single01__content ul:not([class*=c-]) li ol:not([class*=c-]) > li::before {
  position: static;
  margin-right: 5px;
  color: var(--mh--color--primary-700);
  content: counter(child-num, decimal-leading-zero) ".";
  background-color: transparent;
}
.c-single01__content ul:not([class*=c-]) li ol:not([class*=c-]) > li + li {
  margin-top: 0.8em;
}
.c-single01__content ol:not([class*=c-]) {
  padding-left: 0;
  margin: var(--mh--space--md) 0;
  line-height: var(--mh--line-height--md);
  list-style: none;
  counter-reset: num01;
}
.c-single01__content ol:not([class*=c-]) > li {
  position: relative;
  padding-left: 2em;
  counter-increment: num01 1;
}
.c-single01__content ol:not([class*=c-]) > li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--mh--color--primary-700);
  content: counter(num01, decimal-leading-zero) ".";
}
.c-single01__content ol:not([class*=c-]) > li + li {
  margin-top: 0.8em;
}
.c-single01__content ol:not([class*=c-]) > li ol:not([class*=c-]) {
  counter-reset: num02;
}
.c-single01__content ol:not([class*=c-]) > li ol:not([class*=c-]) > li {
  position: relative;
  padding-left: 3.5em;
  text-indent: -3.5em;
  counter-increment: num02 1;
}
.c-single01__content ol:not([class*=c-]) > li ol:not([class*=c-]) > li::before {
  margin-right: 5px;
  color: var(--mh--color--primary-700);
  content: counter(num01, decimal-leading-zero) "-" counter(num02, decimal-leading-zero) ".";
}
.c-single01__content ol:not([class*=c-]) > li ol:not([class*=c-]) > li + li {
  margin-top: 0.8em;
}
.c-single01__content ol:not([class*=c-]) > li ul:not([class*=c-]) {
  padding-left: 0;
  margin-top: 0.8em;
  line-height: var(--mh--line-height--md);
  list-style: none;
}
.c-single01__content ol:not([class*=c-]) > li ul:not([class*=c-]) li {
  position: relative;
  padding-left: 1em;
}
.c-single01__content ol:not([class*=c-]) > li ul:not([class*=c-]) li::before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  content: "";
  background-color: var(--mh--color--primary-700);
  border-radius: 50%;
}
.c-single01__content ol:not([class*=c-]) > li ul:not([class*=c-]) li + li {
  margin-top: 0.8em;
}
/* .c-dobble-border-head
================================================== */
/* .c-head01
================================================== */
.c-head01 {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.c-head01__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.c-head01__bg img {
  height: 100%;
  object-fit: cover;
}
.c-head01__en {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--mh--font-size--x7l);
}
.c-head01__en::before, .c-head01__en::after {
  display: block;
  width: 10px;
  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" fill="none" viewBox="0 0 10 10"><path d="M5 0 3.65 3.65 0 5l3.65 1.35L5 10l1.34-3.65L10 5 6.34 3.65 5 0Z" fill="white"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M5 0 3.65 3.65 0 5l3.65 1.35L5 10l1.34-3.65L10 5 6.34 3.65 5 0Z" fill="white"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin: 0 10px 2px;
}
.c-head01__ja {
  position: relative;
  margin-top: 5px;
}
.c-head01__txt {
  position: relative;
  margin-top: 10px;
  font-size: var(--mh--font-size--x3l);
}
.c-head01__sub {
  position: relative;
  margin-top: 5px;
}
.c-head01.is-small {
  margin-bottom: 20px;
}
.c-head01.is-small .c-head01__en {
  font-size: var(--mh--font-size--lg);
}
@media (width >= 768px ) {
  .c-head01 {
    margin-bottom: 50px;
  }
  .c-head01.is-small {
    margin-bottom: 40px;
  }
}
/* .c-line-head
================================================== */
/* .c-simple-head
================================================== */
/* .c-surface-head
================================================== */
/* .c-under-border-head
================================================== */
/* .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: block;
  width: 18px;
  height: 18px;
  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 18"><path fill="white" d="M18 10H0v-.72h15.7l-2.38-1.75.6-.53L18 10Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="white" d="M18 10H0v-.72h15.7l-2.38-1.75.6-.53L18 10Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.c-ico.is-arw01.is-back::after {
  transform: scaleX(-1);
}
/* .c-ico.is-arw02
================================================== */
.c-ico.is-arw02::after {
  display: block;
  width: 10px;
  height: 10px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2011%22%3E%0A%3Cpath%20stroke%3D%22%233B4880%22%20d%3D%22m1%203.5%204%204%204-4%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2011%22%3E%0A%3Cpath%20stroke%3D%22%233B4880%22%20d%3D%22m1%203.5%204%204%204-4%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-moon01
================================================== */
.c-ico.is-moon01::after {
  display: block;
  width: 30px;
  height: 30px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2259%22%20fill%3D%22none%22%20viewBox%3D%220%200%2060%2059%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M18.347%2023.98c0-11.477%209.275-20.776%2020.729-20.843a27.752%2027.752%200%200%200-9.066-1.518C14.604%201.62%202.12%2014.1%202.12%2029.5s12.484%2027.88%2027.89%2027.881c14.077%200%2025.442-10.17%2027.527-23.47-3.53%206.502-10.414%2010.927-18.338%2010.927a.617.617%200%200%201-.126-.017c-11.453-.068-20.726-9.364-20.726-20.84Zm1.239%200c0%2010.833%208.786%2019.605%2019.613%2019.605a.63.63%200%200%201%20.102.01c8.73-.044%2016.109-5.795%2018.608-13.705a.622.622%200%200%201%20.693-.426.62.62%200%200%201%20.518.624C58.81%2045.892%2046.099%2058.62%2030.01%2058.62%2013.92%2058.62.88%2045.585.88%2029.5S13.92.38%2030.01.38c4.764%200%209.25%201.156%2013.221%203.178a.62.62%200%200%201-.397%201.162%2019.537%2019.537%200%200%200-3.635-.346c-10.827%200-19.613%208.773-19.613%2019.605Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2259%22%20fill%3D%22none%22%20viewBox%3D%220%200%2060%2059%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M18.347%2023.98c0-11.477%209.275-20.776%2020.729-20.843a27.752%2027.752%200%200%200-9.066-1.518C14.604%201.62%202.12%2014.1%202.12%2029.5s12.484%2027.88%2027.89%2027.881c14.077%200%2025.442-10.17%2027.527-23.47-3.53%206.502-10.414%2010.927-18.338%2010.927a.617.617%200%200%201-.126-.017c-11.453-.068-20.726-9.364-20.726-20.84Zm1.239%200c0%2010.833%208.786%2019.605%2019.613%2019.605a.63.63%200%200%201%20.102.01c8.73-.044%2016.109-5.795%2018.608-13.705a.622.622%200%200%201%20.693-.426.62.62%200%200%201%20.518.624C58.81%2045.892%2046.099%2058.62%2030.01%2058.62%2013.92%2058.62.88%2045.585.88%2029.5S13.92.38%2030.01.38c4.764%200%209.25%201.156%2013.221%203.178a.62.62%200%200%201-.397%201.162%2019.537%2019.537%200%200%200-3.635-.346c-10.827%200-19.613%208.773-19.613%2019.605Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-search01
================================================== */
.c-ico.is-search01::after {
  display: block;
  width: 24px;
  height: 24px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M16.957%2015.789a.573.573%200%200%200-.406.979l6.324%206.323a.574.574%200%200%200%20.81-.81l-6.324-6.324a.57.57%200%200%200-.404-.168ZM9.947%201.745a8.604%208.604%200%201%201-8.602%208.602%208.602%208.602%200%200%201%208.602-8.602Zm0-1.145A9.747%209.747%200%200%200%20.2%2010.347a9.747%209.747%200%200%200%209.747%209.748c5.384%200%209.75-4.364%209.75-9.748C19.696%204.964%2015.33.6%209.946.6Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20d%3D%22M.2.6h24v24H.2z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M16.957%2015.789a.573.573%200%200%200-.406.979l6.324%206.323a.574.574%200%200%200%20.81-.81l-6.324-6.324a.57.57%200%200%200-.404-.168ZM9.947%201.745a8.604%208.604%200%201%201-8.602%208.602%208.602%208.602%200%200%201%208.602-8.602Zm0-1.145A9.747%209.747%200%200%200%20.2%2010.347a9.747%209.747%200%200%200%209.747%209.748c5.384%200%209.75-4.364%209.75-9.748C19.696%204.964%2015.33.6%209.946.6Z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22a%22%3E%0A%3Cpath%20d%3D%22M.2.6h24v24H.2z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-return01
================================================== */
.c-ico.is-return01::after {
  display: block;
  width: 24px;
  height: 24px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2024%22%3E%0A%3Cg%20fill%3D%22%233B4880%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22m8.706%207.443-3.594-3.28a.599.599%200%200%201%200-.884L8.706%200l.806.883-3.11%202.84%203.11%202.838-.806.883v-.001Z%22%2F%3E%0A%3Cpath%20d%3D%22M12.538%2024C6.783%2024%202.1%2019.317%202.1%2013.562h1.196c0%205.097%204.145%209.242%209.242%209.242%205.096%200%209.242-4.145%209.242-9.242%200-5.096-4.146-9.242-9.242-9.242H5.516V3.124h7.022c5.756%200%2010.438%204.683%2010.438%2010.438C22.976%2019.317%2018.293%2024%2012.538%2024Z%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%22M2.1%200h20.876v24H2.1z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2024%22%3E%0A%3Cg%20fill%3D%22%233B4880%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22m8.706%207.443-3.594-3.28a.599.599%200%200%201%200-.884L8.706%200l.806.883-3.11%202.84%203.11%202.838-.806.883v-.001Z%22%2F%3E%0A%3Cpath%20d%3D%22M12.538%2024C6.783%2024%202.1%2019.317%202.1%2013.562h1.196c0%205.097%204.145%209.242%209.242%209.242%205.096%200%209.242-4.145%209.242-9.242%200-5.096-4.146-9.242-9.242-9.242H5.516V3.124h7.022c5.756%200%2010.438%204.683%2010.438%2010.438C22.976%2019.317%2018.293%2024%2012.538%2024Z%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%22M2.1%200h20.876v24H2.1z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-keep01
================================================== */
.c-ico.is-keep01::after {
  display: block;
  width: 24px;
  height: 24px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2024%22%3E%0A%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M2.9%200v23.8l9.6-6.117%209.6%206.117V0H2.9Zm17.97%2021.565-7.71-4.912-.661-.422-.662.422-7.71%204.912V1.223h16.744v20.342h-.001Z%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%22M2.9%200h19.2v23.8H2.9z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2025%2024%22%3E%0A%3Cg%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M2.9%200v23.8l9.6-6.117%209.6%206.117V0H2.9Zm17.97%2021.565-7.71-4.912-.661-.422-.662.422-7.71%204.912V1.223h16.744v20.342h-.001Z%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%22M2.9%200h19.2v23.8H2.9z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-share01
================================================== */
.c-ico.is-share01::after {
  display: block;
  width: 24px;
  height: 24px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%3Cg%20fill%3D%22%23fff%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M4.034%2039.667H1.667V32.3c0-14.054%2011.488-25.487%2025.606-25.487h10.21v2.356h-10.21c-12.814%200-23.239%2010.375-23.239%2023.129v7.369Z%22%2F%3E%0A%3Cpath%20d%3D%22m30.443%2015.98-1.596-1.74%206.88-6.25-6.88-6.249L30.443%200l7.84%207.12a1.177%201.177%200%200%201%200%201.741l-7.84%207.12Z%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%22M1.667%200h37v39.667h-37z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20fill%3D%22none%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%3Cg%20fill%3D%22%23fff%22%20clip-path%3D%22url(%23a)%22%3E%0A%3Cpath%20d%3D%22M4.034%2039.667H1.667V32.3c0-14.054%2011.488-25.487%2025.606-25.487h10.21v2.356h-10.21c-12.814%200-23.239%2010.375-23.239%2023.129v7.369Z%22%2F%3E%0A%3Cpath%20d%3D%22m30.443%2015.98-1.596-1.74%206.88-6.25-6.88-6.249L30.443%200l7.84%207.12a1.177%201.177%200%200%201%200%201.741l-7.84%207.12Z%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%22M1.667%200h37v39.667h-37z%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-ico.is-blank01
================================================== */
.c-ico.is-blank01::after {
  display: block;
  width: 8px;
  height: 8px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%20.396a.4.4%200%200%200%200-.018l-.001-.01-.001-.01-.002-.012V.34L7.993.326V.32a.437.437%200%200%200-.009-.03L7.983.282a.547.547%200%200%200-.004-.01L7.977.263a.669.669%200%200%200-.004-.01L7.97.245%207.966.237a.67.67%200%200%200-.004-.01L7.958.22%207.953.21%207.949.203a.418.418%200%200%200-.006-.01L7.94.187a.338.338%200%200%200-.011-.016L7.922.16%207.917.155%207.91.145a.256.256%200%200%200-.007-.007L7.897.13A.366.366%200%200%200%207.87.103L7.862.097%207.855.09a.375.375%200%200%200-.016-.012L7.83.071%207.824.067%207.813.06%207.807.057%207.797.05c-.003%200-.005-.002-.007-.003a.446.446%200%200%200-.01-.005L7.773.038A.524.524%200%200%200%207.755.03L7.746.027l-.01-.004L7.73.021a.348.348%200%200%200-.011-.004L7.71.015%207.699.012%207.692.01%207.68.008%207.673.006a.426.426%200%200%200-.012-.002h-.008L7.642.001h-.01A.435.435%200%200%200%207.601%200H5.115a.397.397%200%200%200%200%20.794h1.53l-3.29%203.29a.397.397%200%201%200%20.561.563l3.29-3.29v1.475a.397.397%200%200%200%20.795%200V.396Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.162%204.168a.397.397%200%200%200-.397.397v2.64H.795v-5.97h2.604a.397.397%200%200%200%200-.795H.397A.397.397%200%200%200%200%20.838v6.765C0%207.822.178%208%20.397%208h6.765c.22%200%20.397-.178.397-.397V4.565a.397.397%200%200%200-.397-.397Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20fill%3D%22none%22%20viewBox%3D%220%200%208%208%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%20.396a.4.4%200%200%200%200-.018l-.001-.01-.001-.01-.002-.012V.34L7.993.326V.32a.437.437%200%200%200-.009-.03L7.983.282a.547.547%200%200%200-.004-.01L7.977.263a.669.669%200%200%200-.004-.01L7.97.245%207.966.237a.67.67%200%200%200-.004-.01L7.958.22%207.953.21%207.949.203a.418.418%200%200%200-.006-.01L7.94.187a.338.338%200%200%200-.011-.016L7.922.16%207.917.155%207.91.145a.256.256%200%200%200-.007-.007L7.897.13A.366.366%200%200%200%207.87.103L7.862.097%207.855.09a.375.375%200%200%200-.016-.012L7.83.071%207.824.067%207.813.06%207.807.057%207.797.05c-.003%200-.005-.002-.007-.003a.446.446%200%200%200-.01-.005L7.773.038A.524.524%200%200%200%207.755.03L7.746.027l-.01-.004L7.73.021a.348.348%200%200%200-.011-.004L7.71.015%207.699.012%207.692.01%207.68.008%207.673.006a.426.426%200%200%200-.012-.002h-.008L7.642.001h-.01A.435.435%200%200%200%207.601%200H5.115a.397.397%200%200%200%200%20.794h1.53l-3.29%203.29a.397.397%200%201%200%20.561.563l3.29-3.29v1.475a.397.397%200%200%200%20.795%200V.396Z%22%2F%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.162%204.168a.397.397%200%200%200-.397.397v2.64H.795v-5.97h2.604a.397.397%200%200%200%200-.795H.397A.397.397%200%200%200%200%20.838v6.765C0%207.822.178%208%20.397%208h6.765c.22%200%20.397-.178.397-.397V4.565a.397.397%200%200%200-.397-.397Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
}
/* .c-img01
================================================== */
.c-img01 {
  margin: var(--mh--space--md) 0;
}
/*  .c-num-list01
================================================== */
.c-num-list01 {
  counter-reset: num01 0;
}
.c-num-list01__item {
  padding-left: 2em;
  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;
  }
}
/*  .c-pager01
================================================== */
.c-pager01__result {
  margin-top: 30px;
}
.c-pager01__wrap {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.c-pager01__back, .c-pager01__next {
  color: var(--mh--color--grayscale-100);
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 20px;
  line-height: 1;
  width: fit-content;
  border-radius: 90px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: var(--mh--duration) var(--mh--easing);
}
.c-pager01__back::before, .c-pager01__next::before {
  content: "";
  background: var(--mh--gradient02);
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  transition: var(--mh--duration) var(--mh--easing);
}
.c-pager01__next {
  flex-direction: row-reverse;
}
.c-pager01__next:not(.is-disabled) {
  border-color: transparent;
}
.c-pager01__next:not(.is-disabled)::before {
  opacity: 1;
}
@media (width >= 768px ) {
  .c-pager01__wrap {
    margin-top: 40px;
  }
  .c-pager01__back, .c-pager01__next {
    padding: 10px 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-pager01__back:hover, .c-pager01__next:hover {
    border-color: transparent;
  }
  .c-pager01__back:hover::before, .c-pager01__next:hover::before {
    opacity: 1;
  }
}
/* .c-pager02
=================================== */
.c-pager02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px -5px -10px;
  overflow: hidden;
  text-align: center;
}
.c-pager02 li {
  margin: 0 5px 10px;
}
.c-pager02 li a,
.c-pager02 li span {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #000;
}
.c-pager02 li.pages span {
  width: auto;
  border: 0;
}
.c-pager02 li.current span {
  color: #fff;
  background: #000;
}
.c-pager02 li.first, .c-pager02 li.previous {
  margin-right: 15px;
}
.c-pager02 li.first a, .c-pager02 li.last a {
  width: auto;
  padding-right: 15px;
  padding-left: 15px;
  border-color: transparent;
}
.c-pager02 li.next, .c-pager02 li.last {
  margin-left: 15px;
}
.c-pager02 li.extend span {
  border: 0;
}
@media (width >= 1100px ) {
  .c-pager02 li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border: 1px solid #000;
  }
}
.c-question01 + .c-question01 {
  margin-top: 30px;
}
.c-question01__head {
  display: grid;
  justify-content: center;
  width: fit-content;
  margin: 0 auto 15px;
  padding: 4px 20px;
  border: 1px solid;
  border-radius: 9em;
}
@media (width >= 768px ) {
  .c-question01 + .c-question01 {
    margin-top: 40px;
  }
  .c-question01.is-layout-column {
    display: grid;
    grid-template-columns: auto 340px;
    gap: 40px;
    align-items: flex-start;
    width: fit-content;
    margin-inline: auto;
  }
  .c-question01.is-layout-column .c-question01__head {
    margin-bottom: 0;
  }
}
.c-question01-range {
  position: relative;
  /* WebKit系 (Chrome / Safari / iOS Safari) */
  /* Firefox */
}
.c-question01-range-control {
  position: relative;
  margin: 0 auto;
  width: 66%;
  height: 30px;
}
.c-question01-range-control__icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.c-question01-range-control__icon::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  height: 1px;
  background-color: currentColor;
}
.c-question01-range-control__icon-pointer {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  transition: left var(--mh--duration) var(--mh--easing);
  background-color: var(--mh--color--primary-500_op90);
  border-radius: 50%;
  z-index: 1;
}
.c-question01-range-control__icon-pointer::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--mh--color--grayscale-100);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="white" d="m6 15 4-4v8l-4-4Zm18 0-4 4v-8l4 4Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path fill="white" d="m6 15 4-4v8l-4-4Zm18 0-4 4v-8l4 4Z"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.c-question01-range-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.c-question01-range-list__item {
  position: relative;
  padding-top: 5px;
  text-align: center;
}
.c-question01-range-list__item::before {
  content: "";
  display: block;
  position: absolute;
  top: -15.5px;
  left: 50%;
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  border-radius: 50%;
}
.c-question01-range-list__item-txt {
  transition: transform var(--mh--duration) var(--mh--easing);
}
.c-question01-range-list__item-txt, .c-question01-range-list__item-sub {
  display: block;
  font-size: var(--mh--font-size--xs);
}
.c-question01-range-list__item.is-active .c-question01-range-list__item-txt {
  transform: scale(1.167);
}
.c-question01-range input[type=range] {
  display: block;
  position: absolute;
  width: calc(100% + 40px);
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  outline: none;
  cursor: pointer;
  appearance: none;
  background: none;
  opacity: 0;
  z-index: 1;
}
.c-question01-range input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: 50px;
  height: 50px;
  border: none;
}
.c-question01-range input[type=range]::-moz-range-thumb {
  width: 50px;
  height: 50px;
  border: none;
}
.c-question01-radio {
  display: grid;
  gap: 15px;
}
.c-question01-radio__item {
  color: var(--mh--color--grayscale-500);
}
.c-question01-radio__item:has(input:checked) {
  color: var(--mh--color--primary-500);
}
.c-question01-radio label {
  display: flex;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid;
  cursor: pointer;
}
.c-question01-radio input + span {
  display: block;
  line-height: var(--mh--line-height--sm);
  padding-block: 2px;
  padding-left: 35px;
  position: relative;
}
.c-question01-radio input + span::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  content: "";
  border: 1px solid;
  border-radius: 50%;
}
.c-question01-radio input + span::after {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  width: 13px;
  height: 13px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease;
}
.c-question01-radio input:checked + span::after {
  transform: scale(1);
}
.c-question01-radio span {
  margin: 0;
}
@media (width >= 768px ) {
  .c-question01-radio {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
  }
  .c-question01-radio label {
    height: 100%;
    display: grid;
    padding: 10px 15px;
  }
  .c-question01-radio input + span {
    padding-left: 25px;
    padding-block: 0;
  }
  .c-question01-radio input + span::before {
    width: 15px;
    height: 15px;
    top: 6px;
  }
  .c-question01-radio input + span::after {
    top: 9px;
    left: 3px;
    width: 9px;
    height: 9px;
  }
}
.c-question01-checkbox {
  display: grid;
  gap: 15px;
}
.c-question01-checkbox__item {
  color: var(--mh--color--grayscale-500);
}
.c-question01-checkbox__item:has(input:checked) {
  color: var(--mh--color--primary-500);
}
.c-question01-checkbox label {
  display: flex;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid;
  cursor: pointer;
}
.c-question01-checkbox input + span {
  display: block;
  line-height: var(--mh--line-height--sm);
  padding-block: 2px;
  padding-left: 35px;
  position: relative;
}
.c-question01-checkbox input + span::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  content: "";
  border: 1px solid;
}
.c-question01-checkbox input + span::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 3px;
  display: block;
  width: 19px;
  height: 14px;
  background-color: currentColor;
  color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2019%2014%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M19%20.957%206.273%2014l-.523-.507L0%207.927l1.016-.983%205.227%205.058L17.956%200%2019%20.957Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2019%2014%22%3E%0A%3Cpath%20fill%3D%22%233B4880%22%20d%3D%22M19%20.957%206.273%2014l-.523-.507L0%207.927l1.016-.983%205.227%205.058L17.956%200%2019%20.957Z%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  transform: scale(0);
  transition: all 0.3s ease;
}
.c-question01-checkbox input:checked + span::after {
  transform: scale(1);
}
.c-question01-checkbox span {
  margin: 0;
}
@media (width >= 768px ) {
  .c-question01-checkbox {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 15px;
  }
  .c-question01-checkbox label {
    height: 100%;
    display: grid;
    padding: 10px 15px;
  }
  .c-question01-checkbox input + span {
    padding-left: 25px;
    padding-block: 0;
  }
  .c-question01-checkbox input + span::before {
    width: 15px;
    height: 15px;
    top: 6px;
  }
  .c-question01-checkbox input + span::after {
    top: 9px;
    left: 2px;
    width: 11px;
    height: 8px;
  }
}
/*  .c-set01.is-reverse
================================================== */
@media (width >= 768px ) {
  .c-set01.is-reverse {
    flex-direction: row;
  }
  .c-set01.is-reverse .c-set01__img {
    margin: 0 0 0 40px !important;
  }
}
/*  .c-set01
================================================== */
.c-set01__img {
  margin-top: 30px !important;
}
@media (width >= 768px ) {
  .c-set01 {
    flex-direction: row-reverse;
  }
  .c-set01__img {
    flex-basis: auto !important;
    width: 40%;
    margin: 0 40px 0 0 !important;
  }
  .c-set01__area-txt {
    flex-basis: auto !important;
    width: calc(100% - 480px);
  }
}
/* .c-single01
================================================== */
.c-single01__content {
  overflow: hidden;
}
.c-single01__content > *:first-child {
  margin-top: 0 !important;
}
.c-single01__content > *:last-child {
  margin-bottom: 0 !important;
}
.c-single01__content p {
  margin: var(--mh--space--xs) 0;
}
.c-single01__content h1:not([class*=c-]),
.c-single01__content h2:not([class*=c-]),
.c-single01__content h3:not([class*=c-]),
.c-single01__content h4:not([class*=c-]),
.c-single01__content h5:not([class*=c-]),
.c-single01__content h6:not([class*=c-]) {
  clear: both;
  margin: var(--mh--space--lg) 0 var(--mh--space--md);
  font-weight: 700;
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing);
}
.c-single01__content h5:not([class*=c-]),
.c-single01__content h6:not([class*=c-]) {
  font-size: var(--mh--font-size--md);
}
.c-single01__content ul:not([class*=c-]) ul:not([class*=c-]),
.c-single01__content ul:not([class*=c-]) ol:not([class*=c-]),
.c-single01__content ol:not([class*=c-]) ul:not([class*=c-]),
.c-single01__content ol:not([class*=c-]) ol:not([class*=c-]) {
  margin: 0.8em 0 0;
}
.c-single01__content blockquote {
  padding: 20px;
  margin: var(--mh--space--md) 0;
  border: 1px solid var(--mh--color--primary-700);
}
.c-single01__content blockquote > *:first-child {
  margin-top: 0;
}
.c-single01__content figure {
  margin: var(--mh--space--md) 0;
}
.c-single01__content *:not(.c-link01) a {
  color: var(--mh--color--primary-700);
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  .c-single01__content *:not(.c-link01) a:hover {
    text-decoration: none !important;
  }
}
/* .l-breadcrumb
================================================ */
.l-breadcrumb__inner {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* .l-breadcrumb-list
================================================ */
.l-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
}
.l-breadcrumb-list__item {
  display: inline-block;
  vertical-align: top;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item {
  margin-left: 5px;
}
.l-breadcrumb-list__item + .l-breadcrumb-list__item::before {
  margin-right: 5px;
  content: ">";
}
@media (width < 768px) {
  .l-breadcrumb-list {
    flex-wrap: nowrap;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .l-breadcrumb-list::-webkit-scrollbar {
    display: none;
  }
}
/* .l-footer
================================================ */
.l-footer {
  position: relative;
  color: var(--mh--color--grayscale-100);
  text-align: center;
}
.l-footer__inner {
  padding-block: 90px;
}
.l-footer__logo {
  max-width: 157px;
  margin-inline: auto;
  margin-bottom: 20px;
}
.l-footer__nav {
  font-size: var(--mh--font-size--sm);
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 80px;
}
.l-footer__nav-link {
  line-height: 1 !important;
  display: block;
}
.l-footer-cr {
  margin-top: 20px;
}
.l-footer-cr__txt {
  display: block;
  line-height: 1 !important;
}
@media (width >= 768px ) {
  .l-footer__inner {
    padding-block: 120px 105px;
  }
  .l-footer__logo {
    max-width: 207px;
    margin-bottom: 30px;
  }
  .l-footer__nav {
    margin-top: 100px;
    gap: 40px;
  }
  .l-footer-cr {
    margin-top: 30px;
  }
}
/* .l-header
================================================ */
.l-header {
  width: 100%;
  min-width: 320px;
  color: var(--mh--color--grayscale-100);
}
.l-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  height: var(--mh--header--height);
}
/* .l-header-logo
================================================== */
.l-header-logo {
  width: 76px;
}
.l-header-logo svg {
  display: block;
  width: 100%;
}
@media (width >= 768px ) {
  .l-header-logo {
    width: 100px;
  }
}
/* .l-nav-btn
================================================== */
.l-nav-btn {
  position: relative;
  width: 50px;
  height: 50px;
  color: #fff;
  cursor: pointer;
  background: #000;
}
.l-nav-btn__line {
  position: absolute;
  left: 12px;
  width: 26px;
  height: 1px;
  content: "";
  border-bottom: 1px solid;
  transition: transform var(--mh--duration) var(--mh--easing);
}
.l-nav-btn__line:nth-child(1) {
  top: 10px;
}
.l-nav-btn__line:nth-child(2) {
  top: 18px;
}
.l-nav-btn__line:nth-child(3) {
  top: 26px;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(1) {
  top: 18px;
  transform: rotate(-45deg);
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(2) {
  opacity: 0;
}
.l-nav-btn.is-open .l-nav-btn__line:nth-child(3) {
  top: 18px;
  transform: rotate(45deg);
}
.l-nav-btn__txt {
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%;
  line-height: var(--mh--line-height--md);
  text-align: center;
}
/* .l-nav
================================================ */
.l-nav {
  position: fixed;
  top: var(--mh--header--height);
  left: 0;
  width: 100%;
  min-width: 320px;
  max-height: calc(100vh - var(--mh--header--height));
  padding: 50px var(--mh--contents--padding--side) calc(50px + env(safe-area-inset-bottom));
  overscroll-behavior-y: none;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
@media (width < 768px) {
  .l-nav {
    overflow: auto;
    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 {
    position: static;
    width: 100%;
    min-width: auto;
    padding: 0;
  }
}
/* .l-nav-list
================================================== */
@media (width < 640px) {
  .l-nav-list__item-link {
    position: relative;
    padding: 0;
    border: 0;
  }
  .l-nav-list__item-link:is(button)::before, .l-nav-list__item-link: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-nav-list__item-link:is(button)::after {
    transform: translate(0, -50%) rotate(90deg);
  }
  .l-nav-list__item-link:is(button).is-active::after {
    transform: translate(0, -50%) rotate(0);
  }
  .l-nav-list__child-wrap {
    box-sizing: border-box;
    display: none;
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  .l-nav-list__child-item {
    padding-left: 1em;
  }
}
@media (width >= 768px ) {
  .l-nav-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .l-nav-list__item {
    position: relative;
  }
  .l-nav-list__item:is(button)::before, .l-nav-list__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-nav-list__item:is(button)::after {
    transform: translate(0, -50%) rotate(90deg);
  }
  .l-nav-list__item:is(button).is-active::after {
    transform: translate(0, -50%) rotate(0);
  }
  .l-nav-list__item-link {
    display: block;
    padding: 20px 30px;
    border: 0;
  }
  .l-nav-list__child-wrap {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    height: auto;
    padding: 10px;
    background: #ddd;
    transition: visibility 0s linear, all 0.3s ease;
  }
  .l-nav-list__child-wrap:not(.is-active) {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-30px);
  }
}
/* .l-nav-overlay
================================================ */
.l-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: none;
  background: rgba(0, 0, 0, 0.25);
}
/* .l-main-img HOME
================================================ */
.l-main-img {
  overflow: hidden;
  height: 100svh;
}
.l-main-img__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.l-main-img .splide__track {
  overflow: visible !important;
}
.l-main-img__con {
  color: var(--mh--color--grayscale-100);
}
.l-main-img__logo {
  width: 100%;
  max-width: 75px;
  margin-inline: auto;
  margin-bottom: 15px;
}
.l-main-img__copy {
  font-size: var(--mh--font-size--x4l);
  line-height: var(--mh--line-height--sm);
  white-space: nowrap;
}
.l-main-img-slide {
  margin-top: 60px;
}
@media (width >= 768px ) {
  .l-main-img {
    min-height: 950px;
  }
  .l-main-img__logo {
    max-width: 190px;
    margin-bottom: 30px;
  }
  .l-main-img-slide {
    margin-top: 50px;
    margin-bottom: -100px;
  }
}
/* .l-sub-img
================================================ */
.l-sub-img {
  font-size: 2rem;
  text-align: center;
  background: #ccc;
}
.l-sub-img__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 30vh;
}
@media (width >= 768px ) {
  .l-sub-img {
    padding-top: var(--mh--header--height);
    font-size: 3rem;
  }
}
/* .l-sidebar
================================================== */
.js-c-anime-elem[data-anime=fadein-up] {
  opacity: 0;
  transform: translateY(30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-up].is-animated {
  opacity: 1;
  transform: translateY(0);
}
.js-c-anime-elem[data-anime=fadein-left] {
  opacity: 0;
  transform: translateX(-30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-left].is-animated {
  opacity: 1;
  transform: translateX(0);
}
.js-c-anime-elem[data-anime=fadein-right] {
  opacity: 0;
  transform: translateX(30px);
  transition: transform var(--mh--duration) var(--mh--easing), opacity var(--mh--duration) var(--mh--easing);
}
.js-c-anime-elem[data-anime=fadein-right].is-animated {
  opacity: 1;
  transform: translateX(0);
}
.js-c-anime-elem[data-anime-delay="0.1"] {
  transition-delay: 0.1s;
}
.js-c-anime-elem[data-anime-delay="0.2"] {
  transition-delay: 0.2s;
}
.js-c-anime-elem[data-anime-delay="0.3"] {
  transition-delay: 0.3s;
}
.js-c-anime-elem[data-anime-delay="0.4"] {
  transition-delay: 0.4s;
}
.js-c-anime-elem[data-anime-delay="0.5"] {
  transition-delay: 0.5s;
}
.js-c-anime-elem[data-anime-delay="0.6"] {
  transition-delay: 0.6s;
}
.js-c-anime-elem[data-anime-delay="0.7"] {
  transition-delay: 0.7s;
}
.js-c-anime-elem[data-anime-delay="0.8"] {
  transition-delay: 0.8s;
}
.js-c-anime-elem[data-anime-delay="0.9"] {
  transition-delay: 0.9s;
}
.js-c-anime-elem[data-anime-delay="1"] {
  transition-delay: 1s;
}
.js-c-anime-elem[data-anime-delay="1.1"] {
  transition-delay: 1.1s;
}
.js-c-anime-elem[data-anime-delay="1.2"] {
  transition-delay: 1.2s;
}
.js-c-anime-elem[data-anime-delay="1.3"] {
  transition-delay: 1.3s;
}
.js-c-anime-elem[data-anime-delay="1.4"] {
  transition-delay: 1.4s;
}
.js-c-anime-elem[data-anime-delay="1.5"] {
  transition-delay: 1.5s;
}
.js-c-anime-elem[data-anime-delay="1.6"] {
  transition-delay: 1.6s;
}
.js-c-anime-elem[data-anime-delay="1.7"] {
  transition-delay: 1.7s;
}
.js-c-anime-elem[data-anime-delay="1.8"] {
  transition-delay: 1.8s;
}
.js-c-anime-elem[data-anime-delay="1.9"] {
  transition-delay: 1.9s;
}
.js-c-anime-elem[data-anime-delay="2"] {
  transition-delay: 2s;
}
.js-c-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-diagnosis-content {
  display: none;
}
@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;
}
.diagnosis-question__inner {
  padding-top: 40px;
}
@media (width < 768px) {
  .diagnosis-question__inner {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
/* 結果ページ
================================================ */
.diagnosis-intro__inner {
  padding-top: var(--mh--space--x3l);
}
.diagnosis-intro__head {
  line-height: var(--mh--line-height--sm);
  color: var(--mh--color--grayscale-100);
  text-align: center;
  margin-bottom: var(--mh--space--x3l);
}
.diagnosis-intro__head-sub {
  font-size: var(--mh--font-size--x4l);
  margin-bottom: 10px;
}
.diagnosis-intro__head-main {
  font-size: var(--mh--font-size--x7l);
}
.diagnosis-intro-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 20px 10px;
  margin-bottom: var(--mh--space--x7l);
}
.diagnosis-intro-list__item {
  flex-basis: calc(33.33333% - 20px);
  color: var(--mh--color--grayscale-100);
}
.diagnosis-intro-list__item.is-oil .diagnosis-intro-list__item-vi {
  padding-inline: 15px;
}
.diagnosis-intro-list__item-txt {
  text-align: center;
  margin-top: 20px;
  line-height: 1 !important;
}
@media (width < 768px) {
  .diagnosis-intro-list.is-total4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 198px;
    margin-inline: auto;
  }
}
@media (width >= 768px ) {
  .diagnosis-intro-list {
    gap: 30px;
  }
  .diagnosis-intro-list__item {
    flex-basis: calc(20% - 50px);
  }
  .diagnosis-intro-list__item.is-oil .diagnosis-intro-list__item-vi {
    padding-inline: 36px;
  }
  .diagnosis-intro-list__item-txt {
    font-size: var(--mh--font-size--xl);
    margin-top: 30px;
  }
}
.diagnosis-nav {
  margin-bottom: 60px;
}
.diagnosis-nav-list {
  display: grid;
  gap: 87px;
}
.diagnosis-nav-list__item {
  background-color: var(--mh--color--grayscale-100);
  padding: 5px;
  padding-bottom: 20px;
  position: relative;
  border-radius: 5px;
  display: block;
}
.diagnosis-nav-list__item:not(:last-of-type)::before {
  content: "";
  display: block;
  width: 48px;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  background-color: var(--mh--color--grayscale-100);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2249%22%20fill%3D%22none%22%20viewBox%3D%220%200%2049%2049%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m26.737%2024.373-1.459-.541-.539-1.459-.543%201.459-1.459.541%201.46.538.542%201.462.54-1.462%201.458-.538Z%22%2F%3E%0A%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m27.5%2022%2021-21M.5%2048l21-21m0-5L.5%201m47%2047-20-21%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2249%22%20fill%3D%22none%22%20viewBox%3D%220%200%2049%2049%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m26.737%2024.373-1.459-.541-.539-1.459-.543%201.459-1.459.541%201.46.538.542%201.462.54-1.462%201.458-.538Z%22%2F%3E%0A%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m27.5%2022%2021-21M.5%2048l21-21m0-5L.5%201m47%2047-20-21%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  pointer-events: none;
}
.diagnosis-nav-list__head {
  font-size: var(--mh--font-size--xl);
  line-height: 1 !important;
  padding: 8px;
  text-align: center;
  border-radius: 3px;
  color: var(--mh--color--grayscale-100);
}
.diagnosis-nav-list__head.is-oil {
  background-color: var(--mh--color--primary-500);
}
.diagnosis-nav-list__head.is-mist {
  background-color: var(--mh--color--category-blue-500);
}
.diagnosis-nav-list__head.is-mask {
  background-color: var(--mh--color--category-purple-500);
}
.diagnosis-nav-list__head.is-milk {
  background-color: #5068b5;
}
.diagnosis-nav-list__con {
  padding: 15px;
  padding-bottom: 0;
}
.diagnosis-nav-list__set {
  display: grid;
  align-items: center;
  grid-template-columns: 65px 1fr;
  gap: 15px;
  margin-bottom: 10px;
}
.diagnosis-nav-list__set-name {
  margin-bottom: 7px;
}
.diagnosis-nav-list__set-price {
  white-space: nowrap;
}
.diagnosis-nav-list__btn {
  color: var(--mh--color--primary-500);
  line-height: var(--mh--line-height--sm);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 30px;
  border-radius: 90px;
  border: 1px solid;
}
@media (width >= 768px ) {
  .diagnosis-nav {
    margin-bottom: 100px;
  }
  .diagnosis-nav-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 85px;
  }
  .diagnosis-nav-list__item {
    flex-basis: 33.33333%;
    max-width: 310px;
  }
  .diagnosis-nav-list__item:not(:last-of-type)::before {
    position: absolute;
    top: 50%;
    transform: translateX(100%) translateY(-50%);
    bottom: auto;
    right: -18px;
    left: auto;
    background-color: var(--mh--color--grayscale-100);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2249%22%20fill%3D%22none%22%20viewBox%3D%220%200%2049%2049%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m26.737%2024.373-1.459-.541-.539-1.459-.543%201.459-1.459.541%201.46.538.542%201.462.54-1.462%201.458-.538Z%22%2F%3E%0A%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m27.5%2022%2021-21M.5%2048l21-21m0-5L.5%201m47%2047-20-21%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2249%22%20fill%3D%22none%22%20viewBox%3D%220%200%2049%2049%22%3E%0A%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m26.737%2024.373-1.459-.541-.539-1.459-.543%201.459-1.459.541%201.46.538.542%201.462.54-1.462%201.458-.538Z%22%2F%3E%0A%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m27.5%2022%2021-21M.5%2048l21-21m0-5L.5%201m47%2047-20-21%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
    pointer-events: none;
  }
  .diagnosis-nav-list__con {
    padding: 20px;
    padding-bottom: 0;
  }
  .diagnosis-nav-list__set {
    grid-template-columns: 85px 1fr;
    margin-bottom: 20px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .diagnosis-nav-list__btn {
    transition: var(--mh--duration) var(--mh--easing);
  }
  .diagnosis-nav-list__item:hover .diagnosis-nav-list__btn {
    background-color: var(--mh--color--primary-500);
    color: var(--mh--color--grayscale-100);
    border-color: var(--mh--color--primary-500);
  }
}
.diagnosis-result__inner {
  display: grid;
  gap: 60px;
}
@media (width >= 768px ) {
  .diagnosis-result__inner {
    gap: 100px;
  }
}
.diagnosis-anchor__head {
  font-size: var(--mh--font-size--x3l);
  text-align: center;
  margin-bottom: 20px;
  color: var(--mh--color--grayscale-100);
}
.diagnosis-anchor__link-wrap {
  display: grid;
  gap: 15px;
}
.diagnosis-anchor__link {
  display: block;
  padding: 5px;
  padding-top: 20px;
  border-radius: 5px;
  background-color: var(--mh--color--grayscale-100);
}
.diagnosis-anchor__set {
  display: grid;
  align-items: center;
  grid-template-columns: 83px 1fr;
  gap: 15px;
  padding-left: 15px;
}
.diagnosis-anchor__set-name {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}
.diagnosis-anchor__set-name-en {
  font-size: var(--mh--font-size--x3l);
  line-height: 1 !important;
}
.diagnosis-anchor__set-name-ja {
  font-size: var(--mh--font-size--xs);
}
.diagnosis-anchor__arw {
  padding: 8px;
  color: var(--mh--color--grayscale-100);
  margin-top: 16px;
}
.diagnosis-anchor__arw.is-oil {
  background-color: var(--mh--color--primary-500);
}
.diagnosis-anchor__arw.is-mist {
  background-color: var(--mh--color--category-blue-500);
}
.diagnosis-anchor__arw.is-mask {
  background-color: var(--mh--color--category-purple-500);
}
.diagnosis-anchor__arw.is-milk {
  background-color: #5068b5;
}
.diagnosis-anchor__arw-ico {
  width: fit-content;
  margin-inline: auto;
  display: block;
}
@media (width >= 768px ) {
  .diagnosis-anchor__head {
    margin-bottom: 30px;
  }
  .diagnosis-anchor__link-wrap {
    gap: 27px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .diagnosis-anchor__link {
    padding: 3px;
    padding-top: 30px;
    flex-basis: 33.33333%;
    max-width: 348px;
  }
  .diagnosis-anchor__set {
    grid-template-columns: 83px 1fr;
    gap: 20px;
    padding-left: 37px;
    align-items: flex-start;
  }
  .diagnosis-anchor__set-name {
    gap: 10px;
  }
  .diagnosis-anchor__arw {
    margin-top: 20px;
  }
}
.diagnosis-share {
  margin-top: 40px;
}
.diagnosis-share__head {
  font-size: 2rem;
  line-height: 1 !important;
  margin-bottom: 15px;
  text-align: center;
  color: var(--mh--color--grayscale-100);
}
.diagnosis-share__link-wrap {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.diagnosis-share__link {
  border: none;
  width: fit-content;
  max-width: 60px;
}
@media (width >= 768px ) {
  .diagnosis-share {
    margin-top: 60px;
  }
  .diagnosis-share__head {
    margin-bottom: 20px;
  }
  .diagnosis-share__link {
    max-width: 220px;
  }
}
.diagnosis-fixed-nav {
  color: var(--mh--color--grayscale-100);
  z-index: 1;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  display: grid;
  gap: 30px;
}
.diagnosis-fixed-nav__link {
  display: grid !important;
  justify-content: center;
  text-align: center;
  gap: 10px;
  border: none;
}
.diagnosis-fixed-nav__link-ico {
  display: block;
  width: fit-content;
  margin-inline: auto;
}
.diagnosis-fixed-nav__link-ico::after {
  width: 40px !important;
  height: 40px !important;
}
@media (width < 1280px) {
  .diagnosis-fixed-nav {
    display: none !important;
  }
}
.diagnosis-result-set {
  display: grid;
  gap: 30px;
}
@media (width < 768px) {
  .diagnosis-result-set__vi {
    max-width: 194px;
    margin-inline: auto;
  }
}
.diagnosis-result-set__shoulder {
  font-size: var(--mh--font-size--x3s);
  line-height: 1 !important;
  padding: 2px 7px;
  border: 1px solid var(--mh--color--primary-300);
  display: block;
  width: fit-content;
  margin-inline: auto;
  border-radius: 90px;
  margin-bottom: 9px;
}
.diagnosis-result-set__subhead {
  line-height: 1 !important;
  margin-bottom: 10px;
  text-align: center;
}
.diagnosis-result-set__head {
  font-size: var(--mh--font-size--x2l);
  text-align: center;
  margin-bottom: 15px;
}
@media (width >= 768px ) {
  .diagnosis-result-set {
    grid-template-columns: 345px 1fr;
    gap: 45px;
    align-items: center;
  }
  .diagnosis-result-set__shoulder {
    padding: 3px 11px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .diagnosis-result-set__subhead {
    margin-bottom: 15px;
    text-align: left;
  }
  .diagnosis-result-set__head {
    margin-bottom: 30px;
    text-align: left;
  }
}
@media (width < 768px) {
  .diagnosis-result-set.is-reverse-md-down {
    gap: 20px;
  }
  .diagnosis-result-set.is-reverse-md-down .diagnosis-result-set__vi {
    order: 1;
    max-width: none;
  }
  .diagnosis-result-set.is-reverse-md-down .diagnosis-result-set__head {
    text-align: left;
  }
}
.diagnosis-result-benefits {
  margin-top: var(--mh--space--xl);
}
.diagnosis-result-benefits__head {
  padding-block: 21px;
  margin-bottom: 30px;
  text-align: center;
  display: grid;
  gap: 5px;
  position: relative;
}
.diagnosis-result-benefits__head::before, .diagnosis-result-benefits__head::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--gradient-01, linear-gradient(90deg, rgba(59, 72, 128, 0) 0%, #3b4880 30%, #3b4880 65%, rgba(59, 72, 128, 0) 100%));
  position: absolute;
  top: 0;
}
.diagnosis-result-benefits__head::after {
  top: auto;
  bottom: 0;
}
.diagnosis-result-benefits__head-en {
  line-height: 1 !important;
  font-size: var(--mh--font-size--x5l);
}
.diagnosis-result-benefits-list__item {
  border-bottom: 1px dashed var(--mh--color--primary-300);
  padding-bottom: 30px;
}
.diagnosis-result-benefits-list__item:not(:last-of-type) {
  margin-bottom: 20px;
}
@media (width < 768px) {
  .diagnosis-result-benefits-list__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: var(--mh--color--primary-100);
    gap: 15px;
  }
}
.diagnosis-result-benefits-list__area-txt {
  position: relative;
  padding-top: 25px;
  margin-top: 15px;
}
.diagnosis-result-benefits-list__area-txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 10px;
  background-color: var(--mh--color--primary-300);
  -webkit-mask-image: repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2010%22%3E%0A%3Cpath%20fill%3D%22%237384CE%22%20d%3D%22m5.5%200%201.488%203.648L11%204.995%206.988%206.352%205.5%2010%204.021%206.352%200%204.995l4.021-1.347L5.5%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px);
  mask-image: repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2010%22%3E%0A%3Cpath%20fill%3D%22%237384CE%22%20d%3D%22m5.5%200%201.488%203.648L11%204.995%206.988%206.352%205.5%2010%204.021%206.352%200%204.995l4.021-1.347L5.5%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px);
  -webkit-mask-size: calc(50% - 8px) 1px, 10px 10px, calc(50% - 10px) 1px;
  mask-size: calc(50% - 8px) 1px, 10px 10px, calc(50% - 10px) 1px;
  -webkit-mask-position: left center, center center, right center;
  mask-position: left center, center center, right center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.diagnosis-result-benefits-list__head {
  font-size: var(--mh--font-size--xl);
  line-height: var(--mh--line-height--sm);
}
.diagnosis-result-benefits-list__head sub {
  vertical-align: super;
  font-size: 0.6em;
}
.diagnosis-result-benefits-list__ico {
  width: 100%;
  max-width: 30px;
  flex-shrink: 0;
}
.diagnosis-result-benefits-list__txt sub {
  vertical-align: top;
  font-size: 0.65em;
}
.diagnosis-result-benefits-list__notes {
  font-size: var(--mh--font-size--sm);
  display: flex;
  gap: 5px;
  color: var(--mh--color--grayscale-800);
}
.diagnosis-result-benefits-list__notes-wrap {
  display: grid;
  gap: 5px;
  margin-top: 15px;
}
.diagnosis-result-benefits-list__notes-num {
  display: flex;
}
.diagnosis-result-benefits-list__notes-num::before {
  content: "※";
}
.diagnosis-result-benefits__lead {
  font-size: var(--mh--font-size--x2l);
  line-height: var(--mh--line-height--lg);
  margin-top: 30px;
}
.diagnosis-result-benefits__lead sub {
  font-size: 0.5em;
  vertical-align: text-top;
}
.diagnosis-result-benefits__notes {
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--sm);
  color: var(--mh--color--grayscale-800);
  margin-top: 10px;
  padding-left: 18px;
  position: relative;
}
.diagnosis-result-benefits__notes::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
.diagnosis-result-benefits__notes-list {
  font-size: var(--mh--font-size--sm);
  line-height: var(--mh--line-height--sm);
  color: var(--mh--color--grayscale-800);
  margin-top: 10px;
  position: relative;
  counter-reset: note;
  display: grid;
  gap: 5px;
}
.diagnosis-result-benefits__notes-list span {
  position: relative;
  padding-left: 24px;
}
.diagnosis-result-benefits__notes-list span::before {
  counter-increment: note;
  content: "※" counter(note);
  position: absolute;
  left: 0;
  top: 0;
}
@media (width >= 768px ) {
  .diagnosis-result-benefits__head {
    margin-bottom: 40px;
  }
  .diagnosis-result-benefits-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .diagnosis-result-benefits-list__item {
    border-bottom: none;
    padding-bottom: 0;
    padding: 10px 25px;
    border-left: 1px dashed var(--mh--color--primary-300);
  }
  .diagnosis-result-benefits-list__item:not(:last-of-type) {
    margin-bottom: 0;
  }
  .diagnosis-result-benefits-list__item:last-of-type {
    border-right: 1px dashed var(--mh--color--primary-300);
  }
  .diagnosis-result-benefits-list__header {
    display: grid;
    justify-content: center;
    text-align: center;
    gap: 15px;
  }
  .diagnosis-result-benefits-list__head {
    font-size: var(--mh--font-size--xl);
    line-height: var(--mh--line-height--sm);
  }
  .diagnosis-result-benefits-list__ico {
    max-width: 57px;
    margin-inline: auto;
  }
  .diagnosis-result-benefits-list__txt sub {
    vertical-align: super;
  }
  .diagnosis-result-benefits__lead {
    margin-top: 40px;
    text-align: center;
  }
  .diagnosis-result-benefits__notes {
    width: fit-content;
    margin-inline: auto;
    margin-top: 20px;
  }
  .diagnosis-result-benefits__notes-list {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
  }
  .diagnosis-result-benefits__notes-list span {
    width: fit-content;
    padding-left: 26px;
  }
}
.diagnosis-result-cv {
  background-color: var(--mh--color--primary-100);
  padding: 30px 20px;
  display: grid;
  grid-template-areas: "vi body" "link link";
  grid-template-columns: 80px 1fr;
  column-gap: 10px;
  margin-top: var(--mh--space--xl);
}
.diagnosis-result-cv__vi {
  grid-area: vi;
  max-width: 60px;
  margin-inline: auto;
}
.diagnosis-result-cv__body {
  grid-area: body;
}
.diagnosis-result-cv__name {
  font-size: var(--mh--font-size--xl);
  margin-bottom: 5px;
}
.diagnosis-result-cv__link-wrap {
  grid-area: link;
  display: grid;
  gap: 10px 5px;
  grid-template-columns: repeat(2, 1fr);
}
@media (width < 768px) {
  .diagnosis-result-cv__link-wrap {
    border-top: 1px dashed var(--mh--color--primary-300);
    padding-top: 25px;
    margin-top: 25px;
  }
}
.diagnosis-result-cv__link {
  display: grid;
  place-items: center;
  height: 40px;
  border-radius: 100px;
  color: var(--mh--color--grayscale-100);
  background-color: #3b4880;
  border: 1px solid #3b4880;
  position: relative;
}
.diagnosis-result-cv__link-vi img {
  width: auto;
  height: 26px;
}
.diagnosis-result-cv__link-vi.is-small img {
  height: 12px;
}
.diagnosis-result-cv__link-vi.is-xsmall img {
  height: 10px;
}
.diagnosis-result-cv__link-ico {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  color: currentColor;
}
@media (width >= 768px ) {
  .diagnosis-result-cv {
    padding: 30px;
    grid-template-areas: "vi body" "vi link";
    grid-template-columns: 124px 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 20px;
  }
  .diagnosis-result-cv__vi {
    max-width: 90px;
  }
  .diagnosis-result-cv__link-wrap {
    display: flex;
    gap: 10px;
    margin-top: 20px;
  }
  .diagnosis-result-cv__link {
    flex: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .diagnosis-result-cv__link {
    transition: var(--mh--duration) var(--mh--easing);
  }
  .diagnosis-result-cv__link img {
    filter: brightness(1);
    transition: var(--mh--duration) var(--mh--easing);
  }
  .diagnosis-result-cv__link:hover {
    background-color: var(--mh--color--grayscale-100);
    color: #3b4880;
  }
  .diagnosis-result-cv__link:hover img {
    filter: brightness(0) saturate(100%) invert(22%) sepia(19%) saturate(1664%) hue-rotate(193deg) brightness(91%) contrast(92%);
  }
}
.diagnosis-result-sechead {
  padding-block: 21px;
  margin-bottom: 30px;
  text-align: center;
  display: grid;
  gap: 5px;
  position: relative;
}
.diagnosis-result-sechead::before, .diagnosis-result-sechead::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--gradient-01, linear-gradient(90deg, rgba(59, 72, 128, 0) 0%, #3b4880 30%, #3b4880 65%, rgba(59, 72, 128, 0) 100%));
  position: absolute;
  top: 0;
}
.diagnosis-result-sechead::after {
  top: auto;
  bottom: 0;
}
.diagnosis-result-sechead__main {
  font-size: var(--mh--font-size--x4l);
}
.diagnosis-result-caution {
  margin-top: 30px;
  background-color: var(--mh--color--primary-100);
  padding: 20px;
  font-size: var(--mh--font-size--x2l);
  text-align: center;
  position: relative;
  z-index: 1;
}
.diagnosis-result-caution::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 2px;
  display: block;
  background-color: var(--mh--color--primary-300);
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>'), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 10"><path d="M1.47 1.47 3.09 5 1.46 8.53 5 6.91l3.54 1.63L6.9 5l1.62-3.55L5 3.1 1.45 1.47Z" fill="white"/></svg>');
  -webkit-mask-size: 7px 7px, 7px 7px, 7px 7px, 7px 7px;
  mask-size: 7px 7px, 7px 7px, 7px 7px, 7px 7px;
  -webkit-mask-position: left top, right top, left bottom, right bottom;
  mask-position: left top, right top, left bottom, right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (width >= 768px ) {
  .diagnosis-result-caution {
    margin-top: 70px;
    padding: 30px;
  }
  .diagnosis-result-caution::before {
    inset: 4px;
    -webkit-mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px;
    mask-size: 9px 9px, 9px 9px, 9px 9px, 9px 9px;
  }
}
.diagnosis-result-step {
  display: grid;
  gap: 30px;
}
.diagnosis-result-step__item {
  display: grid;
  grid-template-areas: "vi shoulder tag" "txt txt txt";
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 10px;
  padding: 20px;
  background-color: var(--mh--color--primary-100);
  position: relative;
}
.diagnosis-result-step__item:not(:last-of-type)::before {
  content: "";
  display: block;
  display: block;
  width: 20px;
  height: 20px;
  color: currentColor;
  content: "";
  background-color: currentcolor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2011%22%3E%0A%3Cpath%20stroke%3D%22%233B4880%22%20d%3D%22m1%203.5%204%204%204-4%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2011%22%3E%0A%3Cpath%20stroke%3D%22%233B4880%22%20d%3D%22m1%203.5%204%204%204-4%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center/contain;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  bottom: -5px;
}
.diagnosis-result-step__vi {
  grid-area: vi;
  display: flex;
  justify-content: center;
}
.diagnosis-result-step__vi img {
  max-width: 56px;
}
.diagnosis-result-step__shoulder {
  grid-area: shoulder;
  font-size: var(--mh--font-size--xl);
  line-height: 1 !important;
  margin-bottom: 1px;
}
.diagnosis-result-step__head {
  grid-area: head;
  font-size: var(--mh--font-size--lg);
  align-self: flex-start;
  margin-top: 5px;
}
.diagnosis-result-step__tag {
  grid-area: tag;
  color: var(--mh--color--primary-300);
  border: 1px solid;
  font-size: var(--mh--font-size--x2s);
  padding: 1px 6px;
  width: fit-content;
  border-radius: 90px;
}
.diagnosis-result-step__txt {
  grid-area: txt;
  position: relative;
  padding-top: 25px;
  margin-top: 15px;
}
.diagnosis-result-step__txt::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 10px;
  background-color: var(--mh--color--primary-300);
  -webkit-mask-image: repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2010%22%3E%0A%3Cpath%20fill%3D%22%237384CE%22%20d%3D%22m5.5%200%201.488%203.648L11%204.995%206.988%206.352%205.5%2010%204.021%206.352%200%204.995l4.021-1.347L5.5%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px);
  mask-image: repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px), url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2011%2010%22%3E%0A%3Cpath%20fill%3D%22%237384CE%22%20d%3D%22m5.5%200%201.488%203.648L11%204.995%206.988%206.352%205.5%2010%204.021%206.352%200%204.995l4.021-1.347L5.5%200Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"), repeating-linear-gradient(to right, white 0px, white 3px, transparent 3px, transparent 6px);
  -webkit-mask-size: calc(50% - 8px) 1px, 10px 10px, calc(50% - 10px) 1px;
  mask-size: calc(50% - 8px) 1px, 10px 10px, calc(50% - 10px) 1px;
  -webkit-mask-position: left center, center center, right center;
  mask-position: left center, center center, right center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (width >= 768px ) {
  .diagnosis-result-step {
    display: flex;
    justify-content: center;
    gap: 33px;
  }
  .diagnosis-result-step__item {
    display: block;
    padding: 30px;
    flex: 1;
    max-width: 278px;
  }
  .diagnosis-result-step__item:not(:last-of-type)::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(100%) rotate(-90deg);
    left: auto;
    bottom: auto;
    right: -7px;
  }
  .diagnosis-result-step__vi {
    margin-inline: auto;
    margin-bottom: 15px;
    gap: 15px;
  }
  .diagnosis-result-step__vi img {
    max-width: 82px;
  }
  .diagnosis-result-step__shoulder {
    text-align: center;
    margin-bottom: 12px;
  }
  .diagnosis-result-step__head {
    text-align: center;
  }
  .diagnosis-result-step__tag {
    margin-inline: auto;
  }
}
/* .error-page404
================================================ */
.error-page404__inner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (width >= 768px ) {
  .error-page404__inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.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 >= 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;
  }
}
/* 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-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);
}
.u-text-x15l {
  font-size: var(--mh--font-size--x15l);
}
.u-text-md {
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--md);
}
.u-text-x2s,
.u-text-xs,
.u-text-sm,
.u-text-lg,
.u-text-xl,
.u-text-x2l,
.u-text-x3l,
.u-text-x4l,
.u-text-x5l,
.u-text-x6l,
.u-text-x7l,
.u-text-x8l,
.u-text-x9l,
.u-text-x10l,
.u-text-x11l,
.u-text-x12l,
.u-text-x13l,
.u-text-x14l,
.u-text-x15l {
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--md);
}
/* line-height
-------------------------------------- */
.u-leading-none {
  line-height: var(--mh--line-height--none);
}
.u-leading-xs {
  line-height: var(--mh--line-height--xs);
}
.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: var(--mh--font-weight--bold);
}
/* font-family
-------------------------------------- */
.u-font-en {
  font-family: var(--mh--font-family--en);
  font-weight: var(--mh--font-weight--en);
  line-height: var(--mh--line-height--md);
  letter-spacing: var(--mh--letter-spacing--md);
}
/* 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,
button.u-alpha {
  display: block;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a.u-alpha,
  button.u-alpha {
    transition: opacity var(--mh--duration) var(--mh--easing);
  }
  a.u-alpha:hover,
  button.u-alpha:hover {
    opacity: 0.7;
  }
}
a.u-zoom {
  display: block;
  text-decoration: none;
}
a.u-zoom .u-zoom__img {
  display: block;
}
a.u-zoom .u-zoom__img-wrap {
  display: block;
  overflow: hidden;
}
@media (hover: hover) and (pointer: fine) {
  a.u-zoom .u-zoom__img {
    transition: transform var(--mh--duration) var(--mh--easing);
  }
  a.u-zoom:hover .u-zoom__img {
    transform: scale(1.1);
  }
}
a.u-link-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
a[class].u-text-underline {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  a[class].u-text-underline:hover {
    text-decoration: none;
  }
}
.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-100 {
  color: var(--mh--color--primary-100);
}
.u-text-primary-300 {
  color: var(--mh--color--primary-300);
}
.u-text-primary-500 {
  color: var(--mh--color--primary-500);
}
.u-text-grayscale-800 {
  color: var(--mh--color--grayscale-800);
}
.u-text-grayscale-500 {
  color: var(--mh--color--grayscale-500);
}
.u-text-grayscale-100 {
  color: var(--mh--color--grayscale-100);
}
.u-text-grayscale-100_op93 {
  color: var(--mh--color--grayscale-100_op93);
}
.u-text-category-blue-500 {
  color: var(--mh--color--category-blue-500);
}
.u-text-category-purple-500 {
  color: var(--mh--color--category-purple-500);
}
.u-text-category-pink-500 {
  color: var(--mh--color--category-pink-500);
}
.u-bg-primary-100 {
  background-color: var(--mh--color--primary-100);
}
.u-bg-primary-300 {
  background-color: var(--mh--color--primary-300);
}
.u-bg-primary-500 {
  background-color: var(--mh--color--primary-500);
}
.u-bg-grayscale-800 {
  background-color: var(--mh--color--grayscale-800);
}
.u-bg-grayscale-500 {
  background-color: var(--mh--color--grayscale-500);
}
.u-bg-grayscale-100 {
  background-color: var(--mh--color--grayscale-100);
}
.u-bg-grayscale-100_op93 {
  background-color: var(--mh--color--grayscale-100_op93);
}
.u-bg-category-blue-500 {
  background-color: var(--mh--color--category-blue-500);
}
.u-bg-category-purple-500 {
  background-color: var(--mh--color--category-purple-500);
}
.u-bg-category-pink-500 {
  background-color: var(--mh--color--category-pink-500);
}
.u-p-x2s {
  padding: var(--mh--padding--x2s);
}
.u-py-x2s {
  padding-block: var(--mh--padding--x2s);
}
.u-px-x2s {
  padding-inline: var(--mh--padding--x2s);
}
.u-pt-x2s {
  padding-top: var(--mh--padding--x2s);
}
.u-pb-x2s {
  padding-bottom: var(--mh--padding--x2s);
}
.u-pl-x2s {
  padding-left: var(--mh--padding--x2s);
}
.u-pr-x2s {
  padding-right: var(--mh--padding--x2s);
}
.u-p-xs {
  padding: var(--mh--padding--xs);
}
.u-py-xs {
  padding-block: var(--mh--padding--xs);
}
.u-px-xs {
  padding-inline: var(--mh--padding--xs);
}
.u-pt-xs {
  padding-top: var(--mh--padding--xs);
}
.u-pb-xs {
  padding-bottom: var(--mh--padding--xs);
}
.u-pl-xs {
  padding-left: var(--mh--padding--xs);
}
.u-pr-xs {
  padding-right: var(--mh--padding--xs);
}
.u-p-sm {
  padding: var(--mh--padding--sm);
}
.u-py-sm {
  padding-block: var(--mh--padding--sm);
}
.u-px-sm {
  padding-inline: var(--mh--padding--sm);
}
.u-pt-sm {
  padding-top: var(--mh--padding--sm);
}
.u-pb-sm {
  padding-bottom: var(--mh--padding--sm);
}
.u-pl-sm {
  padding-left: var(--mh--padding--sm);
}
.u-pr-sm {
  padding-right: var(--mh--padding--sm);
}
.u-p-md {
  padding: var(--mh--padding--md);
}
.u-py-md {
  padding-block: var(--mh--padding--md);
}
.u-px-md {
  padding-inline: var(--mh--padding--md);
}
.u-pt-md {
  padding-top: var(--mh--padding--md);
}
.u-pb-md {
  padding-bottom: var(--mh--padding--md);
}
.u-pl-md {
  padding-left: var(--mh--padding--md);
}
.u-pr-md {
  padding-right: var(--mh--padding--md);
}
.u-p-lg {
  padding: var(--mh--padding--lg);
}
.u-py-lg {
  padding-block: var(--mh--padding--lg);
}
.u-px-lg {
  padding-inline: var(--mh--padding--lg);
}
.u-pt-lg {
  padding-top: var(--mh--padding--lg);
}
.u-pb-lg {
  padding-bottom: var(--mh--padding--lg);
}
.u-pl-lg {
  padding-left: var(--mh--padding--lg);
}
.u-pr-lg {
  padding-right: var(--mh--padding--lg);
}
.u-p-xl {
  padding: var(--mh--padding--xl);
}
.u-py-xl {
  padding-block: var(--mh--padding--xl);
}
.u-px-xl {
  padding-inline: var(--mh--padding--xl);
}
.u-pt-xl {
  padding-top: var(--mh--padding--xl);
}
.u-pb-xl {
  padding-bottom: var(--mh--padding--xl);
}
.u-pl-xl {
  padding-left: var(--mh--padding--xl);
}
.u-pr-xl {
  padding-right: var(--mh--padding--xl);
}
.u-p-x2l {
  padding: var(--mh--padding--x2l);
}
.u-py-x2l {
  padding-block: var(--mh--padding--x2l);
}
.u-px-x2l {
  padding-inline: var(--mh--padding--x2l);
}
.u-pt-x2l {
  padding-top: var(--mh--padding--x2l);
}
.u-pb-x2l {
  padding-bottom: var(--mh--padding--x2l);
}
.u-pl-x2l {
  padding-left: var(--mh--padding--x2l);
}
.u-pr-x2l {
  padding-right: var(--mh--padding--x2l);
}
.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-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-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-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-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-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-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-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-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-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-m-x6l {
  margin: var(--mh--space--x6l);
}
.u-my-x6l {
  margin-block: var(--mh--space--x6l);
}
.u-mx-x6l {
  margin-inline: var(--mh--space--x6l);
}
.u-mt-x6l {
  margin-top: var(--mh--space--x6l);
}
.u-mb-x6l {
  margin-bottom: var(--mh--space--x6l);
}
.u-ml-x6l {
  margin-left: var(--mh--space--x6l);
}
.u-mr-x6l {
  margin-right: var(--mh--space--x6l);
}
.u-m-x7l {
  margin: var(--mh--space--x7l);
}
.u-my-x7l {
  margin-block: var(--mh--space--x7l);
}
.u-mx-x7l {
  margin-inline: var(--mh--space--x7l);
}
.u-mt-x7l {
  margin-top: var(--mh--space--x7l);
}
.u-mb-x7l {
  margin-bottom: var(--mh--space--x7l);
}
.u-ml-x7l {
  margin-left: var(--mh--space--x7l);
}
.u-mr-x7l {
  margin-right: var(--mh--space--x7l);
}
.u-mx-auto {
  margin-inline: auto;
}
.u-img-block {
  display: block;
  width: 100%;
  height: auto;
}
.u-img-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
html body {
  --wp--style--block-gap: 0;
}
html body {
  --wp--preset--font-size--x-2-s: var(--mh--font-size--x2s);
  --wp--preset--font-size--xs: var(--mh--font-size--xs);
  --wp--preset--font-size--sm: var(--mh--font-size--sm);
  --wp--preset--font-size--md: var(--mh--font-size--md);
  --wp--preset--font-size--lg: var(--mh--font-size--lg);
  --wp--preset--font-size--xl: var(--mh--font-size--xl);
  --wp--preset--font-size--x-2-l: var(--mh--font-size--x2l);
  --wp--preset--font-size--x-3-l: var(--mh--font-size--x3l);
  --wp--preset--font-size--x-4-l: var(--mh--font-size--x4l);
  --wp--preset--font-size--x-5-l: var(--mh--font-size--x5l);
  --wp--preset--font-size--x-6-l: var(--mh--font-size--x6l);
  --wp--preset--font-size--x-7-l: var(--mh--font-size--x7l);
  --wp--preset--font-size--x-8-l: var(--mh--font-size--x8l);
  --wp--preset--font-size--x-9-l: var(--mh--font-size--x9l);
  --wp--preset--font-size--x-10-l: var(--mh--font-size--x10l);
  --wp--preset--font-size--x-11-l: var(--mh--font-size--x11l);
  --wp--preset--font-size--x-12-l: var(--mh--font-size--x12l);
  --wp--preset--font-size--x-13-l: var(--mh--font-size--x13l);
  --wp--preset--font-size--x-14-l: var(--mh--font-size--x14l);
  --wp--preset--font-size--x-15-l: var(--mh--font-size--x15l);
}
.has-lg-font-size,
.has-xl-font-size,
.has-x-2-l-font-size,
.has-x-3-l-font-size,
.has-x-4-l-font-size {
  line-height: var(--mh--line-height--md);
}
.has-x-5-l-font-size,
.has-x-6-l-font-size,
.has-x-7-l-font-size,
.has-x-8-l-font-size,
.has-x-9-l-font-size,
.has-x-10-l-font-size,
.has-x-11-l-font-size,
.has-x-12-l-font-size,
.has-x-13-l-font-size,
.has-x-14-l-font-size,
.has-x-15-l-font-size {
  line-height: var(--mh--line-height--md);
}
.wp-block-m-hand-custom-block-custom-group[class*=" u-grid-cols"],
.wp-block-m-hand-custom-block-custom-group[class*=" sm:u-grid-cols"],
.wp-block-m-hand-custom-block-custom-group[class*=" md:u-grid-cols"],
.wp-block-m-hand-custom-block-custom-group[class*=" lg:u-grid-cols"],
.wp-block-m-hand-custom-block-custom-group[class*=" xl:u-grid-cols"],
.wp-block-m-hand-custom-block-custom-group[class*=" u-gap"],
.wp-block-m-hand-custom-block-custom-group[class*=" sm:u-gap"],
.wp-block-m-hand-custom-block-custom-group[class*=" md:u-gap"],
.wp-block-m-hand-custom-block-custom-group[class*=" lg:u-gap"],
.wp-block-m-hand-custom-block-custom-group[class*=" xl:u-gap"],
.wp-block-group[class*=" u-gap"],
.wp-block-group[class*=" sm:u-gap"],
.wp-block-group[class*=" md:u-gap"],
.wp-block-group[class*=" lg:u-gap"],
.wp-block-group[class*=" xl:u-gap"],
.wp-block-group[class*=" u-grid-cols"],
.wp-block-group[class*=" sm:u-grid-cols"],
.wp-block-group[class*=" md:u-grid-cols"],
.wp-block-group[class*=" lg:u-grid-cols"],
.wp-block-group[class*=" xl:u-grid-cols"],
.wp-block-columns[class*=" u-grid-cols"],
.wp-block-columns[class*=" sm:u-grid-cols"],
.wp-block-columns[class*=" md:u-grid-cols"],
.wp-block-columns[class*=" lg:u-grid-cols"],
.wp-block-columns[class*=" xl:u-grid-cols"],
.wp-block-columns[class*=" u-gap"],
.wp-block-columns[class*=" sm:u-gap"],
.wp-block-columns[class*=" md:u-gap"],
.wp-block-columns[class*=" lg:u-gap"],
.wp-block-columns[class*=" xl:u-gap"] {
  display: grid;
}
html body a:not(.wp-element-button) {
  text-decoration: inherit;
}
@media (width >= 768px ) {
  .wp-block-image.alignleft {
    float: left;
    margin-right: 2em;
  }
  .wp-block-image.alignright {
    float: right;
    margin-left: 2em;
  }
  .wp-block-image.aligncenter {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}