/**
 * Swiper 10.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 1, 2023
 */

/* FONT_START */
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-family: 'swiper-icons';
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  display: block;
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.swiper {
  display: block;
  /* Fix of Webkit flickering */
  z-index: 1;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  overflow: hidden;
  overflow: clip;
  list-style: none;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  /* For Firefox */
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  flex-shrink: 0;
  order: 9999;
  content: '';
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  width: var(--swiper-centered-offset-after);
  height: 100%;
  min-height: 1px;
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  box-sizing: border-box;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  transform-origin: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  display: flex;
  z-index: 10;
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  align-items: center;
  justify-content: center;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  -o-object-fit: contain;
  width: 100%;
  height: 100%;
     object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  right: auto;
  left: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-variant: initial;
  font-size: var(--swiper-navigation-size);
  line-height: 1;
  font-family: swiper-icons;
  letter-spacing: 0;
  text-transform: none !important;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  z-index: 10;
  position: absolute;
  transform: translate3d(0, 0, 0);
  text-align: center;
  transition: 300ms opacity;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: var(--swiper-pagination-top, auto);
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  display: inline-block;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  top: 50%;
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  width: 8px;
  transform: translateY(-50%);
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  position: absolute;
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  top: 0;
  left: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
}
.swiper-pagination-lock {
  display: none;
}
.flatpickr-calendar{-webkit-animation:none;-webkit-box-sizing:border-box;-ms-touch-action:manipulation;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-sizing:border-box;display:none;visibility:hidden;position:absolute;width:307.875px;padding:0;border:0;border-radius:5px;background:transparent;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);font-size:14px;line-height:24px;direction:ltr;text-align:center;animation:none;opacity:0;touch-action:manipulation}.flatpickr-calendar.open,.flatpickr-calendar.inline{visibility:visible;max-height:640px;opacity:1}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{display:block;z-index:999}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{display:block;position:absolute;left:22px;width:0;height:0;border:solid transparent;content:'';pointer-events:none}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{right:22px;left:auto}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{right:50%;left:50%}.flatpickr-calendar:before{margin:0 -5px;border-width:5px}.flatpickr-calendar:after{margin:0 -4px;border-width:4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{fill:rgba(0,0,0,0.9);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;position:relative;flex:1;height:34px;overflow:hidden;background:transparent;color:rgba(0,0,0,0.9);line-height:1;text-align:center;user-select:none}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;fill:rgba(0,0,0,0.9);z-index:3;position:absolute;top:0;height:34px;padding:10px;color:rgba(0,0,0,0.9);text-decoration:none;cursor:pointer;user-select:none}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0/*
      /*rtl:end:ignore*//*
      /*rtl:begin:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0/*
      /*rtl:end:ignore*//*
      /*rtl:begin:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;fill:inherit;transition:fill .1s}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;right:0;width:14px;height:50%;padding:0 4px 0 2px;border:1px solid rgba(57,57,57,0.15);line-height:50%;cursor:pointer;opacity:0}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;position:absolute;content:""}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{top:26%;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);border-left:4px solid transparent}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{top:40%;border-top:4px solid rgba(57,57,57,0.6);border-right:4px solid transparent;border-left:4px solid transparent}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{-webkit-transform:translate3d(0,0,0);display:inline-block;position:absolute;left:12.5%;width:75%;height:34px;padding:7.48px 0 0 0;transform:translate3d(0,0,0);color:inherit;font-weight:300;font-size:135%;line-height:inherit;line-height:1;text-align:center}.flatpickr-current-month span.cur-month{display:inline-block;margin-left:.5ch;padding:0;color:inherit;font-weight:700;font-family:inherit}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{display:inline-block;width:6ch;width:7ch\0}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{-webkit-box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;display:inline-block;appearance:textfield;height:auto;margin:0;padding:0 0 0 .5ch;border:0;border-radius:0;background:transparent;color:inherit;font-weight:300;font-size:inherit;line-height:inherit;font-family:inherit;vertical-align:initial;cursor:text}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{background:transparent;color:rgba(0,0,0,0.5);font-size:100%;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;box-sizing:border-box;appearance:menulist;position:relative;width:auto;height:auto;margin:-1px 0 0 0;padding:0 0 0 .5ch;border:none;border-radius:0;outline:none;background:transparent;color:inherit;font-weight:300;font-size:inherit;line-height:inherit;font-family:inherit;vertical-align:initial;cursor:pointer}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{padding:0;outline:none;background-color:transparent}.flatpickr-weekdays{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;width:100%;height:28px;overflow:hidden;background:transparent;text-align:center}.flatpickr-weekdays .flatpickr-weekdaycontainer{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex:1}span.flatpickr-weekday{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;display:block;flex:1;margin:0;background:transparent;color:rgba(0,0,0,0.54);font-weight:bolder;font-size:90%;line-height:1;text-align:center;cursor:default}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;align-items:flex-start;width:307.875px;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{-webkit-box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;-webkit-transform:translate3d(0,0,0);box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;transform:translate3d(0,0,0);outline:0;text-align:left;opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{-webkit-box-sizing:border-box;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;box-sizing:border-box;display:inline-block;position:relative;flex-basis:14.2857143%;justify-content:center;width:14.2857143%;max-width:39px;height:39px;margin:0;border:1px solid transparent;border-radius:150px;background:none;color:#393939;font-weight:400;line-height:39px;text-align:center;cursor:pointer}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{border-color:#e6e6e6;outline:0;background:#e6e6e6;cursor:pointer}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;border-color:#569ff7;background:#569ff7;box-shadow:none;color:#fff}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{border-color:transparent;background:transparent;color:rgba(57,57,57,0.3);cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:rgba(57,57,57,0.1);cursor:not-allowed}.flatpickr-day.week.selected{-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{-webkit-box-shadow:1px 0 0 #e6e6e6;padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{width:100%;float:none;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;border:none;background:transparent;color:rgba(57,57,57,0.3);cursor:default}.flatpickr-innerContainer{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden}.flatpickr-rContainer{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;padding:0}.flatpickr-time{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:0;max-height:40px;overflow:hidden;outline:0;line-height:40px;text-align:center}.flatpickr-time:after{display:table;clear:both;content:""}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;-webkit-box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;appearance:textfield;position:relative;height:inherit;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#393939;font-size:14px;line-height:inherit;text-align:center}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;width:2%;height:inherit;float:left;color:#393939;font-weight:bold;line-height:inherit;user-select:none}.flatpickr-time .flatpickr-am-pm{width:18%;outline:0;font-weight:400;text-align:center;cursor:pointer}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fpFadeInDown{from{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.flatpickr-monthSelect-months {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 10px 1px 3px 1px;
}

.flatpickr-monthSelect-month {
  -webkit-box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  justify-content: center;
  width: 33%;
  margin: 0.5px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: none;
  color: #393939;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
}

.flatpickr-monthSelect-month.flatpickr-disabled {
	color: #eee;
}

.flatpickr-monthSelect-month.flatpickr-disabled:hover,
.flatpickr-monthSelect-month.flatpickr-disabled:focus {
	background: none !important;
	cursor: not-allowed;
}

.flatpickr-monthSelect-theme-dark {
  background: #3f4458;
}

.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year {
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month {
  fill: #fff;
  color: #fff;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month {
  color: rgba(255, 255, 255, 0.95);
}

.flatpickr-monthSelect-month.today {
  border-color: #959ea9;
}

.flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-month:focus {
  border-color: #e6e6e6;
  outline: 0;
  background: #e6e6e6;
  cursor: pointer;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus {
  border-color: #646c8c;
  background: #646c8c;
}

.flatpickr-monthSelect-month.today:hover,
.flatpickr-monthSelect-month.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month.endRange {
  -webkit-box-shadow: none;
  border-color: #569ff7;
  background-color: #569ff7;
          box-shadow: none;
  color: #fff;
}

.flatpickr-monthSelect-month.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-monthSelect-month.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-monthSelect-month.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-monthSelect-month.inRange {
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  border-radius: 0;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange {
  -webkit-box-shadow: none;
  border-color: #80cbc4;
  background: #80cbc4;
  box-shadow: none;
  color: #fff;
}
.dropzone,.dropzone *{box-sizing:border-box}.dropzone{position:relative}.dropzone .dz-preview{display:inline-block;position:relative;width:120px;margin:.5em}.dropzone .dz-preview .dz-progress{display:block;height:15px;border:1px solid #aaa}.dropzone .dz-preview .dz-progress .dz-upload{display:block;width:0;height:100%;background:green}.dropzone .dz-preview .dz-error-message{display:none;color:red}.dropzone .dz-preview.dz-error .dz-error-message,.dropzone .dz-preview.dz-error .dz-error-mark{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{display:block}.dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-success-mark{display:none;position:absolute;top:30px;left:30px;left:50%;width:54px;height:58px;margin-left:-27px}

/*# sourceMappingURL=basic.css.map */@-webkit-keyframes passing-through{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}30%,70%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}100%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}}@keyframes passing-through{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}30%,70%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}100%{-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}30%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}@keyframes slide-in{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}30%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;padding:20px 20px;border:1px solid rgba(0,0,0,.8);border-radius:5px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{margin:3em 0;text-align:center}.dropzone .dz-message .dz-button{padding:0;border:none;outline:inherit;background:none;color:inherit;font:inherit;cursor:pointer}.dropzone .dz-preview{display:inline-block;position:relative;min-height:100px;margin:16px;vertical-align:top}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{display:block;border:none;font-size:14px;text-align:center;cursor:pointer}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;min-width:100%;max-width:100%;padding:2em 1em;color:rgba(0,0,0,.9);font-size:13px;line-height:150%;text-align:center;opacity:0}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{padding:0 .4em;border-radius:3px;background-color:rgba(255,255,255,.4)}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-webkit-filter:blur(8px);transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{display:block;z-index:10;position:relative;width:120px;height:120px;overflow:hidden;border-radius:20px}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);opacity:1}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{display:block;z-index:500;position:absolute;top:50%;left:50%;margin-top:-27px;margin-left:-27px;border-radius:50%;background:rgba(0,0,0,.8);opacity:0;pointer-events:none}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{fill:#fff;display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{z-index:1000;position:absolute;top:50%;right:15%;left:15%;height:20px;margin-top:-10px;overflow:hidden;border:3px solid rgba(0,0,0,.8);border-radius:10px;background:rgba(0,0,0,.8);opacity:1;pointer-events:none}.dropzone .dz-preview .dz-progress .dz-upload{display:block;position:relative;width:0;height:100%;border-radius:17px;background:#fff;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{display:block;display:none;z-index:1000;position:absolute;top:130px;left:-10px;width:140px;padding:.5em 1em;border-radius:8px;background:#b10606;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .3s ease}.dropzone .dz-preview .dz-error-message:after{position:absolute;top:-6px;left:64px;width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid #b10606;border-left:6px solid transparent;content:""}

/*# sourceMappingURL=dropzone.css.map */.vis-time-axis {
  position: relative;
  overflow: hidden;
}

.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}

.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-time-axis .vis-text {
  box-sizing: border-box;
  position: absolute;
  padding: 3px;
  overflow: hidden;
  color: #4d4d4d;

  white-space: nowrap;
}

.vis-time-axis .vis-text.vis-measure {
  visibility: hidden;
  position: absolute;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}

.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}

.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}

.vis .overlay {

  /* Must be displayed above for example selected Timeline items */
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}

.vis-custom-time {
  z-index: 1;
  width: 2px;
  background-color: #6E94FF;
  cursor: move;
}

.vis-custom-time > .vis-custom-time-marker {
  z-index: inherit;
  top: 0px;
  padding: 3px 5px;
  background-color: inherit;
  color: white;
  font-size: 12px;
  white-space: nowrap;
  cursor: initial;
}
.vis-timeline {
  /*
  -webkit-transition: height .4s ease-in-out;
  transition:         height .4s ease-in-out;
  */
}

.vis-panel {
  /*
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
  */
}

.vis-axis {
  /*
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
  */
}

/* TODO: get animation working nicely

.vis-item {
  -webkit-transition: top .4s ease-in-out;
  transition:         top .4s ease-in-out;
}

.vis-item.line {
  -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
  transition:         height .4s ease-in-out, top .4s ease-in-out;
}
/**/
.vis-current-time {
  z-index: 1;
  width: 2px;
  background-color: #FF7F6E;
  pointer-events: none;
}

.vis-rolling-mode-btn {
  position: absolute;
  top: 7px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #3876c2;
  color: white;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  cursor: pointer;
  opacity: 0.8;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}

.vis-rolling-mode-btn:hover {
  opacity: 1;
}
.vis-panel {

  box-sizing: border-box;
  position: absolute;
  margin: 0;

  padding: 0;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border: 1px #bfbfbf;
}

.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  overflow: hidden;
  border-top-style: solid;
  border-bottom-style: solid;
}

.vis-left.vis-panel.vis-vertical-scroll, .vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}

.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}

.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}

.vis-panel.vis-center,
.vis-panel.vis-top,
.vis-panel.vis-bottom {
  border-right-style: solid;
  border-left-style: solid;
}

.vis-background {
  overflow: hidden;
}

.vis-panel > .vis-content {
  position: relative;
}

.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0,0,0,0.8);
  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
  z-index: 1;
  */
}

.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}

.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-graph-group0 {
    fill:#4f81bd;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #4f81bd;
}

.vis-graph-group1 {
    fill:#f79646;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #f79646;
}

.vis-graph-group2 {
    fill: #8c51cf;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8c51cf;
}

.vis-graph-group3 {
    fill: #75c841;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #75c841;
}

.vis-graph-group4 {
    fill: #ff0100;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff0100;
}

.vis-graph-group5 {
    fill: #37d8e6;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #37d8e6;
}

.vis-graph-group6 {
    fill: #042662;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #042662;
}

.vis-graph-group7 {
    fill:#00ff26;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #00ff26;
}

.vis-graph-group8 {
    fill:#ff00ff;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #ff00ff;
}

.vis-graph-group9 {
    fill: #8f3938;
    fill-opacity:0;
    stroke-width:2px;
    stroke: #8f3938;
}

.vis-timeline .vis-fill {
    fill-opacity:0.1;
    stroke: none;
}


.vis-timeline .vis-bar {
    fill-opacity:0.5;
    stroke-width:1px;
}

.vis-timeline .vis-point {
    stroke-width:2px;
    fill-opacity:1.0;
}


.vis-timeline .vis-legend-background {
    stroke-width:1px;
    fill-opacity:0.9;
    fill: #ffffff;
    stroke: #c2c2c2;
}


.vis-timeline .vis-outline {
    stroke-width:1px;
    fill-opacity:1;
    fill: #ffffff;
    stroke: #e5e5e5;
}

.vis-timeline .vis-icon-fill {
    fill-opacity:0.3;
    stroke: none;
}


.vis-timeline {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #bfbfbf;
}

.vis-loading-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* override some bootstrap styles screwing up the timelines css */

.vis [class*="span"] {
  width: auto;
  min-height: 0;
}


.vis-item {
  display: inline-block;
  z-index: 1;
  position: absolute;
  border-width: 1px;
  border-color: #97B0F8;
  background-color: #D5DDF6;
  color: #1A1A1A;
  /*overflow: hidden;*/
}

.vis-item.vis-selected {

  /* z-index must be higher than the z-index of custom time bar and current time bar */
  z-index: 2;
  border-color: #FFC200;
  background-color: #FFF785;
}

.vis-editable.vis-selected {
  cursor: move;
}

.vis-item.vis-point.vis-selected {
  background-color: #FFF785;
}

.vis-item.vis-box {
  border-style: solid;
  border-radius: 2px;
  text-align: center;
}

.vis-item.vis-point {
  background: none;
}

.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}

.vis-item.vis-range {
  box-sizing: border-box;
  border-style: solid;
  border-radius: 2px;
}

.vis-item.vis-background {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
}

.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.vis-item-visible-frame {
  white-space: nowrap;
}

.vis-item.vis-range .vis-item-content {
  display: inline-block;
  position: relative;
}

.vis-item.vis-background .vis-item-content {
  display: inline-block;
  position: absolute;
}

.vis-item.vis-line {
  position: absolute;
  width: 0;
  padding: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item .vis-item-content {
  box-sizing: border-box;
  padding: 5px;
  white-space: nowrap;
}

.vis-item .vis-onUpdateTime-tooltip {
  -o-transition: 0.4s;
  -moz-transition: 0.4s;
  -webkit-transition: 0.4s;
  position: absolute;
  width: 200px;
  padding: 5px;
  border-radius: 1px;
  background: #4f81bd;
  color: white;
  text-align: center;
  white-space: nowrap;
  transition: 0.4s;
}

.vis-item .vis-delete, .vis-item .vis-delete-rtl {
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  width: 24px;
  height: 24px;
  padding: 0px 5px;
  cursor: pointer;
  transition: background 0.2s linear;
}

.vis-item .vis-delete {
  right: -24px;
}

.vis-item .vis-delete-rtl {
  left: -24px;
}

.vis-item .vis-delete:after, .vis-item .vis-delete-rtl:after {
  content: "\00D7"; /* MULTIPLICATION SIGN */
  color: red;
  font-weight: bold;
  font-size: 22px;
  font-family: arial, sans-serif;
  transition: color 0.2s linear;
}

.vis-item .vis-delete:hover, .vis-item .vis-delete-rtl:hover {
  background: red;
}

.vis-item .vis-delete:hover:after, .vis-item .vis-delete-rtl:hover:after {
  color: white;
}

.vis-item .vis-drag-center {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: move;
}

.vis-item.vis-range .vis-drag-left {
  position: absolute;
  top: 0;
  left: -4px;
  width: 24px;
  min-width: 2px;
  max-width: 20%;
  height: 100%;

  cursor: w-resize;
}

.vis-item.vis-range .vis-drag-right {
  position: absolute;
  top: 0;
  right: -4px;
  width: 24px;
  min-width: 2px;
  max-width: 20%;
  height: 100%;

  cursor: e-resize;
}

.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}

.vis-item.vis-cluster {
  border-style: solid;
  border-radius: 2px;
  text-align: center;
  vertical-align: center;
}

.vis-item.vis-cluster-line {
  position: absolute;
  width: 0;
  padding: 0;
  border-left-width: 1px;
  border-left-style: solid;
}

.vis-item.vis-cluster-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
div.vis-tooltip {
  visibility: hidden;

  z-index: 5;
  position: absolute;
  padding: 5px;
  border: 1px solid #808074;
  border-radius: 3px;
  background-color: #f5f4ed;

  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  color:#000000;
  font-size:14px;

  font-family: verdana;
  white-space: nowrap;
  pointer-events: none;
}


.vis-itemset {

  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 0;
}

.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.vis-axis {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
}

.vis-foreground .vis-group {
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #bfbfbf;
}

.vis-foreground .vis-group:last-child {
  border-bottom: none;
}

.vis-nesting-group {
  cursor: pointer;
}

.vis-label.vis-nested-group.vis-group-level-unknown-but-gte1 {
  background: #f5f5f5;
}
.vis-label.vis-nested-group.vis-group-level-0 {
  background-color: #ffffff;
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-left: 0;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-0 .vis-inner {
  padding-right: 0;
}
.vis-label.vis-nested-group.vis-group-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-left: 15px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-1 .vis-inner {
  padding-right: 15px;
}
.vis-label.vis-nested-group.vis-group-level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-left: 30px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-2 .vis-inner {
  padding-right: 30px;
}
.vis-label.vis-nested-group.vis-group-level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-left: 45px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-3 .vis-inner {
  padding-right: 45px;
}
.vis-label.vis-nested-group.vis-group-level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-left: 60px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-4 .vis-inner {
  padding-right: 60px;
}
.vis-label.vis-nested-group.vis-group-level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-left: 75px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-5 .vis-inner {
  padding-right: 75px;
}
.vis-label.vis-nested-group.vis-group-level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-left: 90px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-6 .vis-inner {
  padding-right: 90px;
}
.vis-label.vis-nested-group.vis-group-level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-left: 105px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-7 .vis-inner {
  padding-right: 105px;
}
.vis-label.vis-nested-group.vis-group-level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-left: 120px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-8 .vis-inner {
  padding-right: 120px;
}
.vis-label.vis-nested-group.vis-group-level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}
.vis-ltr .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-left: 135px;
}
.vis-rtl .vis-label.vis-nested-group.vis-group-level-9 .vis-inner {
  padding-right: 135px;
}
/* default takes over beginning with level-10 (thats why we add .vis-nested-group
  to the selectors above, to have higher specifity than these rules for the defaults) */
.vis-label.vis-nested-group {
  background-color: rgba(0, 0, 0, 0.5);
}
.vis-ltr .vis-label.vis-nested-group .vis-inner {
  padding-left: 150px;
}
.vis-rtl .vis-label.vis-nested-group .vis-inner {
  padding-right: 150px;
}

.vis-group-level-unknown-but-gte1 {
  border: 1px solid red;
}

/* expanded/collapsed indicators */
.vis-label.vis-nesting-group:before,
.vis-label.vis-nesting-group:before {
  display: inline-block;
  width: 15px;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-rtl .vis-label.vis-nesting-group.collapsed:before {
  content: "\25C0";
}
/* compensate missing expanded/collapsed indicator, but only at levels > 0 */
.vis-ltr .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-left: 15px;
}
.vis-rtl .vis-label:not(.vis-nesting-group):not(.vis-group-level-0) {
  padding-right: 15px;
}

.vis-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vis-labelset {

  box-sizing: border-box;
  position: relative;

  overflow: hidden;
}

.vis-labelset .vis-label {

  box-sizing: border-box;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #bfbfbf;
  color: #4d4d4d;
}

.vis-labelset .vis-label.draggable {
  cursor: pointer;
}

.vis-group-is-dragging {
  background: rgba(0, 0, 0, .1);
}

.vis-labelset .vis-label:last-child {
  border-bottom: none;
}

.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}

.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}

div.vis-configuration {
    display:block;
    position:relative;
    float:left;
    font-size:12px;
}

div.vis-configuration-wrapper {
    display:block;
    width:700px;
}

div.vis-configuration-wrapper::after {
  display: block;
  clear: both;
  content: "";
}

div.vis-configuration.vis-config-option-container{
    display:block;
    left:10px;
    width:495px;
    margin-top:20px;
    padding-left:5px;
    border:2px solid #f7f8fa;
    border-radius:4px;
    background-color: #ffffff;
}

div.vis-configuration.vis-config-button{
    display:block;
    left:10px;
    width:495px;
    height:25px;
    margin-top:20px;
    margin-bottom:30px;
    padding-left:5px;
    border:2px solid #ceced0;
    border-radius:4px;
    background-color: #f7f8fa;
    line-height:25px;
    vertical-align: middle;
    cursor: pointer;
}

div.vis-configuration.vis-config-button.hover{
    border:2px solid #214373;
    background-color: #4588e6;
    color:#ffffff;
}

div.vis-configuration.vis-config-item{
    display:block;
    width:495px;
    height:25px;
    float:left;
    line-height:25px;
    vertical-align: middle;
}


div.vis-configuration.vis-config-item.vis-config-s2{
    left:10px;
    padding-left:5px;
    border-radius:3px;
    background-color: #f7f8fa;
}
div.vis-configuration.vis-config-item.vis-config-s3{
    left:20px;
    padding-left:5px;
    border-radius:3px;
    background-color: #e4e9f0;
}
div.vis-configuration.vis-config-item.vis-config-s4{
    left:30px;
    padding-left:5px;
    border-radius:3px;
    background-color: #cfd8e6;
}

div.vis-configuration.vis-config-header{
    font-weight: bold;
    font-size:18px;
}

div.vis-configuration.vis-config-label{
    width:120px;
    height:25px;
    line-height: 25px;
}

div.vis-configuration.vis-config-label.vis-config-s3{
    width:110px;
}
div.vis-configuration.vis-config-label.vis-config-s4{
    width:100px;
}

div.vis-configuration.vis-config-colorBlock{
    top:1px;
    width:30px;
    height:19px;
    margin:0px;
    padding:0px;
    border:1px solid #444444;
    border-radius:2px;
    cursor:pointer;
}

input.vis-configuration.vis-config-checkbox {
    left:-5px;
}


input.vis-configuration.vis-config-rangeinput{
    position:relative;
    top:-5px;
    width:60px;
    margin:0;
    /*height:13px;*/
    padding:1px;
    pointer-events:none;
}

input.vis-configuration.vis-config-range{
    /*removes default webkit styles*/
    -webkit-appearance: none;

    /*required for proper track sizing in FF*/
    width: 300px;
    height:20px;

    /*fix for FF unable to apply focus style bug */
    border: 0px solid white;
    background-color:rgba(0,0,0,0);
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;

    border: 1px solid #999999;
    border-radius: 3px;
    background: #dedede; /* IE10+ */ /* Opera 11.10+ */ /* Chrome10+,Safari5.1+ */ /* Chrome,Safari4+ */ /* FF3.6+ */ /* Old browsers */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 17px;
    height: 17px;
    margin-top: -7px;
    border: 1px solid #14334b;
    border-radius: 50%;
    background: #3876c2; /* IE10+ */ /* Opera 11.10+ */ /* Chrome10+,Safari5.1+ */ /* Chrome,Safari4+ */ /* FF3.6+ */ /* Old browsers */
    background: linear-gradient(to bottom,  #3876c2 0%,#385380 100%); /* W3C */
    box-shadow: #111927 0px 0px 1px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3876c2', endColorstr='#385380',GradientType=0 ); /* IE6-9 */
}
input.vis-configuration.vis-config-range:focus {
    outline: none;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
    background: #9d9d9d; /* IE10+ */ /* Opera 11.10+ */ /* Chrome10+,Safari5.1+ */ /* Chrome,Safari4+ */ /* FF3.6+ */ /* Old browsers */
    background: linear-gradient(to bottom,  #9d9d9d 0%,#c8c8c8 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d9d9d', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}

input.vis-configuration.vis-config-range::-moz-range-track {
    width: 300px;
    height: 10px;

    border: 1px solid #999999;
    border-radius: 3px;
    background: #dedede; /* IE10+ */ /* Opera 11.10+ */ /* Chrome10+,Safari5.1+ */ /* Chrome,Safari4+ */ /* FF3.6+ */ /* Old browsers */
    background: linear-gradient(to bottom,  #dedede 0%,#c8c8c8 99%); /* W3C */
    box-shadow: #aaaaaa 0px 0px 3px 0px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border: none;

    border-radius: 50%;
    background:  #385380;
}

/*hide the outline behind the border*/
input.vis-configuration.vis-config-range:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input.vis-configuration.vis-config-range::-ms-track {
    width: 300px;
    height: 5px;
    border-width: 6px 0;

    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;

    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;

    /*remove default tick marks*/
    color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
    border-radius: 10px;
    background: #777;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
    border-radius: 10px;
    background: #ddd;
}
input.vis-configuration.vis-config-range::-ms-thumb {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 50%;
    background:  #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
    background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
    background: #ccc;
}

.vis-configuration-popup {
    position: absolute;
    width:150px;
    height:30px;
    border: 2px solid #f2faff;
    border-radius:4px;
    background: rgba(57, 76, 89, 0.85);
    color: #ffffff;
    font-size:14px;
    line-height:30px;
    text-align:center;
    transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after, .vis-configuration-popup:before {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: " ";
    pointer-events: none;
}

.vis-configuration-popup:after {
    margin-top: -8px;
    border-width: 8px;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: rgba(57, 76, 89, 0.85);
}
.vis-configuration-popup:before {
    margin-top: -12px;
    border-width: 12px;
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #f2faff;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}

.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}


.vis-data-axis .vis-y-axis.vis-major {
  position: absolute;
  width: 100%;
  color: #4d4d4d;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  visibility: hidden;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
}


.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  visibility: hidden;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  bottom: 20px;
  color: #4d4d4d;
  text-align: center;
  white-space: nowrap;
}

.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  visibility: hidden;
  width: auto;
  margin: 0;
  padding: 0;
}

.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  transform: rotate(-90deg);
  transform-origin: left bottom;
}

.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  transform: rotate(90deg);
  transform-origin: right bottom;
}

.vis-legend {
  padding: 5px;
  border: 1px solid #b3b3b3;
  background-color: rgba(247, 252, 255, 0.65);
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}

.vis-legend-text {
  display: inline-block;
  /*font-size: 10px;*/
  white-space: nowrap
}
/*# sourceMappingURL=vis-timeline-graph2d.css.map *//*
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
  font-feature-settings: normal; /* 5 */
  line-height: 1.5; /* 1 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-variation-settings: normal; /* 6 */
     tab-size: 4; /* 3 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  border-top-width: 1px; /* 3 */
  color: inherit; /* 2 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-size: 1em; /* 2 */
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
  text-indent: 0; /* 1 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-feature-settings: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
  color: inherit; /* 1 */
  font-weight: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  font-family: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-image: none; /* 2 */
  background-color: transparent; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9ca3af; /* 2 */
  opacity: 1; /* 1 */
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af; /* 2 */
  opacity: 1; /* 1 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.u-sr-only {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border-width: 0;
  white-space: nowrap;
}
.u-mt-1 {
  margin-top: 0.25rem;
}
.u-mt-10 {
  margin-top: 2.5rem;
}
.u-mt-12 {
  margin-top: 3rem;
}
.u-mt-2 {
  margin-top: 0.5rem;
}
.u-mt-4 {
  margin-top: 1rem;
}
.u-mt-6 {
  margin-top: 1.5rem;
}
.u-mt-8 {
  margin-top: 2rem;
}
.u-block {
  display: block;
}
.u-inline-block {
  display: inline-block;
}
.u-inline {
  display: inline;
}
.u-flex {
  display: flex;
}
.u-inline-flex {
  display: inline-flex;
}
.u-grid {
  display: grid;
}
.u-inline-grid {
  display: inline-grid;
}
.u-hidden {
  display: none;
}
.u-w-full {
  width: 100%;
}
.u-shrink {
  flex-shrink: 1;
}
.u-shrink-0 {
  flex-shrink: 0;
}
.u-grow {
  flex-grow: 1;
}
.u-grow-0 {
  flex-grow: 0;
}
.u-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.u-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.u-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.u-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.u-grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.u-grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.u-flex-row {
  flex-direction: row;
}
.u-flex-row-reverse {
  flex-direction: row-reverse;
}
.u-flex-col {
  flex-direction: column;
}
.u-flex-col-reverse {
  flex-direction: column-reverse;
}
.u-flex-wrap {
  flex-wrap: wrap;
}
.u-flex-nowrap {
  flex-wrap: nowrap;
}
.u-items-start {
  align-items: flex-start;
}
.u-items-end {
  align-items: flex-end;
}
.u-items-center {
  align-items: center;
}
.u-justify-start {
  justify-content: flex-start;
}
.u-justify-end {
  justify-content: flex-end;
}
.u-justify-center {
  justify-content: center;
}
.u-justify-between {
  justify-content: space-between;
}
.u-justify-around {
  justify-content: space-around;
}
.u-gap-1 {
  gap: 0.25rem;
}
.u-gap-10 {
  gap: 2.5rem;
}
.u-gap-12 {
  gap: 3rem;
}
.u-gap-2 {
  gap: 0.5rem;
}
.u-gap-4 {
  gap: 1rem;
}
.u-gap-6 {
  gap: 1.5rem;
}
.u-gap-8 {
  gap: 2rem;
}
.u-gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.u-gap-x-10 {
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
.u-gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
.u-gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.u-gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.u-gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
.u-gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.u-gap-y-1 {
  row-gap: 0.25rem;
}
.u-gap-y-10 {
  row-gap: 2.5rem;
}
.u-gap-y-12 {
  row-gap: 3rem;
}
.u-gap-y-2 {
  row-gap: 0.5rem;
}
.u-gap-y-4 {
  row-gap: 1rem;
}
.u-gap-y-6 {
  row-gap: 1.5rem;
}
.u-gap-y-8 {
  row-gap: 2rem;
}
.u-whitespace-normal {
  white-space: normal;
}
.u-whitespace-nowrap {
  white-space: nowrap;
}
.u-overflow-hidden {
  overflow: hidden;
}
.u-overflow-visible {
  overflow: visible;
}
.u-pt-1 {
  padding-top: 0.25rem;
}
.u-pt-10 {
  padding-top: 2.5rem;
}
.u-pt-12 {
  padding-top: 3rem;
}
.u-pt-2 {
  padding-top: 0.5rem;
}
.u-pt-4 {
  padding-top: 1rem;
}
.u-pt-6 {
  padding-top: 1.5rem;
}
.u-pt-8 {
  padding-top: 2rem;
}
.u-outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
@font-face {
  font-weight: 100 900;
  src: url("/fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-family: "Noto Sans JP Variable";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/MPLUSRounded1c-Regular.ttf) format("truetype");
  font-family: "M PLUS Rounded 1c";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/MPLUSRounded1c-Bold.ttf) format("truetype");
  font-family: "M PLUS Rounded 1c";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Lato-Regular.ttf) format("truetype");
  font-family: "Lato";
  font-display: swap;
}
@font-face {
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/Lato-Bold.ttf) format("truetype");
  font-family: "Lato";
  font-display: swap;
}
:root {
  --md-w-contents: 1200px;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-neutral-100: #342923;
  --color-neutral-80: #736D68;
  --color-neutral-60: #96928D;
  --color-neutral-40: #C7C5C1;
  --color-neutral-30: #E0DFDC;
  --color-neutral-20: #F0F0EF;
  --color-neutral-10: #F5F5F4;
  --color-orange-100: #CC4B21;
  --color-orange-80: #EB6E32;
  --color-orange-60: #FF8E52;
  --color-orange-40: #FFAC80;
  --color-orange-30: #FFC4A8;
  --color-orange-20: #FFE2CC;
  --color-orange-10: #FEF5F0;
  --color-yellow-100: #D7A804;
  --color-yellow-80: #F1BF1B;
  --color-yellow-60: #F9DF86;
  --color-yellow-40: #FBF0C5;
  --color-yellow-20: #FFFAE0;
  --color-green-100: #1D817B;
  --color-green-80: #26AAA2;
  --color-green-60: #88D8CD;
  --color-green-40: #C4E7DF;
  --color-green-20: #E8F3F0;
  --color-blond-100: #C4823B;
  --color-blond-80: #F1A50E;
  --color-blond-60: #FBCC74;
  --color-blond-40: #FCE0AB;
  --color-blond-20: #FCF7E9;
  --color-cyan-100: #086F9B;
  --color-cyan-80: #11A6C4;
  --color-cyan-60: #8BD6E9;
  --color-cyan-40: #C0EAF3;
  --color-cyan-20: #E9F8FB;
  --color-indigo-100: #163774;
  --color-indigo-80: #4B6E9B;
  --color-indigo-60: #A9C4D6;
  --color-indigo-40: #C5DEEE;
  --color-indigo-20: #EBF4F9;
  --color-brown-100: #412815;
  --color-brown-80: #623A1D;
  --color-brown-60: #C18C67;
  --color-brown-40: #DDC0AC;
  --color-brown-20: #F9F4F1;
  --color-semantic-success-100: #1A9E57;
  --color-semantic-success-20: #EAFBEF;
  --color-semantic-alert-100: #CC2200;
  --color-semantic-alert-20: #FFEEEE;
  --link: var(--color-cyan-100);
  --bg-modal: rgba(0, 0, 0, 50%);
  --line-height-md: 1.5;
  --font-family-system: -apple-system, blinkmacsystemfont, Segoe UI, Hiragino Kaku Gothic ProN, BIZ UDPGothic, meiryo, sans-serif;
  --font-family-default: "Noto Sans JP Variable", -apple-system, blinkmacsystemfont, Segoe UI, Hiragino Kaku Gothic ProN, BIZ UDPGothic, meiryo, sans-serif;
  --font-family-mplus: "M PLUS Rounded 1c", -apple-system, blinkmacsystemfont, Segoe UI, Hiragino Kaku Gothic ProN, BIZ UDPGothic, meiryo, sans-serif;
  --font-family-lato: "Lato", -apple-system, blinkmacsystemfont, Segoe UI, Hiragino Kaku Gothic ProN, BIZ UDPGothic, meiryo, sans-serif;
  --transition-duration: 0.3s;
  --transition-timing-function: ease-out;
  --opacity: 0.65;
  --z-page-loading: 1000;
  --z-tips: 900;
  --z-modal: 800;
  --z-panel-layer-sp: 700;
  --z-gnavi: 600;
  --z-header: 500;
  --z-pre-header: 501;
  --z-panel-layer-pc: 400;
  --z-floating: 300;
}

html {
  box-sizing: border-box;
  font-family: var(--font-family-system);
}
html.--usr, html.--fac {
  font-family: var(--font-family-default);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 1rem;
  line-height: var(--line-height-md);
}
body > form {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-height: 100vh;
}
body:has(> .l-pre-header) {
  grid-template-rows: auto auto 1fr;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
figure {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
}

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

a {
  color: var(--link);
  text-decoration: none;
}
a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

summary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

button {
  margin: 0;
  padding: 0;
  border: none;
  outline: inherit;
  background: none;
  color: inherit;
  cursor: pointer;
}
button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

input,
button,
textarea,
select {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

em, b, strong {
  font-style: inherit;
  font-weight: inherit;
}

input[type=date] {
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

::-ms-reveal {
  display: none;
}

address {
  font-style: normal;
}

.l-wrapper {
  display: grid;
  position: relative;
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
  padding: 0 16px 0;
  overflow: hidden;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .l-wrapper {
    padding: 0 32px 0;
  }
}
.l-wrapper:where(:not(:has(> .l-footer))) {
  padding-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .l-wrapper.--column-2 {
    overflow: visible;
  }
}

.l-main {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .l-main {
    max-width: var(--md-w-contents);
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .l-wrapper.--logged-in .l-main {
    padding: 56px 16px 0;
  }
}
.l-main > *, .l-main__form > * {
  z-index: 1;
  position: relative;
}

.l-two-column {
  padding: 0 0 56px;
}
@media screen and (min-width: 769px) {
  .l-two-column {
    box-sizing: content-box;
    max-width: var(--md-w-contents);
    margin: 0 auto;
    padding: 0 0 64px;
  }
}
.l-two-column__inner {
  display: flex;
  flex-direction: column;
}
.l-two-column__inner:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .l-two-column__inner {
  margin-top: 0;
}
[class~=m-heading-area] + .l-two-column__inner:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .l-two-column__inner {
    flex-direction: row;
    gap: 40px;
  }
  .l-two-column__inner.--aside-left .l-two-column__main {
    order: 2;
  }
  .l-two-column__inner.--aside-left .l-two-column__aside {
    order: 1;
  }
}
.l-two-column__inner.--aside-left.--aside-top .l-two-column__aside {
  order: 1;
}
.l-two-column__inner.--aside-left.--aside-top .l-two-column__main {
  order: 2;
}
.l-two-column__inner.--aside-top .l-two-column__aside {
  order: 1;
}
@media screen and (min-width: 769px) {
  .l-two-column__inner.--aside-top .l-two-column__aside {
    order: 2;
  }
}
.l-two-column__inner.--aside-top .l-two-column__main {
  order: 2;
}
@media screen and (min-width: 769px) {
  .l-two-column__inner.--aside-top .l-two-column__main {
    order: 1;
  }
}
.l-two-column__main {
  overflow: hidden;
}
.l-two-column__main > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .l-two-column__main {
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(100% - 40px - 250px);
  }
}
.l-two-column__aside {
  display: none;
}
.l-two-column__aside > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .l-two-column__aside {
    display: block;
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 250px;
  }
}

.l-lower-contents {
  margin-right: -16px;
  margin-left: -16px;
  padding: 40px 16px 0;
  border-top-left-radius: 16px;
  background-color: var(--color-white);
}
.l-lower-contents > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .l-lower-contents {
    margin-top: -48px;
    margin-right: -32px;
    margin-left: -32px;
    padding: 40px 32px 0;
  }
}
.l-lower-contents::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 52px;
  border-top-left-radius: 16px;
  background: var(--color-white);
  content: "";
}
.l-lower-contents.--no-top-margin {
  padding-top: 0;
}
.l-lower-contents.--wide-space [class] + [class~=m-button-container]:where(.--sc-lg) {
  margin-top: 56px;
}
.l-lower-contents.--wide-space *:where(.m-heading2) {
  margin-bottom: 32px;
}
.l-lower-contents.--wide-space *:where(.m-heading3-border) {
  margin-bottom: 24px;
}
.l-lower-contents.--wide-space *:where(.m-form-container) {
  row-gap: 24px;
}
.l-lower-contents.--wide-space *:where(.m-form-container__item) {
  row-gap: 16px;
}
.l-lower-contents.--wide-space > *:where(* + *),
.l-lower-contents.--wide-space > *:where(form) > *:where(* + *) {
  margin-top: 40px;
}

.l-decoration {
  position: relative;
  padding-bottom: 48px;
}
.l-decoration > * {
  z-index: 1;
  position: relative;
}
.l-decoration:before, .l-decoration:after {
  display: block;
  position: absolute;
  content: "";
}
.l-decoration:before {
  z-index: 0;
  top: -35px;
  left: calc(50% - 10px);
  width: 768px;
  height: 800px;
  translate: -50%;
  background-size: 768px 800px;
}
@media screen and (min-width: 769px) {
  .l-decoration:before {
    top: -40px;
    left: 50%;
    width: 3000px;
    height: 520px;
    background-size: 3000px 520px;
  }
}
.l-decoration.--fac:before {
  background-image: url("/img/bg_footer_primary_fac_sp.svg");
}
@media screen and (min-width: 769px) {
  .l-decoration.--fac:before {
    background-image: url("/img/bg_footer_primary_fac.svg");
  }
}
.l-decoration.--usr:before {
  background-image: url("/img/bg_footer_primary_usr_sp.svg");
}
@media screen and (min-width: 769px) {
  .l-decoration.--usr:before {
    background-image: url("/img/bg_footer_primary_usr.svg");
  }
}
.l-decoration:after {
  z-index: -1;
  right: min(-32px, calc(-1*((100vw - 1200px) / 2)));
  bottom: 0;
  left: min(-32px, calc(-1*((100vw - 1200px) / 2)));
  height: calc(100% - 800px + 35px + 1px);
  background-color: var(--color-neutral-20);
}
@media screen and (min-width: 769px) {
  .l-decoration:after {
    height: calc(100% - 520px + 40px + 1px);
  }
}

.l-decoration-secondary {
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 48px;
}
.l-decoration-secondary:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background-color: var(--color-neutral-20);
  content: "";
}
.l-decoration-secondary > *:first-child {
  margin-top: 0;
}

.l-slim {
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 800px;
  height: 100%;
  margin-inline: auto;
}
.l-slim.--static {
  height: auto;
}
.l-slim.--sm {
  max-width: 560px;
}

.l-hr {
  margin-top: 32px;
}
.--xs.l-hr {
  margin-top: 16px;
}
.--sm.l-hr {
  margin-top: 24px;
}
.--lg.l-hr {
  margin-top: 40px;
}
.--xl.l-hr {
  margin-top: 48px;
}

.l-hr {
  height: 1px;
  background-color: gray;
}

.l-pre-header {
  display: grid;
  z-index: var(--z-pre-header);
  position: sticky;
  top: 0;
  left: 0;
  grid-template-columns: 1fr;
  width: 100%;
  border-bottom: solid 1px var(--color-neutral-30);
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .l-pre-header {
    grid-template-columns: auto 1fr;
  }
}
.l-pre-header__alert {
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: auto auto;
       column-gap: 8px;
  row-gap: 8px;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-inline: 4px;
  padding-block: 4px;
  background-color: var(--color-semantic-alert-20);
}
@media screen and (min-width: 769px) {
  .l-pre-header__alert {
    grid-template-columns: auto;
    width: 320px;
    padding-inline: 8px;
    padding-block: 8px;
  }
}
.l-pre-header__alertHeader {
  text-align: center;
}
.l-pre-header__alertBody {
  text-align: center;
}
.l-pre-header__alertText > em > span {
  display: inline-block;
}
.l-pre-header__message {
  display: grid;
  align-content: center;
  height: 100%;
  padding-inline: 16px;
  padding-block: 8px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .l-pre-header__message {
    padding-inline: 24px;
  }
}

.l-header {
  z-index: var(--z-header);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  transition: translate 200ms ease-out;
}
@media screen and (min-width: 769px) {
  .l-header {
    background: transparent;
  }
}
.l-header.--nav-up {
  translate: 0 -100%;
}
.l-header__outer {
  overflow: hidden;
}
.l-header__container {
  flex-shrink: 0;
  width: 100%;
  padding: 12px 16px;
}
@media screen and (min-width: 769px) {
  .l-header__container {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 12px 32px;
  }
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 56px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-neutral-20);
  background: var(--color-white);
}
@media screen and (min-width: 769px) {
  .l-header__inner {
    display: flex;
    height: 70px;
    padding: 12px 32px;
  }
}
.l-header__line {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  padding: 8px 12px;
  gap: 24px;
  border-bottom: 1px solid var(--color-neutral-20);
  background-color: var(--color-neutral-10);
}
@media screen and (min-width: 769px) {
  .l-header__line {
    display: contents;
  }
}
.l-header__main {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 769px) {
  .l-header__main {
    gap: 40px;
  }
}
.l-header__sub {
  display: flex;
  gap: 8px;
}
@media screen and (min-width: 769px) {
  .l-header__sub {
    gap: 24px;
  }
}
.l-header.--has-pre-header {
  top: var(--pre-header-height);
}

.l-footer {
  z-index: 1;
  position: relative;
  margin-inline: -16px;
  padding: 40px 0 40px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .l-footer {
    margin-inline: -32px;
    padding: 32px 0 40px;
  }
}
.l-footer__inner {
  display: grid;
  row-gap: 40px;
  justify-content: center;
  padding: 0 32px;
}
@media screen and (min-width: 769px) {
  .l-footer__inner {
    box-sizing: content-box;
    row-gap: 32px;
    max-width: var(--md-w-contents);
    margin: 0 auto;
  }
}
.l-footer.--lower {
  z-index: 0;
  margin-top: 160px;
}
@media screen and (min-width: 769px) {
  .l-footer.--lower {
    margin-top: 152px;
  }
}
.l-footer.--lower:after {
  display: block;
  z-index: 0;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 140px);
  width: 1542px;
  height: 160px;
  translate: -50%;
  background-image: url("/img/bg_footer_secondary_sp.svg");
  background-position: top center;
  background-size: 1542px 445px;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .l-footer.--lower:after {
    left: 50%;
    width: 1840px;
    height: 144px;
    background-image: url("/img/bg_footer_secondary.svg");
    background-size: 1840px 144px;
  }
}
.l-footer.--paddingBottom {
  padding-bottom: 112px;
}
.l-footer__nav {
  display: grid;
  row-gap: 16px;
}

.u-flex > [class]:is(html *),
.u-grid > [class]:is(html *) {
  margin-block: 0;
}

@media screen and (min-width: 769px) {
  .u-pcdn {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .u-spdn {
    display: none;
  }
}

.u-mt-ne-1 {
  margin-top: 4px !important;
}
.u-mt-ne-1:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-1 {
    margin-top: 4px !important;
  }
  .md\:u-mt-ne-1:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-1 {
  padding-top: 4px !important;
}
.u-pt-ne-1:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-1 {
    padding-top: 4px !important;
  }
  .md\:u-pt-ne-1:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-2 {
  margin-top: 8px !important;
}
.u-mt-ne-2:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-2 {
    margin-top: 8px !important;
  }
  .md\:u-mt-ne-2:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-2 {
  padding-top: 8px !important;
}
.u-pt-ne-2:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-2 {
    padding-top: 8px !important;
  }
  .md\:u-pt-ne-2:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-4 {
  margin-top: 16px !important;
}
.u-mt-ne-4:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-4 {
    margin-top: 16px !important;
  }
  .md\:u-mt-ne-4:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-4 {
  padding-top: 16px !important;
}
.u-pt-ne-4:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-4 {
    padding-top: 16px !important;
  }
  .md\:u-pt-ne-4:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-6 {
  margin-top: 24px !important;
}
.u-mt-ne-6:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-6 {
    margin-top: 24px !important;
  }
  .md\:u-mt-ne-6:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-6 {
  padding-top: 24px !important;
}
.u-pt-ne-6:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-6 {
    padding-top: 24px !important;
  }
  .md\:u-pt-ne-6:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-8 {
  margin-top: 32px !important;
}
.u-mt-ne-8:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-8 {
    margin-top: 32px !important;
  }
  .md\:u-mt-ne-8:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-8 {
  padding-top: 32px !important;
}
.u-pt-ne-8:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-8 {
    padding-top: 32px !important;
  }
  .md\:u-pt-ne-8:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-10 {
  margin-top: 40px !important;
}
.u-mt-ne-10:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-10 {
    margin-top: 40px !important;
  }
  .md\:u-mt-ne-10:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-10 {
  padding-top: 40px !important;
}
.u-pt-ne-10:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-10 {
    padding-top: 40px !important;
  }
  .md\:u-pt-ne-10:empty {
    padding-top: 0 !important;
  }
}

.u-mt-ne-12 {
  margin-top: 48px !important;
}
.u-mt-ne-12:empty {
  margin-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-mt-ne-12 {
    margin-top: 48px !important;
  }
  .md\:u-mt-ne-12:empty {
    margin-top: 0 !important;
  }
}

.u-pt-ne-12 {
  padding-top: 48px !important;
}
.u-pt-ne-12:empty {
  padding-top: 0 !important;
}

@media screen and (min-width: 769px) {
  .md\:u-pt-ne-12 {
    padding-top: 48px !important;
  }
  .md\:u-pt-ne-12:empty {
    padding-top: 0 !important;
  }
}

.m-header-personal__account a, .m-heading-box__parent-link, .m-link {
  color: var(--color-cyan-100);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .m-header-personal__account a:hover, .m-heading-box__parent-link:hover, .m-link:hover {
    text-decoration: none;
  }
}
.m-header-personal__account a.--sm, .--sm.m-heading-box__parent-link, .--sm.m-link {
  font-size: 0.875rem;
}
.m-header-personal__account a.--bold, .--bold.m-heading-box__parent-link, .--bold.m-link {
  font-weight: 600;
}
.m-header-personal__account a.--disabled, .--disabled.m-heading-box__parent-link, .--disabled.m-link {
  color: var(--color-neutral-40);
  pointer-events: none;
}

.m-link-word, .m-link-ppt, .m-link-pdf, .m-link-excel, .m-link-info, .m-link-help, .m-link-more, .m-link-external, .m-link-anchor, .m-link-basic {
  display: inline-block;
  position: relative;
  color: var(--color-cyan-100);
  font-size: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .m-link-word:hover, .m-link-ppt:hover, .m-link-pdf:hover, .m-link-excel:hover, .m-link-info:hover, .m-link-help:hover, .m-link-more:hover, .m-link-external:hover, .m-link-anchor:hover, .m-link-basic:hover {
    text-decoration: underline;
  }
}
.--sm.m-link-word, .--sm.m-link-ppt, .--sm.m-link-pdf, .--sm.m-link-excel, .--sm.m-link-info, .--sm.m-link-help, .--sm.m-link-more, .--sm.m-link-external, .--sm.m-link-anchor, .--sm.m-link-basic {
  font-size: 0.875rem;
}
.--bold.m-link-word, .--bold.m-link-ppt, .--bold.m-link-pdf, .--bold.m-link-excel, .--bold.m-link-info, .--bold.m-link-help, .--bold.m-link-more, .--bold.m-link-external, .--bold.m-link-anchor, .--bold.m-link-basic {
  font-weight: 600;
}
.--disabled.m-link-word, .--disabled.m-link-ppt, .--disabled.m-link-pdf, .--disabled.m-link-excel, .--disabled.m-link-info, .--disabled.m-link-help, .--disabled.m-link-more, .--disabled.m-link-external, .--disabled.m-link-anchor, .--disabled.m-link-basic {
  color: var(--color-neutral-40);
  pointer-events: none;
}

.m-link-info, .m-link-help, .m-link-more, .m-link-external, .m-link-anchor, .m-link-basic {
  padding-right: 20px;
}
.m-link-info::after, .m-link-help::after, .m-link-more::after, .m-link-external::after, .m-link-anchor::after, .m-link-basic::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: "";
}

.m-link-word, .m-link-ppt, .m-link-pdf, .m-link-excel {
  padding-left: 24px;
}
.m-link-word::before, .m-link-ppt::before, .m-link-pdf::before, .m-link-excel::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: "";
}

.m-link-word, .m-link-ppt, .m-link-pdf, .m-link-excel {
  padding-left: 20px;
  font-weight: normal;
  text-decoration: underline;
}
.m-link-word::before, .m-link-ppt::before, .m-link-pdf::before, .m-link-excel::before {
  margin-top: 0.125em;
  background-position: 0 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  .m-link-word:hover, .m-link-ppt:hover, .m-link-pdf:hover, .m-link-excel:hover {
    text-decoration: none;
  }
}
.--sm.m-link-word, .--sm.m-link-ppt, .--sm.m-link-pdf, .--sm.m-link-excel {
  font-size: 0.875rem;
}
.--sm.m-link-word::before, .--sm.m-link-ppt::before, .--sm.m-link-pdf::before, .--sm.m-link-excel::before {
  margin-top: 0;
}
.--md.m-link-word, .--md.m-link-ppt, .--md.m-link-pdf, .--md.m-link-excel {
  padding-left: 32px;
  font-size: 1.125rem;
}
.--md.m-link-word::before, .--md.m-link-ppt::before, .--md.m-link-pdf::before, .--md.m-link-excel::before {
  width: 24px;
  height: 24px;
  margin-top: 0;
  background-size: cover;
}

.m-link-list-button__link.--invoice-recreate, .m-link-list-button__link.--invoice, .m-link-list-button__link.--facility-account, .m-link-list-button__link.--facility-setting, .m-link-list-button__link.--information-management, .m-link-list-button__link.--document-management, .m-link-list-button__link.--history, .m-link-list-button__link.--favorite, .m-link-list-button__link.--search, .m-link-list-button__link.--support, .m-link-list-button__link.--account, .m-link-list-button__link.--charge-list, .m-link-list-button__link.--regular-reservation-management, .m-link-list-button__link.--regular-use-application, .m-link-list-button__link.--reservation-management, .m-link-list-button__link.--reservation-substitute, .m-link-list-button__link.--reservation-list, .m-link-list-button__link.--interview-first {
  position: relative;
  padding-left: 56px;
}
@media screen and (min-width: 769px) {
  .m-link-list-button__link.--invoice-recreate, .m-link-list-button__link.--invoice, .m-link-list-button__link.--facility-account, .m-link-list-button__link.--facility-setting, .m-link-list-button__link.--information-management, .m-link-list-button__link.--document-management, .m-link-list-button__link.--history, .m-link-list-button__link.--favorite, .m-link-list-button__link.--search, .m-link-list-button__link.--support, .m-link-list-button__link.--account, .m-link-list-button__link.--charge-list, .m-link-list-button__link.--regular-reservation-management, .m-link-list-button__link.--regular-use-application, .m-link-list-button__link.--reservation-management, .m-link-list-button__link.--reservation-substitute, .m-link-list-button__link.--reservation-list, .m-link-list-button__link.--interview-first {
    padding-left: 80px;
  }
}
.m-link-list-button__link.--invoice-recreate:before, .m-link-list-button__link.--invoice:before, .m-link-list-button__link.--facility-account:before, .m-link-list-button__link.--facility-setting:before, .m-link-list-button__link.--information-management:before, .m-link-list-button__link.--document-management:before, .m-link-list-button__link.--history:before, .m-link-list-button__link.--favorite:before, .m-link-list-button__link.--search:before, .m-link-list-button__link.--support:before, .m-link-list-button__link.--account:before, .m-link-list-button__link.--charge-list:before, .m-link-list-button__link.--regular-reservation-management:before, .m-link-list-button__link.--regular-use-application:before, .m-link-list-button__link.--reservation-management:before, .m-link-list-button__link.--reservation-substitute:before, .m-link-list-button__link.--reservation-list:before, .m-link-list-button__link.--interview-first:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  width: 32px;
  height: 32px;
  margin-block: auto;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-link-list-button__link.--invoice-recreate:before, .m-link-list-button__link.--invoice:before, .m-link-list-button__link.--facility-account:before, .m-link-list-button__link.--facility-setting:before, .m-link-list-button__link.--information-management:before, .m-link-list-button__link.--document-management:before, .m-link-list-button__link.--history:before, .m-link-list-button__link.--favorite:before, .m-link-list-button__link.--search:before, .m-link-list-button__link.--support:before, .m-link-list-button__link.--account:before, .m-link-list-button__link.--charge-list:before, .m-link-list-button__link.--regular-reservation-management:before, .m-link-list-button__link.--regular-use-application:before, .m-link-list-button__link.--reservation-management:before, .m-link-list-button__link.--reservation-substitute:before, .m-link-list-button__link.--reservation-list:before, .m-link-list-button__link.--interview-first:before {
    left: 32px;
  }
}

.m-link-container {
  display: flex;
}
.m-link-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-container.--end {
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .m-link-container.--md\:end {
    justify-content: flex-end;
  }
}
.m-link-container.--center {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-link-container.--md-center {
    justify-content: center;
  }
}

.m-link:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link.--indent-1 {
  padding-left: 1em;
}
.m-link.--indent-2 {
  padding-left: 2em;
}
.m-link.--indent-checkbox {
  padding-left: 38px;
}
.m-link.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link.--indent-xxs {
  padding-left: 8px;
}
.m-link.--indent-xs {
  padding-left: 16px;
}
.m-link.--indent-sm {
  padding-left: 24px;
}
.m-link.--indent-md {
  padding-left: 32px;
}
.m-link.--indent-lg {
  padding-left: 40px;
}
.m-link.--indent-xl {
  padding-left: 48px;
}
@media screen and (min-width: 769px) {
  .m-link.--tel {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
  }
}
.m-link[target=_blank] {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  font-size: 1rem;
}
.m-link[target=_blank]::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 4px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background: url("/img/icons/icon_link_external.svg") no-repeat 0 0;
  background-size: contain;
  content: "";
}
.m-link[target=_blank].--disabled::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_link_external.svg");
  background-image: none;
  background-color: var(--color-neutral-40);
          mask-image: url("/img/icons/icon_link_external.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-link-basic:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-basic {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-basic:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-basic.--indent-1 {
  padding-left: 1em;
}
.m-link-basic.--indent-2 {
  padding-left: 2em;
}
.m-link-basic.--indent-checkbox {
  padding-left: 38px;
}
.m-link-basic.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-basic.--indent-xxs {
  padding-left: 8px;
}
.m-link-basic.--indent-xs {
  padding-left: 16px;
}
.m-link-basic.--indent-sm {
  padding-left: 24px;
}
.m-link-basic.--indent-md {
  padding-left: 32px;
}
.m-link-basic.--indent-lg {
  padding-left: 40px;
}
.m-link-basic.--indent-xl {
  padding-left: 48px;
}
.m-link-basic::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  background-image: none;
  background-color: var(--color-cyan-100);
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-link-basic.--disabled::after {
  background-color: var(--color-neutral-40);
}

.m-link-anchor:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-anchor {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-anchor:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-anchor.--indent-1 {
  padding-left: 1em;
}
.m-link-anchor.--indent-2 {
  padding-left: 2em;
}
.m-link-anchor.--indent-checkbox {
  padding-left: 38px;
}
.m-link-anchor.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-anchor.--indent-xxs {
  padding-left: 8px;
}
.m-link-anchor.--indent-xs {
  padding-left: 16px;
}
.m-link-anchor.--indent-sm {
  padding-left: 24px;
}
.m-link-anchor.--indent-md {
  padding-left: 32px;
}
.m-link-anchor.--indent-lg {
  padding-left: 40px;
}
.m-link-anchor.--indent-xl {
  padding-left: 48px;
}
.m-link-anchor::after {
  background: url("/img/icons/icon_link_anchor.svg") no-repeat 0 0;
  background-size: contain;
}
.m-link-anchor.--disabled::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_link_anchor.svg");
  background-image: none;
  background-color: var(--color-neutral-40);
          mask-image: url("/img/icons/icon_link_anchor.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-link-external:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-external {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-external:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-external.--indent-1 {
  padding-left: 1em;
}
.m-link-external.--indent-2 {
  padding-left: 2em;
}
.m-link-external.--indent-checkbox {
  padding-left: 38px;
}
.m-link-external.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-external.--indent-xxs {
  padding-left: 8px;
}
.m-link-external.--indent-xs {
  padding-left: 16px;
}
.m-link-external.--indent-sm {
  padding-left: 24px;
}
.m-link-external.--indent-md {
  padding-left: 32px;
}
.m-link-external.--indent-lg {
  padding-left: 40px;
}
.m-link-external.--indent-xl {
  padding-left: 48px;
}
.m-link-external::after {
  background: url("/img/icons/icon_link_external.svg") no-repeat 0 0;
  background-size: contain;
}
.m-link-external.--disabled::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_link_external.svg");
  background-image: none;
  background-color: var(--color-neutral-40);
          mask-image: url("/img/icons/icon_link_external.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-link-more {
  font-weight: normal;
}
.m-link-more:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-more {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-more:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-more.--indent-1 {
  padding-left: 1em;
}
.m-link-more.--indent-2 {
  padding-left: 2em;
}
.m-link-more.--indent-checkbox {
  padding-left: 38px;
}
.m-link-more.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-more.--indent-xxs {
  padding-left: 8px;
}
.m-link-more.--indent-xs {
  padding-left: 16px;
}
.m-link-more.--indent-sm {
  padding-left: 24px;
}
.m-link-more.--indent-md {
  padding-left: 32px;
}
.m-link-more.--indent-lg {
  padding-left: 40px;
}
.m-link-more.--indent-xl {
  padding-left: 48px;
}
.m-link-more::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_plus.svg");
  background-image: none;
  background-color: var(--color-cyan-100);
          mask-image: url("/img/icons/icon_plus.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-link-skip {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -100%;
}

.m-link-help {
  padding-right: 20px;
  font-weight: normal;
}
.m-link-help:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-help {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-help:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-help.--indent-1 {
  padding-left: 1em;
}
.m-link-help.--indent-2 {
  padding-left: 2em;
}
.m-link-help.--indent-checkbox {
  padding-left: 38px;
}
.m-link-help.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-help.--indent-xxs {
  padding-left: 8px;
}
.m-link-help.--indent-xs {
  padding-left: 16px;
}
.m-link-help.--indent-sm {
  padding-left: 24px;
}
.m-link-help.--indent-md {
  padding-left: 32px;
}
.m-link-help.--indent-lg {
  padding-left: 40px;
}
.m-link-help.--indent-xl {
  padding-left: 48px;
}
.m-link-help::after {
  margin-top: 0.125em;
  background: url("/img/icons/icon_help.svg") no-repeat 0 0;
}

.m-link-info {
  padding-right: 20px;
  font-weight: normal;
}
.m-link-info:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-info {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-info:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-info.--indent-1 {
  padding-left: 1em;
}
.m-link-info.--indent-2 {
  padding-left: 2em;
}
.m-link-info.--indent-checkbox {
  padding-left: 38px;
}
.m-link-info.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-info.--indent-xxs {
  padding-left: 8px;
}
.m-link-info.--indent-xs {
  padding-left: 16px;
}
.m-link-info.--indent-sm {
  padding-left: 24px;
}
.m-link-info.--indent-md {
  padding-left: 32px;
}
.m-link-info.--indent-lg {
  padding-left: 40px;
}
.m-link-info.--indent-xl {
  padding-left: 48px;
}
.m-link-info::after {
  margin-top: 0.125em;
  background: url("/img/icons/icon_info.svg") no-repeat 0 0;
}

.m-link-excel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-excel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-excel:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-excel.--indent-1 {
  padding-left: 1em;
}
.m-link-excel.--indent-2 {
  padding-left: 2em;
}
.m-link-excel.--indent-checkbox {
  padding-left: 38px;
}
.m-link-excel.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-excel.--indent-xxs {
  padding-left: 8px;
}
.m-link-excel.--indent-xs {
  padding-left: 16px;
}
.m-link-excel.--indent-sm {
  padding-left: 24px;
}
.m-link-excel.--indent-md {
  padding-left: 32px;
}
.m-link-excel.--indent-lg {
  padding-left: 40px;
}
.m-link-excel.--indent-xl {
  padding-left: 48px;
}
.m-link-excel::before {
  background-image: url("/img/icons/icon_file_excel.svg");
}

.m-link-pdf:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-pdf {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-pdf:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-pdf.--indent-1 {
  padding-left: 1em;
}
.m-link-pdf.--indent-2 {
  padding-left: 2em;
}
.m-link-pdf.--indent-checkbox {
  padding-left: 38px;
}
.m-link-pdf.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-pdf.--indent-xxs {
  padding-left: 8px;
}
.m-link-pdf.--indent-xs {
  padding-left: 16px;
}
.m-link-pdf.--indent-sm {
  padding-left: 24px;
}
.m-link-pdf.--indent-md {
  padding-left: 32px;
}
.m-link-pdf.--indent-lg {
  padding-left: 40px;
}
.m-link-pdf.--indent-xl {
  padding-left: 48px;
}
.m-link-pdf::before {
  background-image: url("/img/icons/icon_file_pdf.svg");
}

.m-link-ppt:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-ppt {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-ppt:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-ppt.--indent-1 {
  padding-left: 1em;
}
.m-link-ppt.--indent-2 {
  padding-left: 2em;
}
.m-link-ppt.--indent-checkbox {
  padding-left: 38px;
}
.m-link-ppt.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-ppt.--indent-xxs {
  padding-left: 8px;
}
.m-link-ppt.--indent-xs {
  padding-left: 16px;
}
.m-link-ppt.--indent-sm {
  padding-left: 24px;
}
.m-link-ppt.--indent-md {
  padding-left: 32px;
}
.m-link-ppt.--indent-lg {
  padding-left: 40px;
}
.m-link-ppt.--indent-xl {
  padding-left: 48px;
}
.m-link-ppt::before {
  background-image: url("/img/icons/icon_file_ppt.svg");
}

.m-link-word:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-word {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-word:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-word.--indent-1 {
  padding-left: 1em;
}
.m-link-word.--indent-2 {
  padding-left: 2em;
}
.m-link-word.--indent-checkbox {
  padding-left: 38px;
}
.m-link-word.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-word.--indent-xxs {
  padding-left: 8px;
}
.m-link-word.--indent-xs {
  padding-left: 16px;
}
.m-link-word.--indent-sm {
  padding-left: 24px;
}
.m-link-word.--indent-md {
  padding-left: 32px;
}
.m-link-word.--indent-lg {
  padding-left: 40px;
}
.m-link-word.--indent-xl {
  padding-left: 48px;
}
.m-link-word::before {
  background-image: url("/img/icons/icon_file_word.svg");
}

.m-link-icon {
  display: flex;
  gap: 8px;
}
.m-link-icon:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-icon {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-icon:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-icon.--indent-1 {
  padding-left: 1em;
}
.m-link-icon.--indent-2 {
  padding-left: 2em;
}
.m-link-icon.--indent-checkbox {
  padding-left: 38px;
}
.m-link-icon.--indent-checkbox-s {
  padding-left: 42px;
}
.m-link-icon.--indent-xxs {
  padding-left: 8px;
}
.m-link-icon.--indent-xs {
  padding-left: 16px;
}
.m-link-icon.--indent-sm {
  padding-left: 24px;
}
.m-link-icon.--indent-md {
  padding-left: 32px;
}
.m-link-icon.--indent-lg {
  padding-left: 40px;
}
.m-link-icon.--indent-xl {
  padding-left: 48px;
}
.m-link-icon > [class]:is(html *) {
  margin-block: 0;
}
.m-link-icon .m-icon {
  flex-shrink: 0;
}
.m-link-icon .m-link {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .m-link-icon .m-link:hover {
    text-decoration: underline;
  }
}

.m-link-list-group {
  -moz-column-gap: 33px;
  display: flex;
       column-gap: 33px;
  row-gap: 16px;
  flex-wrap: wrap;
  margin: -6px;
  padding: 6px;
  overflow: hidden;
}
.m-link-list-group:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-list-group {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-list-group:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-list-group__item {
  position: relative;
}
.m-link-list-group__item:before {
  display: block;
  position: absolute;
  left: -17px;
  width: 1px;
  height: 100%;
  background-color: var(--color-neutral-30);
  content: "";
}
.m-link-list-group__item a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-link-list-group.--row {
  flex-direction: column;
}

.m-link-list:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-list {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-list:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-list__item {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid var(--color-neutral-30);
}
.m-link-list__link {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  padding: 16px 34px 16px 0;
  color: var(--color-neutral-100);
  font-size: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .m-link-list__link:hover {
    text-decoration: underline;
  }
  .m-link-list__link:hover .m-link-list__link-tag [class*=m-tag-] {
    text-decoration: none;
  }
}
.m-link-list__link::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  aspect-ratio: 1/1;
  width: 14px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-link-list__link.--disabled {
  color: var(--color-neutral-80);
  pointer-events: none;
}
.m-link-list__link.--disabled .m-link-list__info {
  color: var(--color-neutral-80);
}
.m-link-list__link.--disabled:after {
  background-color: var(--color-neutral-80);
}
.m-link-list__link-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.m-link-list__link-title:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-list__link-title {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-list__link-title:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-list__link-title > [class]:is(html *) {
  margin-block: 0;
}
.m-link-list__link-tag {
  display: inline-block;
}
.m-link-list__link-tag [class*=m-tag-] {
  display: inline-block;
}
.m-link-list__text-link {
  text-align: right;
}
.m-link-list__info {
  display: block;
  margin-top: 4px;
  color: var(--color-neutral-80);
  font-weight: 350;
  font-size: 0.75rem;
}

.m-link-list-button {
  overflow: hidden;
  border-radius: 16px;
  background-color: var(--color-white);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
.m-link-list-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-link-list-button {
  margin-top: 0;
}
[class~=m-heading-area] + .m-link-list-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-link-list-button__list {
  margin-right: -1px;
  margin-bottom: -1px;
}
.m-link-list-button__item {
  display: flex;
  position: relative;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .m-link-list-button__item::before {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: var(--color-neutral-30);
    content: "";
  }
}
.m-link-list-button__item::after {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-neutral-30);
  content: "";
}
.m-link-list-button__link {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 20px 32px 20px 16px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-link-list-button__link {
    padding: 20px 64px 20px 16px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .m-link-list-button__link:hover {
    text-decoration: underline;
  }
}
.m-link-list-button__link:is(a):focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-link-list-button__link::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  aspect-ratio: 1/1;
  width: 14px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media screen and (min-width: 769px) {
  .m-link-list-button__link::after {
    right: 32px;
  }
}
.m-link-list-button__link.--interview-first:before {
  background-image: url("/img/icons/icon_menu_interview_first.svg");
}
.m-link-list-button__link.--reservation-list:before {
  background-image: url("/img/icons/icon_menu_reservation_list.svg");
}
.m-link-list-button__link.--reservation-substitute:before {
  background-image: url("/img/icons/icon_menu_reservation_substitute.svg");
}
.m-link-list-button__link.--reservation-management:before {
  background-image: url("/img/icons/icon_menu_reservation_management.svg");
}
.m-link-list-button__link.--regular-use-application:before {
  background-image: url("/img/icons/icon_menu_regular_use_application.svg");
}
.m-link-list-button__link.--regular-reservation-management:before {
  background-image: url("/img/icons/icon_menu_regular_reservation_management.svg");
}
.m-link-list-button__link.--charge-list:before {
  background-image: url("/img/icons/icon_menu_charge_list.svg");
}
.m-link-list-button__link.--account:before {
  background-image: url("/img/icons/icon_menu_account.svg");
}
.m-link-list-button__link.--support:before {
  background-image: url("/img/icons/icon_menu_support.svg");
}
.m-link-list-button__link.--search:before {
  background-image: url("/img/icons/icon_menu_search.svg");
}
.m-link-list-button__link.--favorite:before {
  background-image: url("/img/icons/icon_menu_favorite.svg");
}
.m-link-list-button__link.--history:before {
  background-image: url("/img/icons/icon_menu_history.svg");
}
.m-link-list-button__link.--document-management:before {
  background-image: url("/img/icons/icon_menu_document_management.svg");
}
.m-link-list-button__link.--information-management:before {
  background-image: url("/img/icons/icon_menu_account.svg");
}
.m-link-list-button__link.--facility-setting:before {
  background-image: url("/img/icons/icon_menu_facility_setting.svg");
}
.m-link-list-button__link.--facility-account:before {
  background-image: url("/img/icons/icon_menu_facility_account.svg");
}
.m-link-list-button__link.--invoice:before {
  background-image: url("/img/icons/icon_menu_invoice.svg");
}
.m-link-list-button__link.--invoice-recreate:before {
  background-image: url("/img/icons/icon_menu_invoice_recreate.svg");
}

.m-heading1, [class].m-heading-box:where(:has(> [class~=m-heading1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading1]:first-child)), .m-heading-modal1, [class].m-heading-box:where(:has(> [class~=m-heading-modal1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal1]:first-child)), .m-heading-drawer1, [class].m-heading-box:where(:has(> [class~=m-heading-drawer1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer1]:first-child)) {
  margin-top: 32px;
  margin-bottom: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading1, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading1])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading1]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading1]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-modal1, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading-modal1])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal1]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal1]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-drawer1, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading-drawer1])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer1]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer1]:first-child)) {
  margin-top: 0;
}
[class~=m-heading-area] + .m-heading1:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading1])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading1]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading1]:first-child)), [class~=m-heading-area] + .m-heading-modal1:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading-modal1])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-modal1]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal1]:first-child)), [class~=m-heading-area] + .m-heading-drawer1:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading-drawer1])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-drawer1]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer1]:first-child)) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-heading1, [class].m-heading-box:where(:has(> [class~=m-heading1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading1]:first-child)), .m-heading-modal1, [class].m-heading-box:where(:has(> [class~=m-heading-modal1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal1]:first-child)), .m-heading-drawer1, [class].m-heading-box:where(:has(> [class~=m-heading-drawer1])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer1]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer1]:first-child)) {
    margin-top: 32px;
    margin-bottom: 24px;
  }
}

.m-heading2, [class].m-heading-box:where(:has(> [class~=m-heading2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading2]:first-child)) {
  margin-top: 40px;
  margin-bottom: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading2, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading2])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading2]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading2]:first-child)) {
  margin-top: 0;
}
[class~=m-heading-area] + .m-heading2:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading2])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading2]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading2]:first-child)) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-heading2, [class].m-heading-box:where(:has(> [class~=m-heading2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading2]:first-child)) {
    margin-top: 40px;
    margin-bottom: 24px;
  }
}

.m-heading3-border, .m-heading3, [class].m-heading-box:where(:has(> [class~=m-heading3])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading3]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading3]:first-child)), .m-heading-modal2, [class].m-heading-box:where(:has(> [class~=m-heading-modal2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal2]:first-child)), .m-heading-drawer2, [class].m-heading-box:where(:has(> [class~=m-heading-drawer2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer2]:first-child)) {
  margin-top: 32px;
  margin-bottom: 16px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading3-border, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading3, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading3])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading3]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading3]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-modal2, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading-modal2])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal2]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal2]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-drawer2, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading-drawer2])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer2]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer2]:first-child)) {
  margin-top: 0;
}
[class~=m-heading-area] + .m-heading3-border:not(.l-lower-contents), [class~=m-heading-area] + .m-heading3:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading3])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading3]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading3]:first-child)), [class~=m-heading-area] + .m-heading-modal2:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading-modal2])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-modal2]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal2]:first-child)), [class~=m-heading-area] + .m-heading-drawer2:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading-drawer2])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-drawer2]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer2]:first-child)) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-heading3-border, .m-heading3, [class].m-heading-box:where(:has(> [class~=m-heading3])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading3]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading3]:first-child)), .m-heading-modal2, [class].m-heading-box:where(:has(> [class~=m-heading-modal2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-modal2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-modal2]:first-child)), .m-heading-drawer2, [class].m-heading-box:where(:has(> [class~=m-heading-drawer2])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading-drawer2]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading-drawer2]:first-child)) {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

.m-heading4-border, .m-heading4, [class].m-heading-box:where(:has(> [class~=m-heading4])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading4]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading4]:first-child)) {
  margin-top: 32px;
  margin-bottom: 16px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading4-border, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading4, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading4])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading4]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading4]:first-child)) {
  margin-top: 0;
}
[class~=m-heading-area] + .m-heading4-border:not(.l-lower-contents), [class~=m-heading-area] + .m-heading4:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading4])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading4]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading4]:first-child)) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-heading4-border, .m-heading4, [class].m-heading-box:where(:has(> [class~=m-heading4])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading4]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading4]:first-child)) {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}

.m-heading5, [class].m-heading-box:where(:has(> [class~=m-heading5])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading5]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading5]:first-child)) {
  margin-top: 16px;
  margin-bottom: 8px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading5, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class].m-heading-box:where(:has(> [class~=m-heading5])), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading5]:first-child)), [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading5]:first-child)) {
  margin-top: 0;
}
[class~=m-heading-area] + .m-heading5:not(.l-lower-contents), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):where(:has(> [class~=m-heading5])), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading5]:first-child)), [class~=m-heading-area] + [class].m-heading-box:not(.l-lower-contents):is(html *):where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading5]:first-child)) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-heading5, [class].m-heading-box:where(:has(> [class~=m-heading5])), .m-heading-box:is(html *)[class]:where(:has(> [class~=m-heading5]:first-child)), .m-heading-box:is(html *):is(html *)[class]:where(:has(> [class~=m-heading-box__item]:first-child > [class=m-heading5]:first-child)) {
    margin-top: 16px;
    margin-bottom: 8px;
  }
}

.m-heading1 {
  font-size: 1.75rem;
}
@media screen and (min-width: 769px) {
  .m-heading1 {
    font-size: 2rem;
  }
}

.m-heading2, .m-heading-drawer1 {
  font-size: 1.5rem;
}
@media screen and (min-width: 769px) {
  .m-heading2, .m-heading-drawer1 {
    font-size: 1.75rem;
  }
}

.m-heading3-border, .m-heading3, .m-heading-modal1, .m-heading-drawer2 {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-heading3-border, .m-heading3, .m-heading-modal1, .m-heading-drawer2 {
    font-size: 1.5rem;
  }
}

.m-heading4-border, .m-heading4, .m-heading-modal2 {
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .m-heading4-border, .m-heading4, .m-heading-modal2 {
    font-size: 1.25rem;
  }
}

.m-heading5 {
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-heading5 {
    font-size: 1.125rem;
  }
}

.m-heading1 {
  font-weight: 600;
}
.m-heading1.--center {
  text-align: center;
}
.m-heading1.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading1.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading1.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading1.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading1.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading1.--column.--items-start {
  align-items: start;
}
.m-heading1.--column.--items-end {
  align-items: end;
}
.m-heading1.--column.--items-center {
  align-items: center;
}
.m-heading1.--column.--justify-start {
  justify-content: start;
}
.m-heading1.--column.--justify-end {
  justify-content: end;
}
.m-heading1.--column.--justify-center {
  justify-content: center;
}
.m-heading1.--column.--justify-between {
  justify-content: space-between;
}
.m-heading1.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading1.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading1.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading1.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading1.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading1.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading1.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading1.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading1.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.l-two-column-wrapper .m-heading1:first-child {
  margin-top: 0;
}
.m-heading1 + .m-heading-lead {
  margin-top: -24px;
}
@media screen and (min-width: 769px) {
  .m-heading1 + .m-heading-lead {
    margin-top: -32px;
  }
}

.m-heading2 {
  z-index: 1;
  font-weight: 600;
}
.m-heading2.--center {
  text-align: center;
}
.m-heading2.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading2.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading2.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading2.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading2.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading2.--column.--items-start {
  align-items: start;
}
.m-heading2.--column.--items-end {
  align-items: end;
}
.m-heading2.--column.--items-center {
  align-items: center;
}
.m-heading2.--column.--justify-start {
  justify-content: start;
}
.m-heading2.--column.--justify-end {
  justify-content: end;
}
.m-heading2.--column.--justify-center {
  justify-content: center;
}
.m-heading2.--column.--justify-between {
  justify-content: space-between;
}
.m-heading2.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading2.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading2.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading2.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading2.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading2.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading2.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading2.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading2.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-heading2 + .m-heading-lead {
  margin-top: -16px;
}
@media screen and (min-width: 769px) {
  .m-heading2 + .m-heading-lead {
    margin-top: -24px;
  }
}

.m-heading3 {
  font-weight: 600;
}
.m-heading3.--center {
  text-align: center;
}
.m-heading3.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading3.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading3.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading3.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading3.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading3.--column.--items-start {
  align-items: start;
}
.m-heading3.--column.--items-end {
  align-items: end;
}
.m-heading3.--column.--items-center {
  align-items: center;
}
.m-heading3.--column.--justify-start {
  justify-content: start;
}
.m-heading3.--column.--justify-end {
  justify-content: end;
}
.m-heading3.--column.--justify-center {
  justify-content: center;
}
.m-heading3.--column.--justify-between {
  justify-content: space-between;
}
.m-heading3.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading3.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading3.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading3.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading3.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading3.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading3.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading3.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading3.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-heading3-border {
  position: relative;
  padding-bottom: 16px;
  font-weight: 600;
}
.m-heading3-border.--center {
  text-align: center;
}
.m-heading3-border.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading3-border.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading3-border.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading3-border.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading3-border.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading3-border.--column.--items-start {
  align-items: start;
}
.m-heading3-border.--column.--items-end {
  align-items: end;
}
.m-heading3-border.--column.--items-center {
  align-items: center;
}
.m-heading3-border.--column.--justify-start {
  justify-content: start;
}
.m-heading3-border.--column.--justify-end {
  justify-content: end;
}
.m-heading3-border.--column.--justify-center {
  justify-content: center;
}
.m-heading3-border.--column.--justify-between {
  justify-content: space-between;
}
.m-heading3-border.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading3-border.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading3-border.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading3-border.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading3-border.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading3-border.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading3-border.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading3-border.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading3-border.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-heading3-border::before, .m-heading3-border::after {
  display: block;
  position: absolute;
  bottom: 0;
  height: 4px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  content: "";
}
.m-heading3-border::before {
  left: 0;
  width: 100%;
  background-color: var(--color-neutral-30);
}
.m-heading3-border::after {
  left: 0;
  width: 80px;
  background-color: var(--color-orange-80);
}

.m-heading4 {
  font-weight: 600;
}
.m-heading4.--center {
  text-align: center;
}
.m-heading4.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading4.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading4.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading4.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading4.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading4.--column.--items-start {
  align-items: start;
}
.m-heading4.--column.--items-end {
  align-items: end;
}
.m-heading4.--column.--items-center {
  align-items: center;
}
.m-heading4.--column.--justify-start {
  justify-content: start;
}
.m-heading4.--column.--justify-end {
  justify-content: end;
}
.m-heading4.--column.--justify-center {
  justify-content: center;
}
.m-heading4.--column.--justify-between {
  justify-content: space-between;
}
.m-heading4.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading4.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading4.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading4.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading4.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading4.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading4.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading4.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading4.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-heading4-border {
  position: relative;
  padding-left: 12px;
  font-weight: 600;
}
.m-heading4-border.--center {
  text-align: center;
}
.m-heading4-border.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading4-border.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading4-border.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading4-border.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading4-border.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading4-border.--column.--items-start {
  align-items: start;
}
.m-heading4-border.--column.--items-end {
  align-items: end;
}
.m-heading4-border.--column.--items-center {
  align-items: center;
}
.m-heading4-border.--column.--justify-start {
  justify-content: start;
}
.m-heading4-border.--column.--justify-end {
  justify-content: end;
}
.m-heading4-border.--column.--justify-center {
  justify-content: center;
}
.m-heading4-border.--column.--justify-between {
  justify-content: space-between;
}
.m-heading4-border.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading4-border.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading4-border.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading4-border.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading4-border.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading4-border.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading4-border.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading4-border.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading4-border.--column.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-heading4-border::before {
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 4px;
  height: 70%;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  background-color: var(--color-orange-80);
  content: "";
}

.m-heading5 {
  font-weight: 600;
}
.m-heading5.--center {
  text-align: center;
}
.m-heading5.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading5.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading5.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading5.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading5.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading5.--column.--items-start {
  align-items: start;
}
.m-heading5.--column.--items-end {
  align-items: end;
}
.m-heading5.--column.--items-center {
  align-items: center;
}
.m-heading5.--column.--justify-start {
  justify-content: start;
}
.m-heading5.--column.--justify-end {
  justify-content: end;
}
.m-heading5.--column.--justify-center {
  justify-content: center;
}
.m-heading5.--column.--justify-between {
  justify-content: space-between;
}
.m-heading5.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading5.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading5.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading5.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading5.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading5.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading5.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading5.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading5.--column.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-heading-drawer1 {
  font-weight: 600;
}
.m-heading-drawer1.--center {
  text-align: center;
}
.m-heading-drawer1.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading-drawer1.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading-drawer1.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading-drawer1.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading-drawer1.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading-drawer1.--column.--items-start {
  align-items: start;
}
.m-heading-drawer1.--column.--items-end {
  align-items: end;
}
.m-heading-drawer1.--column.--items-center {
  align-items: center;
}
.m-heading-drawer1.--column.--justify-start {
  justify-content: start;
}
.m-heading-drawer1.--column.--justify-end {
  justify-content: end;
}
.m-heading-drawer1.--column.--justify-center {
  justify-content: center;
}
.m-heading-drawer1.--column.--justify-between {
  justify-content: space-between;
}
.m-heading-drawer1.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading-drawer1.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading-drawer1.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading-drawer1.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading-drawer1.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading-drawer1.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading-drawer1.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading-drawer1.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading-drawer1.--column.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-heading-drawer2 {
  font-weight: 600;
}
.m-heading-drawer2.--center {
  text-align: center;
}
.m-heading-drawer2.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading-drawer2.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading-drawer2.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading-drawer2.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading-drawer2.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading-drawer2.--column.--items-start {
  align-items: start;
}
.m-heading-drawer2.--column.--items-end {
  align-items: end;
}
.m-heading-drawer2.--column.--items-center {
  align-items: center;
}
.m-heading-drawer2.--column.--justify-start {
  justify-content: start;
}
.m-heading-drawer2.--column.--justify-end {
  justify-content: end;
}
.m-heading-drawer2.--column.--justify-center {
  justify-content: center;
}
.m-heading-drawer2.--column.--justify-between {
  justify-content: space-between;
}
.m-heading-drawer2.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading-drawer2.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading-drawer2.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading-drawer2.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading-drawer2.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading-drawer2.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading-drawer2.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading-drawer2.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading-drawer2.--column.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-heading-modal1 {
  font-weight: 600;
}
.m-heading-modal1.--center {
  text-align: center;
}
.m-heading-modal1.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading-modal1.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading-modal1.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading-modal1.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading-modal1.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading-modal1.--column.--items-start {
  align-items: start;
}
.m-heading-modal1.--column.--items-end {
  align-items: end;
}
.m-heading-modal1.--column.--items-center {
  align-items: center;
}
.m-heading-modal1.--column.--justify-start {
  justify-content: start;
}
.m-heading-modal1.--column.--justify-end {
  justify-content: end;
}
.m-heading-modal1.--column.--justify-center {
  justify-content: center;
}
.m-heading-modal1.--column.--justify-between {
  justify-content: space-between;
}
.m-heading-modal1.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading-modal1.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading-modal1.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading-modal1.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading-modal1.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading-modal1.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading-modal1.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading-modal1.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading-modal1.--column.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-heading-modal2 {
  font-weight: 600;
}
.m-heading-modal2.--center {
  text-align: center;
}
.m-heading-modal2.--icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.m-heading-modal2.--icon.--center {
  justify-content: center;
  text-align: left;
}
.m-heading-modal2.--column {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: space-between;
}
.m-heading-modal2.--column > [class]:is(html *) {
  margin-block: 0;
}
.m-heading-modal2.--column > [class*=m-button-] {
  flex-shrink: 0;
}
.m-heading-modal2.--column.--items-start {
  align-items: start;
}
.m-heading-modal2.--column.--items-end {
  align-items: end;
}
.m-heading-modal2.--column.--items-center {
  align-items: center;
}
.m-heading-modal2.--column.--justify-start {
  justify-content: start;
}
.m-heading-modal2.--column.--justify-end {
  justify-content: end;
}
.m-heading-modal2.--column.--justify-center {
  justify-content: center;
}
.m-heading-modal2.--column.--justify-between {
  justify-content: space-between;
}
.m-heading-modal2.--column.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-heading-modal2.--column.--md\:items-start {
    align-items: start;
  }
  .m-heading-modal2.--column.--md\:items-end {
    align-items: end;
  }
  .m-heading-modal2.--column.--md\:items-center {
    align-items: center;
  }
  .m-heading-modal2.--column.--md\:justify-start {
    justify-content: start;
  }
  .m-heading-modal2.--column.--md\:justify-end {
    justify-content: end;
  }
  .m-heading-modal2.--column.--md\:justify-center {
    justify-content: center;
  }
  .m-heading-modal2.--column.--md\:justify-between {
    justify-content: space-between;
  }
  .m-heading-modal2.--column.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-heading-box {
  display: grid;
  row-gap: 8px;
}
.m-heading-box > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-heading-box {
    row-gap: 8px;
  }
  .m-heading-box.--column {
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
  }
}
.m-heading-box.--column.--column-end {
  align-items: end;
}
.m-heading-box.--lg {
  row-gap: 24px;
}
@media screen and (min-width: 769px) {
  .m-heading-box.--lg {
    row-gap: 8px;
  }
}
.m-heading-box__blank > [class]:is(html *) {
  margin-block: 0;
}
.m-heading-box__item {
  display: flex;
  row-gap: 8px;
  flex-direction: column;
}
.m-heading-box__item > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-heading-box__item {
    row-gap: 8px;
  }
}
.m-heading-box__item.--lg {
  row-gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-heading-box__item.--lg {
    row-gap: 8px;
  }
}
.m-heading-box__item.--column {
  -moz-column-gap: 8px;
       column-gap: 8px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.m-heading-box__item.--column.--column-end {
  align-items: end;
}
.m-heading-box__item.--column.--wide {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-heading-box__item.--column.--wide {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.m-heading-box__item.--column.--lg {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-heading-box__item.--column.--lg {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.m-heading-box__date {
  color: var(--color-neutral-80);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-heading-box__parent {
  font-size: 1rem;
}
.m-heading-box__parent::after {
  margin-left: 8px;
  content: "/";
  color: var(--color-neutral-80);
}
.m-heading-area-top {
  position: relative;
}
.m-heading-area-top.--fac:before, .m-heading-area-top.--fac:after {
  display: block;
  position: absolute;
  content: "";
}
.m-heading-area-top.--fac:before {
  z-index: 2;
  top: 0;
  left: 0;
  width: calc(100% + 32px - 40px);
  height: 574px;
  transform: translateX(-16px);
  border-top-right-radius: 72px;
  background-color: var(--color-blond-40);
}
@media screen and (min-width: 769px) {
  .m-heading-area-top.--fac:before {
    width: calc((100vw - var(--md-w-contents)) / 2 + 930px);
    height: 427px;
    transform: translateX(min(-32px, -1 * (100vw - 1200px) / 2));
    border-top-right-radius: 120px;
  }
}
.m-heading-area-top.--fac:after {
  z-index: 0;
  top: 267px;
  right: 0;
  width: calc(100% + 32px - 90px);
  height: 420px;
  transform: translateX(16px);
  border-bottom-left-radius: 48px;
  background-color: var(--color-green-40);
}
@media screen and (min-width: 769px) {
  .m-heading-area-top.--fac:after {
    top: 197px;
    width: calc((100vw - var(--md-w-contents)) / 2 + 670px);
    height: 310px;
    transform: translateX(max(32px, 1 * (100vw - 1200px) / 2));
    border-bottom-left-radius: 80px;
  }
}
.m-heading-area-top.--usr:before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 40px);
  height: 536px;
  transform: translateX(-16px);
  border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
  background-color: var(--color-yellow-40);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-heading-area-top.--usr:before {
    width: calc((100vw - var(--md-w-contents)) / 2 + 1054px);
    height: 347px;
    transform: translateX(min(-32px, -1 * (100vw - 1200px) / 2));
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
  }
}
.m-heading-area-top.--usr:after {
  display: block;
  z-index: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 415px;
  transform: translateX(16px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  background-color: #FFC7A8;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-heading-area-top.--usr:after {
    width: calc((100vw - var(--md-w-contents)) / 2 + 724px);
    height: 240px;
    transform: translateX(max(32px, 1 * (100vw - 1200px) / 2));
    border-top-left-radius: 30px;
    border-bottom-left-radius: 32px;
  }
}

.m-heading-area {
  position: relative;
  padding-top: 32px;
  padding-bottom: 75px;
}
.m-heading-area + * {
  z-index: 3;
  position: relative;
}
.m-heading-area__inner > * {
  z-index: 3;
  position: relative;
}
.m-heading-area__inner:before {
  display: block;
  z-index: 2;
  position: absolute;
  top: 100%;
  left: 16px;
  width: 100vw;
  height: 40px;
  transform: translateX(min(-32px, -1 * (100vw - 1200px) / 2));
  background-color: var(--color-white);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-heading-area__inner:before {
    left: 0;
  }
}
.m-heading-area:before, .m-heading-area:after {
  display: block;
  position: absolute;
  content: "";
}
.m-heading-area:before {
  z-index: 0;
  bottom: 0;
  left: 0;
  width: calc((100vw - var(--md-w-contents)) / 2 + 840px);
  height: 100%;
  transform: translateX(-16px);
  border-top-right-radius: 72px;
  background-color: var(--color-blond-60);
}
@media screen and (min-width: 769px) {
  .m-heading-area:before {
    transform: translateX(min(-32px, -1 * (100vw - 1200px) / 2));
  }
}
.m-heading-area:after {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: -40px;
  width: calc((100vw - var(--md-w-contents)) / 2 + 550px);
  height: 100%;
  transform: translateX(16px);
  border-top-left-radius: 64px;
  background-color: var(--color-green-40);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-heading-area:after {
    width: calc((100vw - var(--md-w-contents)) / 2 + 550px);
    transform: translateX(max(32px, 1 * (100vw - 1200px) / 2));
    border-top-left-radius: 104px;
  }
}
.m-heading-area.--usr:before {
  background-color: var(--color-yellow-60);
}
.m-heading-area.--usr:after {
  background-color: var(--color-orange-40);
}
.m-heading-area.--gov:before {
  background-color: var(--color-green-60);
}
.m-heading-area.--gov:after {
  background-color: var(--color-orange-40);
}

.m-text-container {
  display: flex;
}
.m-text-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-container > [class]:is(html *) {
  margin-block: 0;
}
.m-text-container.--end {
  justify-content: flex-end;
}
@media screen and (min-width: 769px) {
  .m-text-container.--md\:end {
    justify-content: flex-end;
  }
}
.m-text-container.--center {
  justify-content: center;
}
@media screen and (min-width: 769px) {
  .m-text-container.--md-center {
    justify-content: center;
  }
}
.m-text-container.--baseline {
  align-items: baseline;
}

.m-text {
  color: inherit;
  font-size: 100%;
}
.m-text:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text > [class]:is(html *) {
  margin-block: 0;
}
.m-text.--indent-1 {
  padding-left: 1em;
}
.m-text.--indent-2 {
  padding-left: 2em;
}
.m-text.--indent-checkbox {
  padding-left: 38px;
}
.m-text.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text.--indent-xxs {
  padding-left: 8px;
}
.m-text.--indent-xs {
  padding-left: 16px;
}
.m-text.--indent-sm {
  padding-left: 24px;
}
.m-text.--indent-md {
  padding-left: 32px;
}
.m-text.--indent-lg {
  padding-left: 40px;
}
.m-text.--indent-xl {
  padding-left: 48px;
}
.m-text.--left {
  text-align: left;
}
.m-text.--center {
  text-align: center;
}
.m-text.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text.--md\:left {
    text-align: left;
  }
  .m-text.--md\:center {
    text-align: center;
  }
  .m-text.--md\:right {
    text-align: right;
  }
}
.m-text.--xs {
  font-size: 0.75rem;
}
.m-text.--sm {
  font-size: 0.875rem;
}
.m-text.--lg {
  font-size: 1.125rem;
}
.m-text.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text.--md\:xl {
    font-size: 1.25rem;
  }
}

.m-text-bold {
  font-weight: 600;
}
.m-text-bold:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-bold {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-bold:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-bold > [class]:is(html *) {
  margin-block: 0;
}
.m-text-bold.--indent-1 {
  padding-left: 1em;
}
.m-text-bold.--indent-2 {
  padding-left: 2em;
}
.m-text-bold.--indent-checkbox {
  padding-left: 38px;
}
.m-text-bold.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-bold.--indent-xxs {
  padding-left: 8px;
}
.m-text-bold.--indent-xs {
  padding-left: 16px;
}
.m-text-bold.--indent-sm {
  padding-left: 24px;
}
.m-text-bold.--indent-md {
  padding-left: 32px;
}
.m-text-bold.--indent-lg {
  padding-left: 40px;
}
.m-text-bold.--indent-xl {
  padding-left: 48px;
}
.m-text-bold.--left {
  text-align: left;
}
.m-text-bold.--center {
  text-align: center;
}
.m-text-bold.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-bold.--md\:left {
    text-align: left;
  }
  .m-text-bold.--md\:center {
    text-align: center;
  }
  .m-text-bold.--md\:right {
    text-align: right;
  }
}
.m-text-bold.--xs {
  font-size: 0.75rem;
}
.m-text-bold.--sm {
  font-size: 0.875rem;
}
.m-text-bold.--lg {
  font-size: 1.125rem;
}
.m-text-bold.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-bold.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-bold.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-bold.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-bold.--md\:xl {
    font-size: 1.25rem;
  }
}

.m-text-em {
  color: var(--color-semantic-alert-100);
}
.m-text-em:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-em {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-em:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-em > [class]:is(html *) {
  margin-block: 0;
}
.m-text-em.--indent-1 {
  padding-left: 1em;
}
.m-text-em.--indent-2 {
  padding-left: 2em;
}
.m-text-em.--indent-checkbox {
  padding-left: 38px;
}
.m-text-em.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-em.--indent-xxs {
  padding-left: 8px;
}
.m-text-em.--indent-xs {
  padding-left: 16px;
}
.m-text-em.--indent-sm {
  padding-left: 24px;
}
.m-text-em.--indent-md {
  padding-left: 32px;
}
.m-text-em.--indent-lg {
  padding-left: 40px;
}
.m-text-em.--indent-xl {
  padding-left: 48px;
}
.m-text-em.--left {
  text-align: left;
}
.m-text-em.--center {
  text-align: center;
}
.m-text-em.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-em.--md\:left {
    text-align: left;
  }
  .m-text-em.--md\:center {
    text-align: center;
  }
  .m-text-em.--md\:right {
    text-align: right;
  }
}
.m-text-em.--xs {
  font-size: 0.75rem;
}
.m-text-em.--sm {
  font-size: 0.875rem;
}
.m-text-em.--lg {
  font-size: 1.125rem;
}
.m-text-em.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-em.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-em.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-em.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-em.--md\:xl {
    font-size: 1.25rem;
  }
}

.m-text-strong {
  color: var(--color-semantic-alert-100);
  font-weight: 600;
}
.m-text-strong:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-strong {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-strong:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-strong > [class]:is(html *) {
  margin-block: 0;
}
.m-text-strong.--indent-1 {
  padding-left: 1em;
}
.m-text-strong.--indent-2 {
  padding-left: 2em;
}
.m-text-strong.--indent-checkbox {
  padding-left: 38px;
}
.m-text-strong.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-strong.--indent-xxs {
  padding-left: 8px;
}
.m-text-strong.--indent-xs {
  padding-left: 16px;
}
.m-text-strong.--indent-sm {
  padding-left: 24px;
}
.m-text-strong.--indent-md {
  padding-left: 32px;
}
.m-text-strong.--indent-lg {
  padding-left: 40px;
}
.m-text-strong.--indent-xl {
  padding-left: 48px;
}
.m-text-strong.--left {
  text-align: left;
}
.m-text-strong.--center {
  text-align: center;
}
.m-text-strong.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-strong.--md\:left {
    text-align: left;
  }
  .m-text-strong.--md\:center {
    text-align: center;
  }
  .m-text-strong.--md\:right {
    text-align: right;
  }
}
.m-text-strong.--xs {
  font-size: 0.75rem;
}
.m-text-strong.--sm {
  font-size: 0.875rem;
}
.m-text-strong.--lg {
  font-size: 1.125rem;
}
.m-text-strong.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-strong.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-strong.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-strong.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-strong.--md\:xl {
    font-size: 1.25rem;
  }
}

.m-text-sub {
  color: var(--color-neutral-80);
}
.m-text-sub:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-sub {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-sub:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-sub > [class]:is(html *) {
  margin-block: 0;
}
.m-text-sub.--indent-1 {
  padding-left: 1em;
}
.m-text-sub.--indent-2 {
  padding-left: 2em;
}
.m-text-sub.--indent-checkbox {
  padding-left: 38px;
}
.m-text-sub.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-sub.--indent-xxs {
  padding-left: 8px;
}
.m-text-sub.--indent-xs {
  padding-left: 16px;
}
.m-text-sub.--indent-sm {
  padding-left: 24px;
}
.m-text-sub.--indent-md {
  padding-left: 32px;
}
.m-text-sub.--indent-lg {
  padding-left: 40px;
}
.m-text-sub.--indent-xl {
  padding-left: 48px;
}
.m-text-sub.--left {
  text-align: left;
}
.m-text-sub.--center {
  text-align: center;
}
.m-text-sub.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-sub.--md\:left {
    text-align: left;
  }
  .m-text-sub.--md\:center {
    text-align: center;
  }
  .m-text-sub.--md\:right {
    text-align: right;
  }
}
.m-text-sub.--xs {
  font-size: 0.75rem;
}
.m-text-sub.--sm {
  font-size: 0.875rem;
}
.m-text-sub.--lg {
  font-size: 1.125rem;
}
.m-text-sub.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-sub.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-sub.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-sub.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-sub.--md\:xl {
    font-size: 1.25rem;
  }
}

.m-text-price {
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
}
.m-text-price:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-price {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-price:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-price > [class]:is(html *) {
  margin-block: 0;
}
.m-text-price.--indent-1 {
  padding-left: 1em;
}
.m-text-price.--indent-2 {
  padding-left: 2em;
}
.m-text-price.--indent-checkbox {
  padding-left: 38px;
}
.m-text-price.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-price.--indent-xxs {
  padding-left: 8px;
}
.m-text-price.--indent-xs {
  padding-left: 16px;
}
.m-text-price.--indent-sm {
  padding-left: 24px;
}
.m-text-price.--indent-md {
  padding-left: 32px;
}
.m-text-price.--indent-lg {
  padding-left: 40px;
}
.m-text-price.--indent-xl {
  padding-left: 48px;
}
.m-text-price.--left {
  text-align: left;
}
.m-text-price.--center {
  text-align: center;
}
.m-text-price.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-price.--md\:left {
    text-align: left;
  }
  .m-text-price.--md\:center {
    text-align: center;
  }
  .m-text-price.--md\:right {
    text-align: right;
  }
}

.m-text-price-unit {
  margin-left: 4px;
  color: var(--color-neutral-80);
  font-size: 1rem;
}
.m-text-price-unit:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-price-unit {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-price-unit:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-price-unit > [class]:is(html *) {
  margin-block: 0;
}
.m-text-price-unit.--indent-1 {
  padding-left: 1em;
}
.m-text-price-unit.--indent-2 {
  padding-left: 2em;
}
.m-text-price-unit.--indent-checkbox {
  padding-left: 38px;
}
.m-text-price-unit.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-price-unit.--indent-xxs {
  padding-left: 8px;
}
.m-text-price-unit.--indent-xs {
  padding-left: 16px;
}
.m-text-price-unit.--indent-sm {
  padding-left: 24px;
}
.m-text-price-unit.--indent-md {
  padding-left: 32px;
}
.m-text-price-unit.--indent-lg {
  padding-left: 40px;
}
.m-text-price-unit.--indent-xl {
  padding-left: 48px;
}
.m-text-price-unit.--left {
  text-align: left;
}
.m-text-price-unit.--center {
  text-align: center;
}
.m-text-price-unit.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-price-unit.--md\:left {
    text-align: left;
  }
  .m-text-price-unit.--md\:center {
    text-align: center;
  }
  .m-text-price-unit.--md\:right {
    text-align: right;
  }
}

.m-text-clamp {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-text-clamp.--line-2 {
  -webkit-line-clamp: 2;
}
.m-text-clamp.--line-3 {
  -webkit-line-clamp: 3;
}
.m-text-clamp.--line-4 {
  -webkit-line-clamp: 4;
}
.m-text-clamp.--line-5 {
  -webkit-line-clamp: 4;
}

.m-text-clip {
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  position: relative;
  -webkit-line-clamp: 1;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.m-text-clip:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-clip {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-clip:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-clip > [class]:is(html *) {
  margin-block: 0;
}
.m-text-clip.--indent-1 {
  padding-left: 1em;
}
.m-text-clip.--indent-2 {
  padding-left: 2em;
}
.m-text-clip.--indent-checkbox {
  padding-left: 38px;
}
.m-text-clip.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-clip.--indent-xxs {
  padding-left: 8px;
}
.m-text-clip.--indent-xs {
  padding-left: 16px;
}
.m-text-clip.--indent-sm {
  padding-left: 24px;
}
.m-text-clip.--indent-md {
  padding-left: 32px;
}
.m-text-clip.--indent-lg {
  padding-left: 40px;
}
.m-text-clip.--indent-xl {
  padding-left: 48px;
}
.m-text-clip.--left {
  text-align: left;
}
.m-text-clip.--center {
  text-align: center;
}
.m-text-clip.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-clip.--md\:left {
    text-align: left;
  }
  .m-text-clip.--md\:center {
    text-align: center;
  }
  .m-text-clip.--md\:right {
    text-align: right;
  }
}
.m-text-clip.--xs {
  font-size: 0.75rem;
}
.m-text-clip.--sm {
  font-size: 0.875rem;
}
.m-text-clip.--lg {
  font-size: 1.125rem;
}
.m-text-clip.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-clip.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-clip.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-clip.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-clip.--md\:xl {
    font-size: 1.25rem;
  }
}
.m-text-clip > [class*=m-icon] {
  position: absolute;
  top: 0.25em;
  bottom: 0;
  left: 0;
  margin-block: auto;
}

.m-text-icon {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
}
.m-text-icon:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-text-icon {
  margin-top: 0;
}
[class~=m-heading-area] + .m-text-icon:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-text-icon > [class]:is(html *) {
  margin-block: 0;
}
.m-text-icon.--indent-1 {
  padding-left: 1em;
}
.m-text-icon.--indent-2 {
  padding-left: 2em;
}
.m-text-icon.--indent-checkbox {
  padding-left: 38px;
}
.m-text-icon.--indent-checkbox-s {
  padding-left: 42px;
}
.m-text-icon.--indent-xxs {
  padding-left: 8px;
}
.m-text-icon.--indent-xs {
  padding-left: 16px;
}
.m-text-icon.--indent-sm {
  padding-left: 24px;
}
.m-text-icon.--indent-md {
  padding-left: 32px;
}
.m-text-icon.--indent-lg {
  padding-left: 40px;
}
.m-text-icon.--indent-xl {
  padding-left: 48px;
}
.m-text-icon.--left {
  text-align: left;
}
.m-text-icon.--center {
  text-align: center;
}
.m-text-icon.--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-text-icon.--md\:left {
    text-align: left;
  }
  .m-text-icon.--md\:center {
    text-align: center;
  }
  .m-text-icon.--md\:right {
    text-align: right;
  }
}
.m-text-icon.--xs {
  font-size: 0.75rem;
}
.m-text-icon.--sm {
  font-size: 0.875rem;
}
.m-text-icon.--lg {
  font-size: 1.125rem;
}
.m-text-icon.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-text-icon.--md\:xs {
    font-size: 0.75rem;
  }
  .m-text-icon.--md\:sm {
    font-size: 0.875rem;
  }
  .m-text-icon.--md\:lg {
    font-size: 1.125rem;
  }
  .m-text-icon.--md\:xl {
    font-size: 1.25rem;
  }
}
.m-text-icon.--gap-sm {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.m-text-icon .m-icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.m-text-icon.--bold {
  font-weight: 600;
}

.m-accordion-container {
  display: grid;
}
.m-accordion-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-accordion-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-accordion-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-accordion-container > [class]:is(html *) {
  margin-block: 0;
}
.m-accordion-container.--gap-xxxs {
  gap: 4px;
}
.m-accordion-container.--gap-xxs {
  gap: 8px;
}
.m-accordion-container.--gap-xs {
  gap: 16px;
}
.m-accordion-container.--gap-sm {
  gap: 24px;
}
.m-accordion-container.--gap-md {
  gap: 32px;
}
.m-accordion-container.--gap-lg {
  gap: 40px;
}
.m-accordion-container.--gap-xl {
  gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-accordion-container.--md\:gap-xxxs {
    gap: 4px;
  }
  .m-accordion-container.--md\:gap-xxs {
    gap: 8px;
  }
  .m-accordion-container.--md\:gap-xs {
    gap: 16px;
  }
  .m-accordion-container.--md\:gap-sm {
    gap: 24px;
  }
  .m-accordion-container.--md\:gap-md {
    gap: 32px;
  }
  .m-accordion-container.--md\:gap-lg {
    gap: 40px;
  }
  .m-accordion-container.--md\:gap-xl {
    gap: 48px;
  }
}
.m-accordion-container.--gap-x-xxxs {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.m-accordion-container.--gap-x-xxs {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.m-accordion-container.--gap-x-xs {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.m-accordion-container.--gap-x-sm {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.m-accordion-container.--gap-x-md {
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.m-accordion-container.--gap-x-lg {
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.m-accordion-container.--gap-x-xl {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-accordion-container.--md\:gap-x-xxxs {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .m-accordion-container.--md\:gap-x-xxs {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .m-accordion-container.--md\:gap-x-xs {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .m-accordion-container.--md\:gap-x-sm {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .m-accordion-container.--md\:gap-x-md {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .m-accordion-container.--md\:gap-x-lg {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .m-accordion-container.--md\:gap-x-xl {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.m-accordion-container.--gap-y-xxxs {
  row-gap: 4px;
}
.m-accordion-container.--gap-y-xxs {
  row-gap: 8px;
}
.m-accordion-container.--gap-y-xs {
  row-gap: 16px;
}
.m-accordion-container.--gap-y-sm {
  row-gap: 24px;
}
.m-accordion-container.--gap-y-md {
  row-gap: 32px;
}
.m-accordion-container.--gap-y-lg {
  row-gap: 40px;
}
.m-accordion-container.--gap-y-xl {
  row-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-accordion-container.--md\:gap-y-xxxs {
    row-gap: 4px;
  }
  .m-accordion-container.--md\:gap-y-xxs {
    row-gap: 8px;
  }
  .m-accordion-container.--md\:gap-y-xs {
    row-gap: 16px;
  }
  .m-accordion-container.--md\:gap-y-sm {
    row-gap: 24px;
  }
  .m-accordion-container.--md\:gap-y-md {
    row-gap: 32px;
  }
  .m-accordion-container.--md\:gap-y-lg {
    row-gap: 40px;
  }
  .m-accordion-container.--md\:gap-y-xl {
    row-gap: 48px;
  }
}

.m-accordion-basic-box {
  padding: 0 16px;
  border-radius: 16px;
  background-color: var(--color-neutral-10);
}
.m-accordion-basic-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-accordion-basic-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-accordion-basic-box:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-accordion-basic-box.--secondary {
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-accordion-basic-box {
    padding: 0 24px;
  }
}
.m-accordion-basic-box.--sm {
  padding: 0 16px;
}
.m-accordion-basic-box__title {
  display: block;
  position: relative;
  padding: 16px 32px 16px 0;
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .m-accordion-basic-box__title {
    padding: 24px 32px 24px 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .m-accordion-basic-box__title:hover {
    text-decoration: underline;
    cursor: pointer;
  }
}
.m-accordion-basic-box__title::-webkit-details-marker {
  display: none;
}
.m-accordion-basic-box__title::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_plus.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_plus.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.--active .m-accordion-basic-box__title::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_minus.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_minus.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.--sm .m-accordion-basic-box__title {
  padding: 16px 0;
  font-size: 1rem;
}
.m-accordion-basic-box__contents {
  box-sizing: content-box;
  overflow: hidden;
  color: var(--color-neutral-100);
  opacity: 0;
  transition: padding 0.2s ease 0.1s, max-height 0.3s ease-out, opacity 0.3s;
}
.--active .m-accordion-basic-box__contents {
  padding-bottom: 24px;
  opacity: 1;
  transition: padding 0.3s, max-height 0.3s, opacity 0.3s;
}
.--sm.--active .m-accordion-basic-box__contents {
  padding-bottom: 16px;
}
.m-accordion-basic-box__description {
  color: var(--color-black);
}
.m-accordion-basic-box__sub {
  color: var(--color-black);
  font-weight: 600;
}
.m-accordion-basic-box.--filter .m-accordion-basic-box__title > span {
  position: relative;
  padding-left: 20px;
}
.m-accordion-basic-box.--filter .m-accordion-basic-box__title > span::before {
  display: none;
}
.m-accordion-basic-box.--filter .m-accordion-basic-box__title > span::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_filter.svg");
  display: inline-block;
  position: absolute;
  top: calc(50% + 1px);
  left: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_filter.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-accordion-basic-box.--question .m-accordion-basic-box__title > span {
  display: block;
  position: relative;
  padding-left: 32px;
}
.m-accordion-basic-box.--question .m-accordion-basic-box__title > span::before {
  display: none;
}
.m-accordion-basic-box.--question .m-accordion-basic-box__title > span::after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/icons/icon_faq_q.svg") no-repeat center center/24px 24px;
  content: "";
}

.m-accordion-box {
  padding: 0 16px;
  border-radius: 16px;
  background-color: var(--color-blond-20);
}
.m-accordion-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-accordion-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-accordion-box:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-accordion-box {
    padding: 0 24px;
  }
}
.m-accordion-box.--secondary-alert:not(:first-child), .m-accordion-box.--secondary:not(:first-child) {
  border-top: none;
}
.m-accordion-box.--secondary {
  padding: 0;
  border-top: 1px solid var(--color-neutral-30);
  border-bottom: 1px solid var(--color-neutral-30);
  border-radius: 0;
  background-color: var(--color-white);
}
.m-accordion-box.--secondary-alert {
  border: 2px solid var(--color-semantic-alert-100);
  background-color: var(--color-white);
}
.m-accordion-box.--sm {
  padding: 0 16px;
}
.m-accordion-box__title {
  display: block;
  position: relative;
  padding: 16px 32px 16px 0;
  font-weight: 600;
  font-size: 1.125rem;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .m-accordion-box__title:hover {
    text-decoration: underline;
    cursor: pointer;
  }
}
@media screen and (min-width: 769px) {
  .m-accordion-box__title {
    padding: 24px 32px 24px 0;
  }
}
.m-accordion-box__title::-webkit-details-marker {
  display: none;
}
.m-accordion-box__title::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_plus.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_plus.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.--active .m-accordion-box__title::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_minus.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_minus.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.--sm .m-accordion-box__title {
  padding: 16px 0;
  font-size: 1rem;
}
.--sm .m-accordion-box__title::after {
  top: 16px;
}
.m-accordion-box__title.--sm {
  font-size: 1rem;
}
.--secondary-alert .m-accordion-box__title, .--secondary .m-accordion-box__title {
  font-weight: 350;
  font-size: 1rem;
}
.--secondary .m-accordion-box__title::after {
  width: 16px;
  height: 16px;
}
.--secondary-alert .m-accordion-box__title {
  color: var(--color-semantic-alert-100);
  font-weight: bold;
}
.--secondary-alert .m-accordion-box__title > span, .--secondary .m-accordion-box__title > span {
  padding-left: 0;
}
.--secondary-alert .m-accordion-box__title > span::before, .--secondary-alert .m-accordion-box__title > span::after, .--secondary .m-accordion-box__title > span::before, .--secondary .m-accordion-box__title > span::after {
  content: none;
}
.m-accordion-box__contents {
  box-sizing: content-box;
  overflow: hidden;
  color: var(--color-neutral-100);
  opacity: 0;
  transition: padding 0.2s ease 0.1s, max-height 0.3s ease-out, opacity 0.3s;
}
.--active .m-accordion-box__contents {
  padding-bottom: 24px;
  opacity: 1;
  transition: padding 0.3s, max-height 0.3s, opacity 0.3s;
}
.--sm.--active .m-accordion-box__contents {
  padding-bottom: 16px;
}
.--secondary .m-accordion-box__contents {
  padding: 8px 16px 24px;
  color: var(--color-black);
}
@media screen and (min-width: 769px) {
  .--secondary .m-accordion-box__contents {
    padding: 8px 24px 24px;
  }
}
.m-accordion-box__contents-inner {
  padding: 16px 16px 0;
}
.m-accordion-box__contents-inner > *:first-child {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .m-accordion-box__contents-inner {
    padding: 24px 40px 8px;
  }
}
.m-accordion-box__description {
  color: var(--color-black);
}
.m-accordion-box__sub {
  color: var(--color-black);
  font-weight: 600;
}
.m-accordion-box.--no-icon .m-accordion-box__title > span {
  padding: 0;
}
.m-accordion-box.--no-icon .m-accordion-box__title > span::after, .m-accordion-box.--no-icon .m-accordion-box__title > span::before {
  display: none;
}
.m-accordion-box.--caution {
  background-color: var(--color-blond-20);
}
.m-accordion-box.--caution .m-accordion-box__title > span {
  display: block;
  position: relative;
  padding-left: 32px;
}
.m-accordion-box.--caution .m-accordion-box__title > span::after {
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/icons/icon_attention.svg") no-repeat center center/24px 24px;
  content: "";
}
.m-accordion-box.--caution.--no-icon .m-accordion-box__title > span {
  padding: 0;
}
.m-accordion-box.--caution.--no-icon .m-accordion-box__title > span::after, .m-accordion-box.--caution.--no-icon .m-accordion-box__title > span::before {
  display: none;
}
.m-accordion-box.--error {
  background-color: var(--color-semantic-alert-20);
}
.m-accordion-box.--error .m-accordion-box__title {
  color: var(--color-semantic-alert-100);
}
.m-accordion-box.--error .m-accordion-box__title > span {
  display: block;
  position: relative;
  padding-left: 32px;
}
.m-accordion-box.--error .m-accordion-box__title > span::after {
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/icons/icon_alert.svg") no-repeat center center/24px 24px;
  content: "";
}
.m-accordion-box.--error.--no-icon .m-accordion-box__title > span {
  padding: 0;
}
.m-accordion-box.--error.--no-icon .m-accordion-box__title > span::after, .m-accordion-box.--error.--no-icon .m-accordion-box__title > span::before {
  display: none;
}

.m-button-filter, .m-button-action, .m-button-favorite, .m-button-secondary, .m-button-primary {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: calc(100% - 64px);
  max-width: 320px;
  margin-inline: auto;
  padding: 14px 44px 14px 44px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: break-word;
}
@media screen and (min-width: 769px) {
  .m-button-filter, .m-button-action, .m-button-favorite, .m-button-secondary, .m-button-primary {
    width: 100%;
    margin-inline: 0;
  }
}
.m-button-filter::after, .m-button-action::after, .m-button-favorite::after, .m-button-secondary::after, .m-button-primary::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
[target=_blank].m-button-filter::after, [target=_blank].m-button-action::after, [target=_blank].m-button-favorite::after, [target=_blank].m-button-secondary::after, [target=_blank].m-button-primary::after {
  right: 16px;
  width: 24px;
  height: 24px;
}
[target=_blank].m-button-primary::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_blank.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_blank.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
[target=_blank].m-button-secondary::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_blank.svg");
  background-image: none;
  background-color: var(--color-white);
          mask-image: url("/img/icons/icon_blank.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.--sm.m-button-filter, .--sm.m-button-action, .--sm.m-button-favorite, .--sm.m-button-secondary, .--sm.m-button-primary {
  width: auto;
  max-width: 240px;
  margin-inline: 0;
  padding: 13px 44px 12px 24px;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .--sm.m-button-filter, .--sm.m-button-action, .--sm.m-button-favorite, .--sm.m-button-secondary, .--sm.m-button-primary {
    margin-inline: 0;
    font-size: 0.875rem;
  }
}
.--sm.--no-arrow.m-button-filter, .--sm.--no-arrow.m-button-action, .--sm.--no-arrow.m-button-favorite, .--sm.--no-arrow.m-button-secondary, .--sm.--no-arrow.m-button-primary {
  padding-right: 24px;
}
.--xs.m-button-filter, .--xs.m-button-action, .--xs.m-button-favorite, .--xs.m-button-secondary, .--xs.m-button-primary {
  width: auto;
  max-width: 120px;
  margin-inline: 0;
  padding: 8px 36px 8px 24px;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .--xs.m-button-filter, .--xs.m-button-action, .--xs.m-button-favorite, .--xs.m-button-secondary, .--xs.m-button-primary {
    margin-inline: 0;
    font-size: 0.875rem;
  }
}
.--xs.--no-arrow.m-button-filter, .--xs.--no-arrow.m-button-action, .--xs.--no-arrow.m-button-favorite, .--xs.--no-arrow.m-button-secondary, .--xs.--no-arrow.m-button-primary {
  padding-right: 24px;
}
.--no-arrow.m-button-filter::before, .--no-arrow.m-button-action::before, .--no-arrow.m-button-favorite::before, .--no-arrow.m-button-secondary::before, .--no-arrow.m-button-primary::before, .--no-arrow.m-button-filter::after, .--no-arrow.m-button-action::after, .--no-arrow.m-button-favorite::after, .--no-arrow.m-button-secondary::after, .--no-arrow.m-button-primary::after {
  content: none;
}
.--w-auto.m-button-filter, .--w-auto.m-button-action, .--w-auto.m-button-favorite, .--w-auto.m-button-secondary, .--w-auto.m-button-primary {
  width: auto;
}
@media (hover: hover) and (pointer: fine) {
  .m-button-filter:hover, .m-button-action:hover, .m-button-favorite:hover, .m-button-secondary:hover, .m-button-primary:hover {
    text-decoration: underline;
  }
}
.m-box-primary .m-box-secondary .m-button-filter, .m-box-primary .m-box-secondary .m-button-action, .m-box-primary .m-box-secondary .m-button-favorite, .m-box-primary .m-box-secondary .m-button-secondary, .m-box-primary .m-box-secondary .m-button-primary {
  width: 100%;
}

.custom-location-button, .m-button-icon {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-indent: 100%;
  vertical-align: top;
  white-space: nowrap;
}
.custom-location-button::after, .m-button-icon::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
  content: "";
}

.m-button-container {
  display: flex;
  z-index: 1;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}
.m-button-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-container > [class]:is(html *) {
  margin-block: 0;
}
.m-button-container.--row {
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:row {
    flex-direction: column;
  }
}
.m-button-container.--row-reverse {
  flex-direction: column-reverse;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:row-reverse {
    flex-direction: column-reverse;
  }
}
.m-button-container.--column {
  flex-direction: row;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:column {
    flex-direction: row;
  }
}
.m-button-container.--reverse, .m-button-container.--column-reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:reverse, .m-button-container.--md\:column-reverse {
    flex-direction: row-reverse;
  }
}
.m-button-container.--start {
  justify-content: flex-start;
}
.m-button-container.--start[class*="--row"] {
  align-items: flex-start;
  justify-content: initial;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:start {
    justify-content: flex-start;
  }
  .m-button-container.--md\:start[class*="--row"] {
    align-items: flex-start;
    justify-content: initial;
  }
}
.m-button-container.--center {
  justify-content: center;
}
.m-button-container.--center[class*="--row"] {
  align-items: center;
  justify-content: initial;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:center {
    justify-content: center;
  }
  .m-button-container.--md\:center[class*="--row"] {
    align-items: center;
    justify-content: initial;
  }
}
.m-button-container.--end {
  justify-content: flex-end;
}
.m-button-container.--end[class*="--row"] {
  align-items: flex-end;
  justify-content: initial;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:end {
    justify-content: flex-end;
  }
  .m-button-container.--md\:end[class*="--row"] {
    align-items: flex-end;
    justify-content: initial;
  }
}
.m-button-container.--flat > * {
  flex: 1;
}
.m-button-container.--flat.--flat-br-sm > * {
  min-width: 240px;
}
@media screen and (min-width: 769px) {
  .m-button-container.--md\:flat > * {
    flex: 1;
  }
  .m-button-container.--md\:flat.--flat-br-sm > * {
    min-width: 240px;
  }
}

.m-button-primary {
  border: 1px solid var(--color-neutral-100);
  background-color: var(--color-white);
  color: var(--color-neutral-100);
}
.m-button-primary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-primary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-primary:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-primary::after {
  background-color: var(--color-neutral-100);
}
.m-button-primary.--disabled {
  border-color: var(--color-neutral-40);
  background-color: var(--color-neutral-20);
  color: var(--color-neutral-40);
  pointer-events: none;
}
.m-button-primary.--disabled::after {
  background-color: var(--color-neutral-40);
}

.m-button-secondary {
  border: 1px solid var(--color-orange-100);
  background-color: var(--color-orange-100);
  color: var(--color-white);
}
.m-button-secondary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-secondary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-secondary:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-secondary::after {
  background-color: var(--color-white);
}
.m-button-secondary.--disabled {
  border-color: var(--color-neutral-40);
  background-color: var(--color-neutral-40);
  color: var(--color-neutral-60);
  pointer-events: none;
}
.m-button-secondary.--disabled::after {
  background-color: var(--color-neutral-60);
}

.m-button-favorite {
  position: relative;
  width: 48px;
  min-width: 0;
  height: 48px;
  margin-inline: 0;
  padding: 0;
  border: 2px solid var(--color-neutral-30);
  color: var(--color-black);
  font-size: 0;
}
.m-button-favorite:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-favorite {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-favorite:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-favorite::after {
  display: none;
}
.m-button-favorite::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 21px;
  transform: translateX(-50%) translateY(-50%);
  background: no-repeat url("/img/icons/icon_favorite.svg") 0 0/contain;
  content: "";
}
.m-button-favorite.--active {
  border-color: transparent;
  background: var(--color-yellow-40);
}
.m-button-favorite.--active::before {
  background: no-repeat url("/img/icons/icon_favorite_active.svg") 0 0/contain;
}

.m-button-action {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
  padding: 16px 24px 16px 44px;
  border: 1px solid var(--color-neutral-30);
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  font-size: 0.875rem;
  line-height: 1;
}
.m-button-action:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-action {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-action:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-action.--sm {
  width: inherit;
  min-width: 0;
  max-width: none;
  padding: 8px 16px 8px 36px;
  font-size: 0.875rem;
}
.m-button-action.--sm::before {
  left: 16px;
}
.m-button-action.--lg {
  width: inherit;
  min-width: 0;
  max-width: none;
  font-size: 1rem;
}
.m-button-action::after {
  display: none;
}
.m-button-action::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  position: absolute;
  top: calc(50% + 1px);
  left: 24px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-action.--disabled {
  border-color: var(--color-neutral-30);
  background-color: var(--color-white);
  color: var(--color-neutral-40);
  pointer-events: none;
}
.m-button-action.--disabled::before {
  background-color: var(--color-neutral-40);
}
.m-button-action.--disabled.--after::after {
  background-color: var(--color-neutral-40);
}
.m-button-action:where(.--add)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_plus_circle.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_plus_circle.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-action:where(.--delete)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_minus_circle.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_minus_circle.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-action:where(.--update)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_reload.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_reload.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-action:where(.--download)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_download.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_download.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-action:where(.--add-file)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_plus_documents.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_plus_documents.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-button-filter {
  position: relative;
  width: inherit;
  min-width: 0;
  max-width: none;
  height: 58px;
  padding: 0 12px;
  border: 1px solid var(--color-neutral-100);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  font-size: 0.875rem;
  cursor: pointer;
}
.m-button-filter:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-filter {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-filter:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-button-filter {
    height: 48px;
    padding: 0 16px;
    font-size: 1rem;
  }
}
.m-button-filter:where(.m-form-checkbox-button > input[type=checkbox]:checked + *), .m-button-filter:where(.m-form-radio-button > input[type=radio]:checked + *), .m-button-filter:where(.--active) {
  border-color: var(--color-neutral-100);
  background-color: var(--color-neutral-100);
  color: var(--color-white);
}
.m-button-filter:where(.m-form-checkbox-button > input[type=checkbox]:checked + *).--add, .m-button-filter:where(.m-form-radio-button > input[type=radio]:checked + *).--add, .m-button-filter:where(.--active).--add {
  position: relative;
}
.m-button-filter:where(.m-form-checkbox-button > input[type=checkbox]:checked + *).--add::before, .m-button-filter:where(.m-form-radio-button > input[type=radio]:checked + *).--add::before, .m-button-filter:where(.--active).--add::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin-inline: auto;
  border-top: solid 10px var(--color-neutral-100);
  border-right: solid 8px transparent;
  border-left: solid 8px transparent;
  content: "";
}
.m-button-filter::after, .m-button-filter::before {
  display: none;
}
.m-button-filter.--icon {
  position: relative;
  height: 48px;
  padding-left: 36px;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-button-filter.--icon {
    height: 48px;
    font-size: 1rem;
  }
}
.m-button-filter.--icon:where(.m-form-checkbox-button > input[type=checkbox]:checked + *), .m-button-filter.--icon:where(.m-form-radio-button > input[type=radio]:checked + *), .m-button-filter.--icon:where(.--active) {
  background-color: var(--color-brown-40);
  color: var(--color-neutral-100);
}
.m-button-filter.--icon::before {
  display: block;
  position: absolute;
  top: calc(50% + 1px);
  left: 16px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  content: "";
}
.m-button-filter.--icon:where(.--filter)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_filter.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_filter.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-filter.--icon:where(.--class)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_class.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_class.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-filter.--icon:where(.--calendar)::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_calendar.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_calendar.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-filter.--disabled {
  border-color: var(--color-neutral-30);
  background-color: var(--color-white);
  color: var(--color-neutral-40);
  pointer-events: none;
}
.m-button-filter.--disabled::before {
  background-color: var(--color-neutral-40);
}

.m-button-icon:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-icon {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-icon:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-icon.--edit {
  width: 24px;
  height: 24px;
}
.m-button-icon.--edit::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_edit.svg");
  background-image: none;
  background-color: var(--color-cyan-100);
          mask-image: url("/img/icons/icon_edit.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-button-icon.--edit:hover::after {
    background-color: var(--color-orange-80);
  }
}

.m-button-sort {
  position: relative;
  padding-right: 20px;
  line-height: 1;
}
.m-button-sort:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-sort {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-sort:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-button-sort::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  translate: 0 -50%;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.m-button-sort.--disabled {
  pointer-events: none;
}
.m-button-sort.--disabled::before {
  background-image: url("/img/icons/icon_sort_disabled.svg");
}
.m-button-sort:where(.--asc)::before {
  transform-origin: center center;
  rotate: 180deg;
  background-image: url("/img/icons/icon_sort.svg");
}
.m-button-sort:where(.--desc)::before {
  background-image: url("/img/icons/icon_sort.svg");
}

.m-button-arrow {
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
}
.m-button-arrow:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-button-arrow {
  margin-top: 0;
}
[class~=m-heading-area] + .m-button-arrow:not(.l-lower-contents) {
  margin-top: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .m-button-arrow:hover {
    text-decoration: underline;
  }
}
.m-button-arrow::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin-block: auto;
  background-image: none;
  background-color: var(--color-cyan-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-button-arrow.--left {
  padding-right: 0;
  padding-left: 20px;
}
.m-button-arrow.--left::after {
  left: 0;
  transform: rotate(180deg);
}
.m-button-arrow.--right {
  padding-right: 20px;
  padding-left: 0;
}
.m-button-arrow.--right::after {
  right: 0;
}
.m-button-arrow.--disabled {
  color: var(--color-neutral-60);
  pointer-events: none;
}
.m-button-arrow.--disabled::after {
  background-color: var(--color-neutral-60);
}

.custom-location-button {
  display: grid;
  place-content: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-color: var(--color-white);
}
.custom-location-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .custom-location-button {
  margin-top: 0;
}
[class~=m-heading-area] + .custom-location-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.custom-location-button::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_map_location.svg");
  top: 50%;
  right: auto;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  background-image: none;
  background-color: #6F6F6F;
          mask-image: url("/img/icons/icon_map_location.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-counts-summary {
  -moz-column-gap: 4px;
  display: flex;
       column-gap: 4px;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
}
.m-counts-summary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-counts-summary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-counts-summary:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-counts-summary__num {
  font-weight: 600;
  font-size: 1.5rem;
}
.m-counts-summary__unit {
  font-weight: 600;
  font-size: 0.875rem;
}
.m-counts-summary__kara {
  font-weight: 600;
  font-size: 0.875rem;
}
.m-counts-summary__text {
  font-weight: 600;
  font-size: 0.875rem;
}

.m-counts-select {
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: auto 120px;
  grid-auto-flow: column;
       column-gap: 8px;
  align-items: center;
}
.m-counts-select:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-counts-select {
  margin-top: 0;
}
[class~=m-heading-area] + .m-counts-select:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-counts-select {
    grid-template-columns: none;
  }
}
.m-counts-select__label {
  font-size: 0.875rem;
  white-space: nowrap;
}

.m-confirm-bar {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  background-color: var(--color-blond-40);
}
.m-confirm-bar__container {
  box-sizing: content-box;
  max-width: var(--md-w-contents);
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .m-confirm-bar__container {
    padding: 0 32px;
  }
}
.m-confirm-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 12px 16px;
  gap: 24px;
}
@media screen and (min-width: 769px) {
  .m-confirm-bar__inner {
    max-width: 800px;
    padding: 16px;
  }
}
.m-confirm-bar__text {
  flex-shrink: 0;
  font-size: 0.75rem;
}
.m-confirm-bar__text > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-confirm-bar__text {
    font-size: 1rem;
  }
}
.m-confirm-bar__button .m-button-secondary {
  min-width: auto;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-confirm-bar__button .m-button-secondary {
    min-width: 240px;
  }
}

.flatpickr-calendar .flatpickr-current-month span.cur-month:hover {
  background: none !important;
}
.flatpickr-calendar.--visible {
  top: auto;
  margin-top: 2px;
}
.flatpickr-calendar.--time.--xs {
  width: 120px;
}
.flatpickr-calendar.--above {
  top: -2px;
  translate: 0 -100%;
}
.flatpickr-calendar.--above:before, .flatpickr-calendar.--above:after {
  top: 100%;
  bottom: auto;
}
.flatpickr-calendar.--above:before {
  border-top-color: #e6e6e6;
  border-bottom-color: transparent;
}
.flatpickr-calendar.--above:after {
  border-top-color: #fff;
  border-bottom-color: transparent;
}
.flatpickr-calendar.--small {
  transform-origin: left top;
  scale: 0.75;
}

.flatpickr-input.--is-date-static + .flatpickr-calendar.static {
  position: relative;
  top: 2px;
  left: 2px;
  max-width: calc(100% - 4px);
}
.flatpickr-input[readonly] {
  cursor: default;
}

.flatpickr-wrapper {
  display: block;
}
@media screen and (min-width: 769px) {
  .flatpickr-wrapper {
    display: inline-block;
  }
}
.flatpickr-wrapper.--visible {
  position: static;
}

.m-file-upload:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-file-upload {
  margin-top: 0;
}
[class~=m-heading-area] + .m-file-upload:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-file-upload__inner {
  display: grid;
  row-gap: 16px;
}
.m-file-upload__inner > [class]:is(html *) {
  margin-block: 0;
}
.m-file-upload__form {
  border: dashed 2px var(--color-neutral-80);
  border-radius: 16px;
  background-color: var(--color-neutral-10);
  cursor: pointer;
}
.m-file-upload__form:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-file-upload__form {
  margin-top: 0;
}
[class~=m-heading-area] + .m-file-upload__form:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-file-upload__form.dz-drag-hover, .js-file-upload__form.dz-drag-hover .m-file-upload__form {
  border-color: var(--color-orange-80);
}
.m-file-upload__zone {
  padding: 32px 24px;
}
.m-file-upload__zone:hover [class*=m-button-] {
  text-decoration: underline;
}
.m-file-upload__box {
  display: grid;
  row-gap: 8px;
  justify-content: center;
  text-align: center;
}
.m-file-upload__box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-file-upload__box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-file-upload__box:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-file-upload__box > [class]:is(html *) {
  margin-block: 0;
}
.m-file-upload__box > * {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.m-file-upload__img {
  margin-inline: auto;
}

.m-file-upload-list:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-file-upload-list {
  margin-top: 0;
}
[class~=m-heading-area] + .m-file-upload-list:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-file-upload-list__item {
  display: grid;
  row-gap: 8px;
  padding-right: 8px;
}
.m-file-upload-list__error {
  padding-left: 20px;
}
.m-file-upload-list__name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.m-file-upload-list__name > [class]:is(html *) {
  margin-block: 0;
}
.m-file-upload-list__name-button {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 32px;
  padding-left: 16px;
  border-left: solid 1px var(--color-neutral-30);
}

.m-list-flat {
  display: grid;
  row-gap: 8px;
  padding-left: 16px;
}
.m-list-flat:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-flat {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-flat:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-flat > li {
  padding-left: 4px;
  font-size: 1rem;
}
.m-list-flat > li > ul[class*=m-list-] {
  row-gap: 8px;
  margin-top: 8px;
}
.m-list-flat > li > ul[class*=m-list-] > li {
  font-size: 1rem;
}
.m-list-flat > li > ul[class*=m-list-] > li > ul[class*=m-list-] {
  row-gap: 4px;
  margin-top: 8px;
}
.m-list-flat > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-flat.--xs {
  row-gap: 4px;
}
.m-list-flat.--xs > li {
  font-size: 0.75rem;
}
.m-list-flat.--xs > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-flat.--xs > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-flat.--sm {
  row-gap: 4px;
}
.m-list-flat.--sm > li {
  font-size: 0.875rem;
}
.m-list-flat.--sm > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-flat.--sm > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-flat li > [class*=m-link-] {
  vertical-align: top;
}
.m-list-flat.--flat {
  padding-left: 0;
}
.m-list-flat.--flat > li {
  padding-left: 0;
}
.m-list-flat > li {
  list-style: "";
}
.m-list-flat:not([class*=m-list-] *) {
  padding-left: 0;
}
.m-list-flat:not([class*=m-list-] *) > li {
  padding-left: 0;
}

.m-list-square {
  display: grid;
  row-gap: 8px;
  padding-left: 16px;
}
.m-list-square:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-square {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-square:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-square > li {
  padding-left: 4px;
  font-size: 1rem;
}
.m-list-square > li > ul[class*=m-list-] {
  row-gap: 8px;
  margin-top: 8px;
}
.m-list-square > li > ul[class*=m-list-] > li {
  font-size: 1rem;
}
.m-list-square > li > ul[class*=m-list-] > li > ul[class*=m-list-] {
  row-gap: 4px;
  margin-top: 8px;
}
.m-list-square > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-square.--xs {
  row-gap: 4px;
}
.m-list-square.--xs > li {
  font-size: 0.75rem;
}
.m-list-square.--xs > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-square.--xs > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-square.--sm {
  row-gap: 4px;
}
.m-list-square.--sm > li {
  font-size: 0.875rem;
}
.m-list-square.--sm > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-square.--sm > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-square li > [class*=m-link-] {
  vertical-align: top;
}
.m-list-square.--flat {
  padding-left: 0;
}
.m-list-square.--flat > li {
  padding-left: 0;
}
.m-list-square > li {
  list-style: "・";
}

.m-list-ordered {
  display: grid;
  row-gap: 8px;
  padding-left: 24px;
}
.m-list-ordered:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-ordered {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-ordered:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-ordered > li {
  padding-left: 4px;
  font-size: 1rem;
}
.m-list-ordered > li > ul[class*=m-list-] {
  row-gap: 8px;
  margin-top: 8px;
}
.m-list-ordered > li > ul[class*=m-list-] > li {
  font-size: 1rem;
}
.m-list-ordered > li > ul[class*=m-list-] > li > ul[class*=m-list-] {
  row-gap: 4px;
  margin-top: 8px;
}
.m-list-ordered > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-ordered.--xs {
  row-gap: 4px;
}
.m-list-ordered.--xs > li {
  font-size: 0.75rem;
}
.m-list-ordered.--xs > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-ordered.--xs > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-ordered.--sm {
  row-gap: 4px;
}
.m-list-ordered.--sm > li {
  font-size: 0.875rem;
}
.m-list-ordered.--sm > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-ordered.--sm > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-ordered li > [class*=m-link-] {
  vertical-align: top;
}
.m-list-ordered.--flat {
  padding-left: 0;
}
.m-list-ordered.--flat > li {
  padding-left: 0;
}
.m-list-ordered > li {
  list-style: decimal;
}

.m-list-parentheses {
  display: grid;
  row-gap: 8px;
  padding-left: 28px;
}
.m-list-parentheses:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-parentheses {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-parentheses:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-parentheses > li {
  padding-left: 4px;
  font-size: 1rem;
}
.m-list-parentheses > li > ul[class*=m-list-] {
  row-gap: 8px;
  margin-top: 8px;
}
.m-list-parentheses > li > ul[class*=m-list-] > li {
  font-size: 1rem;
}
.m-list-parentheses > li > ul[class*=m-list-] > li > ul[class*=m-list-] {
  row-gap: 4px;
  margin-top: 8px;
}
.m-list-parentheses > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-parentheses.--xs {
  row-gap: 4px;
}
.m-list-parentheses.--xs > li {
  font-size: 0.75rem;
}
.m-list-parentheses.--xs > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-parentheses.--xs > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-parentheses.--sm {
  row-gap: 4px;
}
.m-list-parentheses.--sm > li {
  font-size: 0.875rem;
}
.m-list-parentheses.--sm > li > ul[class*=m-list-] > li {
  font-size: 0.875rem;
}
.m-list-parentheses.--sm > li > ul[class*=m-list-] > li > ul[class*=m-list-] > li {
  font-size: 0.75rem;
}
.m-list-parentheses li > [class*=m-link-] {
  vertical-align: top;
}
.m-list-parentheses.--flat {
  padding-left: 0;
}
.m-list-parentheses.--flat > li {
  padding-left: 0;
}
.m-list-parentheses.--sm {
  padding-left: 24px;
}
.m-list-parentheses.--sm > li::before {
  left: -24px;
}
.m-list-parentheses > li {
  position: relative;
  list-style-type: none;
  counter-increment: cnt;
}
.m-list-parentheses > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: -28px;
  content: "(" counter(cnt) ")";
}

.m-list-note {
  display: grid;
  row-gap: 4px;
  padding-left: 12px;
}
.m-list-note:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-note {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-note:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-note.--left {
  justify-content: start;
}
.m-list-note.--center {
  justify-content: center;
}
.m-list-note.--right {
  justify-content: end;
}
@media screen and (min-width: 769px) {
  .m-list-note.--md\:left {
    justify-content: start;
  }
  .m-list-note.--md\:center {
    justify-content: center;
  }
  .m-list-note.--md\:right {
    justify-content: end;
  }
}
.m-list-note > li {
  padding-left: 4px;
  color: var(--color-neutral-80);
  font-size: 0.875rem;
  list-style-type: "※";
}
.m-list-note.--xs > li {
  font-size: 0.75rem;
}

.m-list-attention {
  display: grid;
  row-gap: 4px;
  padding-left: 12px;
}
.m-list-attention:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-attention {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-attention:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-attention > li {
  padding-left: 4px;
  color: var(--color-semantic-alert-100);
  font-size: 0.875rem;
  list-style-type: "※";
}

.m-list-border {
  display: grid;
  row-gap: 16px;
}
.m-list-border:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-border {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-border:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-border > [class]:is(html *) {
  margin-block: 0;
}
.m-list-border.--gap-xxxs {
  gap: 4px;
}
.m-list-border.--gap-xxs {
  gap: 8px;
}
.m-list-border.--gap-xs {
  gap: 16px;
}
.m-list-border.--gap-sm {
  gap: 24px;
}
.m-list-border.--gap-md {
  gap: 32px;
}
.m-list-border.--gap-lg {
  gap: 40px;
}
.m-list-border.--gap-xl {
  gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-list-border.--md\:gap-xxxs {
    gap: 4px;
  }
  .m-list-border.--md\:gap-xxs {
    gap: 8px;
  }
  .m-list-border.--md\:gap-xs {
    gap: 16px;
  }
  .m-list-border.--md\:gap-sm {
    gap: 24px;
  }
  .m-list-border.--md\:gap-md {
    gap: 32px;
  }
  .m-list-border.--md\:gap-lg {
    gap: 40px;
  }
  .m-list-border.--md\:gap-xl {
    gap: 48px;
  }
}
.m-list-border.--gap-x-xxxs {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.m-list-border.--gap-x-xxs {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.m-list-border.--gap-x-xs {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.m-list-border.--gap-x-sm {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.m-list-border.--gap-x-md {
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.m-list-border.--gap-x-lg {
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.m-list-border.--gap-x-xl {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-list-border.--md\:gap-x-xxxs {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .m-list-border.--md\:gap-x-xxs {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .m-list-border.--md\:gap-x-xs {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .m-list-border.--md\:gap-x-sm {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .m-list-border.--md\:gap-x-md {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .m-list-border.--md\:gap-x-lg {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .m-list-border.--md\:gap-x-xl {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.m-list-border.--gap-y-xxxs {
  row-gap: 4px;
}
.m-list-border.--gap-y-xxs {
  row-gap: 8px;
}
.m-list-border.--gap-y-xs {
  row-gap: 16px;
}
.m-list-border.--gap-y-sm {
  row-gap: 24px;
}
.m-list-border.--gap-y-md {
  row-gap: 32px;
}
.m-list-border.--gap-y-lg {
  row-gap: 40px;
}
.m-list-border.--gap-y-xl {
  row-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-list-border.--md\:gap-y-xxxs {
    row-gap: 4px;
  }
  .m-list-border.--md\:gap-y-xxs {
    row-gap: 8px;
  }
  .m-list-border.--md\:gap-y-xs {
    row-gap: 16px;
  }
  .m-list-border.--md\:gap-y-sm {
    row-gap: 24px;
  }
  .m-list-border.--md\:gap-y-md {
    row-gap: 32px;
  }
  .m-list-border.--md\:gap-y-lg {
    row-gap: 40px;
  }
  .m-list-border.--md\:gap-y-xl {
    row-gap: 48px;
  }
}
.m-list-border > * + * {
  padding-top: 16px;
  border-top: 1px dashed var(--color-neutral-40);
}
.m-list-border.--gap-xxs > * + * {
  padding-top: 8px;
}
.m-list-border.--gap-xs > * + * {
  padding-top: 16px;
}
.m-list-border.--gap-sm > * + * {
  padding-top: 26px;
}
.m-list-border.--gap-md > * + * {
  padding-top: 32px;
}
.m-list-border.--gap-lg > * + * {
  padding-top: 40px;
}
.m-list-border.--gap-xl > * + * {
  padding-top: 48px;
}
@media screen and (min-width: 769px) {
  .m-list-border.--md\:gap-xxs > * + * {
    padding-top: 8px;
  }
  .m-list-border.--md\:gap-xs > * + * {
    padding-top: 16px;
  }
  .m-list-border.--md\:gap-sm > * + * {
    padding-top: 26px;
  }
  .m-list-border.--md\:gap-md > * + * {
    padding-top: 32px;
  }
  .m-list-border.--md\:gap-lg > * + * {
    padding-top: 40px;
  }
  .m-list-border.--md\:gap-xl > * + * {
    padding-top: 48px;
  }
}
.m-list-border.--gap-y-xxs > * + * {
  padding-top: 8px;
}
.m-list-border.--gap-y-xs > * + * {
  padding-top: 16px;
}
.m-list-border.--gap-y-sm > * + * {
  padding-top: 26px;
}
.m-list-border.--gap-y-md > * + * {
  padding-top: 32px;
}
.m-list-border.--gap-y-lg > * + * {
  padding-top: 40px;
}
.m-list-border.--gap-y-xl > * + * {
  padding-top: 48px;
}
@media screen and (min-width: 769px) {
  .m-list-border.--md\:gap-y-xxs > * + * {
    padding-top: 8px;
  }
  .m-list-border.--md\:gap-y-xs > * + * {
    padding-top: 16px;
  }
  .m-list-border.--md\:gap-y-sm > * + * {
    padding-top: 26px;
  }
  .m-list-border.--md\:gap-y-md > * + * {
    padding-top: 32px;
  }
  .m-list-border.--md\:gap-y-lg > * + * {
    padding-top: 40px;
  }
  .m-list-border.--md\:gap-y-xl > * + * {
    padding-top: 48px;
  }
}

.m-list-status {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.m-list-status:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-status {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-status:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-status.--sm .m-list-status__item-text {
  font-size: 0.875rem;
}
.m-list-status.--md {
  gap: 16px;
}
.m-list-status__item {
  position: relative;
  padding-left: 20px;
  color: var(--color-neutral-100);
  font-size: 1rem;
}
.m-list-status__item .m-icon {
  position: absolute;
  top: 0.3em;
  left: 0;
}
.m-list-status__item .m-icon.--md {
  top: 0;
}
.m-list-status__item:is(.m-list-status.--disabled .m-list-status__item) {
  color: var(--color-neutral-80);
}
.m-list-status.--md .m-list-status__item {
  padding-left: 32px;
}
.m-list-status__item.--bold {
  font-weight: 600;
}
.m-list-status__item > * > * {
  display: inline-block;
}
.m-list-status__item-text {
  display: block;
}
.m-list-status__item-text + .m-list-status__item-text {
  margin-top: 8px;
}
.m-list-status__item-sub {
  font-size: 0.875rem;
}

.m-list-document {
  display: grid;
  row-gap: 8px;
  padding-left: 12px;
}
.m-list-document:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-list-document {
  margin-top: 0;
}
[class~=m-heading-area] + .m-list-document:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-list-document__item {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  gap: 16px;
  border-top: 1px solid var(--color-neutral-30);
}
.m-list-document__item:last-child {
  border-bottom: 1px solid var(--color-neutral-30);
}
.m-list-document__item-document {
  display: grid;
  row-gap: 16px;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.m-loading {
  display: grid;
  z-index: var(--z-page-loading);
  position: fixed;
  top: 0;
  left: 0;
  place-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}
.m-loading__loader {
  animation: rotate 2s linear infinite;
  will-change: transform;
}
.m-loading__loader circle {
  fill: none;
  will-change: stroke-dashoffset, stroke-dasharray;
}
.m-loading__loader circle.--background {
  stroke: var(--color-neutral-20);
  stroke-linecap: butt;
}
.m-loading__loader circle.--foreground {
  stroke: var(--color-orange-80);
  stroke-linecap: round;
}
.m-loading__loader.--lg circle.--foreground {
  stroke-dasharray: 45.2389342117, 226.1946710585;
  stroke-dashoffset: 0;
  animation: dash-36 1.5s ease-in-out infinite;
}
@keyframes dash-36 {
  0% {
    stroke-dasharray: 2.2619467106, 226.1946710585;
    stroke-dashoffset: -0;
  }
  50% {
    stroke-dasharray: 162.8601631621, 226.1946710585;
    stroke-dashoffset: -63.3345078964;
  }
  100% {
    stroke-dasharray: 162.8601631621, 226.1946710585;
    stroke-dashoffset: -223.9327243479;
  }
}
.m-loading__loader.--md circle.--foreground {
  stroke-dasharray: 36.4424747816, 182.2123739082;
  stroke-dashoffset: 0;
  animation: dash-29 1.5s ease-in-out infinite;
}
@keyframes dash-29 {
  0% {
    stroke-dasharray: 1.8221237391, 182.2123739082;
    stroke-dashoffset: -0;
  }
  50% {
    stroke-dasharray: 131.1929092139, 182.2123739082;
    stroke-dashoffset: -51.0194646943;
  }
  100% {
    stroke-dasharray: 131.1929092139, 182.2123739082;
    stroke-dashoffset: -180.3902501691;
  }
}
.m-loading__loader.--sm circle.--foreground {
  stroke-dasharray: 26.3893782902, 131.9468914508;
  stroke-dashoffset: 0;
  animation: dash-21 1.5s ease-in-out infinite;
}
@keyframes dash-21 {
  0% {
    stroke-dasharray: 1.3194689145, 131.9468914508;
    stroke-dashoffset: -0;
  }
  50% {
    stroke-dasharray: 95.0017618446, 131.9468914508;
    stroke-dashoffset: -36.9451296062;
  }
  100% {
    stroke-dasharray: 95.0017618446, 131.9468914508;
    stroke-dashoffset: -130.6274225363;
  }
}

.m-information {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.m-information:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-information {
  margin-top: 0;
}
[class~=m-heading-area] + .m-information:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-information__img {
  flex: 0 0 80px;
}
.m-information__img img {
  border-radius: 16px;
}
.m-information__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-information__name {
  font-weight: 600;
  font-size: 1rem;
}

.m-line {
  display: flex;
  gap: 16px;
}
.m-line:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-line {
  margin-top: 0;
}
[class~=m-heading-area] + .m-line:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-line > [class]:is(html *) {
  margin-block: 0;
}
.m-line.--gap-xxxs {
  gap: 4px;
}
.m-line.--gap-xxs {
  gap: 8px;
}
.m-line.--gap-xs {
  gap: 16px;
}
.m-line.--gap-sm {
  gap: 24px;
}
.m-line.--gap-md {
  gap: 32px;
}
.m-line.--gap-lg {
  gap: 40px;
}
.m-line.--gap-xl {
  gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:gap-xxxs {
    gap: 4px;
  }
  .m-line.--md\:gap-xxs {
    gap: 8px;
  }
  .m-line.--md\:gap-xs {
    gap: 16px;
  }
  .m-line.--md\:gap-sm {
    gap: 24px;
  }
  .m-line.--md\:gap-md {
    gap: 32px;
  }
  .m-line.--md\:gap-lg {
    gap: 40px;
  }
  .m-line.--md\:gap-xl {
    gap: 48px;
  }
}
.m-line.--gap-x-xxxs {
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.m-line.--gap-x-xxs {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.m-line.--gap-x-xs {
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.m-line.--gap-x-sm {
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.m-line.--gap-x-md {
  -moz-column-gap: 32px;
       column-gap: 32px;
}
.m-line.--gap-x-lg {
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.m-line.--gap-x-xl {
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:gap-x-xxxs {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .m-line.--md\:gap-x-xxs {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .m-line.--md\:gap-x-xs {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .m-line.--md\:gap-x-sm {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .m-line.--md\:gap-x-md {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .m-line.--md\:gap-x-lg {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .m-line.--md\:gap-x-xl {
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.m-line.--gap-y-xxxs {
  row-gap: 4px;
}
.m-line.--gap-y-xxs {
  row-gap: 8px;
}
.m-line.--gap-y-xs {
  row-gap: 16px;
}
.m-line.--gap-y-sm {
  row-gap: 24px;
}
.m-line.--gap-y-md {
  row-gap: 32px;
}
.m-line.--gap-y-lg {
  row-gap: 40px;
}
.m-line.--gap-y-xl {
  row-gap: 48px;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:gap-y-xxxs {
    row-gap: 4px;
  }
  .m-line.--md\:gap-y-xxs {
    row-gap: 8px;
  }
  .m-line.--md\:gap-y-xs {
    row-gap: 16px;
  }
  .m-line.--md\:gap-y-sm {
    row-gap: 24px;
  }
  .m-line.--md\:gap-y-md {
    row-gap: 32px;
  }
  .m-line.--md\:gap-y-lg {
    row-gap: 40px;
  }
  .m-line.--md\:gap-y-xl {
    row-gap: 48px;
  }
}
.m-line__item.--fix {
  flex-grow: 0;
  flex-shrink: 0;
}
.m-line.--inline {
  display: inline-flex;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:inline {
    display: inline-flex;
  }
}
.m-line.--column {
  flex-direction: row;
}
.m-line.--column-reverse {
  flex-direction: row-reverse;
}
.m-line.--row {
  flex-direction: column;
}
.m-line.--row-reverse {
  flex-direction: column-reverse;
}
.m-line.--wrap {
  flex-wrap: wrap;
}
.m-line.--grow > * {
  flex: 1;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:column {
    flex-direction: row;
  }
  .m-line.--md\:column-reverse {
    flex-direction: row-reverse;
  }
  .m-line.--md\:row {
    flex-direction: column;
  }
  .m-line.--md\:row-reverse {
    flex-direction: column-reverse;
  }
  .m-line.--md\:wrap {
    flex-wrap: wrap;
  }
  .m-line.--md\:grow > * {
    flex: 1;
  }
}
.m-line.--items-start {
  align-items: start;
}
.m-line.--items-end {
  align-items: end;
}
.m-line.--items-center {
  align-items: center;
}
.m-line.--justify-start {
  justify-content: start;
}
.m-line.--justify-end {
  justify-content: end;
}
.m-line.--justify-center {
  justify-content: center;
}
.m-line.--justify-between {
  justify-content: space-between;
}
.m-line.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-line.--md\:items-start {
    align-items: start;
  }
  .m-line.--md\:items-end {
    align-items: end;
  }
  .m-line.--md\:items-center {
    align-items: center;
  }
  .m-line.--md\:justify-start {
    justify-content: start;
  }
  .m-line.--md\:justify-end {
    justify-content: end;
  }
  .m-line.--md\:justify-center {
    justify-content: center;
  }
  .m-line.--md\:justify-between {
    justify-content: space-between;
  }
  .m-line.--md\:justify-around {
    justify-content: space-around;
  }
}

.m-tag-flag-common, .m-tag-user-common, .m-tag-reservation-type-free, .m-tag-reservation-type-teiki, .m-tag-child-disabled, .m-tag-child-medical-care, .m-tag-child-consideration, .m-tag-update, .m-tag-approve-approved, .m-tag-approve-cancel, .m-tag-approve-done, .m-tag-approve-reject, .m-tag-approve-pending, .m-tag-care-cancel, .m-tag-care-done, .m-tag-care-before, .m-tag-care-working, .m-tag-reservation-next, .m-tag-reservation-working, .m-tag-reservation-recent, .m-tag-reservation-substitute, .m-tag-quaternary, .m-tag-tertiary, .m-tag-secondary, .m-tag-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 4px 8px;
  border-radius: 2px;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
}
.--sm.m-tag-flag-common, .--sm.m-tag-user-common, .--sm.m-tag-reservation-type-free, .--sm.m-tag-reservation-type-teiki, .--sm.m-tag-child-disabled, .--sm.m-tag-child-medical-care, .--sm.m-tag-child-consideration, .--sm.m-tag-update, .--sm.m-tag-approve-approved, .--sm.m-tag-approve-cancel, .--sm.m-tag-approve-done, .--sm.m-tag-approve-reject, .--sm.m-tag-approve-pending, .--sm.m-tag-care-cancel, .--sm.m-tag-care-done, .--sm.m-tag-care-before, .--sm.m-tag-care-working, .--sm.m-tag-reservation-next, .--sm.m-tag-reservation-working, .--sm.m-tag-reservation-recent, .--sm.m-tag-reservation-substitute, .--sm.m-tag-quaternary, .--sm.m-tag-tertiary, .--sm.m-tag-secondary, .--sm.m-tag-primary {
  min-width: 76px;
  padding: 3px 8px;
  font-size: 0.625rem;
}
.--lg.m-tag-flag-common, .--lg.m-tag-user-common, .--lg.m-tag-reservation-type-free, .--lg.m-tag-reservation-type-teiki, .--lg.m-tag-child-disabled, .--lg.m-tag-child-medical-care, .--lg.m-tag-child-consideration, .--lg.m-tag-update, .--lg.m-tag-approve-approved, .--lg.m-tag-approve-cancel, .--lg.m-tag-approve-done, .--lg.m-tag-approve-reject, .--lg.m-tag-approve-pending, .--lg.m-tag-care-cancel, .--lg.m-tag-care-done, .--lg.m-tag-care-before, .--lg.m-tag-care-working, .--lg.m-tag-reservation-next, .--lg.m-tag-reservation-working, .--lg.m-tag-reservation-recent, .--lg.m-tag-reservation-substitute, .--lg.m-tag-quaternary, .--lg.m-tag-tertiary, .--lg.m-tag-secondary, .--lg.m-tag-primary {
  min-width: 88px;
  padding: 5px 10px;
  font-size: 0.75rem;
}
.--xl.m-tag-flag-common, .--xl.m-tag-user-common, .--xl.m-tag-reservation-type-free, .--xl.m-tag-reservation-type-teiki, .--xl.m-tag-child-disabled, .--xl.m-tag-child-medical-care, .--xl.m-tag-child-consideration, .--xl.m-tag-update, .--xl.m-tag-approve-approved, .--xl.m-tag-approve-cancel, .--xl.m-tag-approve-done, .--xl.m-tag-approve-reject, .--xl.m-tag-approve-pending, .--xl.m-tag-care-cancel, .--xl.m-tag-care-done, .--xl.m-tag-care-before, .--xl.m-tag-care-working, .--xl.m-tag-reservation-next, .--xl.m-tag-reservation-working, .--xl.m-tag-reservation-recent, .--xl.m-tag-reservation-substitute, .--xl.m-tag-quaternary, .--xl.m-tag-tertiary, .--xl.m-tag-secondary, .--xl.m-tag-primary {
  min-width: 130px;
  padding: 8px 8px;
  border-radius: 4px;
  font-size: 0.875rem;
}
.--xxl.m-tag-flag-common, .--xxl.m-tag-user-common, .--xxl.m-tag-reservation-type-free, .--xxl.m-tag-reservation-type-teiki, .--xxl.m-tag-child-disabled, .--xxl.m-tag-child-medical-care, .--xxl.m-tag-child-consideration, .--xxl.m-tag-update, .--xxl.m-tag-approve-approved, .--xxl.m-tag-approve-cancel, .--xxl.m-tag-approve-done, .--xxl.m-tag-approve-reject, .--xxl.m-tag-approve-pending, .--xxl.m-tag-care-cancel, .--xxl.m-tag-care-done, .--xxl.m-tag-care-before, .--xxl.m-tag-care-working, .--xxl.m-tag-reservation-next, .--xxl.m-tag-reservation-working, .--xxl.m-tag-reservation-recent, .--xxl.m-tag-reservation-substitute, .--xxl.m-tag-quaternary, .--xxl.m-tag-tertiary, .--xxl.m-tag-secondary, .--xxl.m-tag-primary {
  min-width: 160px;
  padding: 8px 8px;
  border-radius: 4px;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .--md\:sm.m-tag-flag-common, .--md\:sm.m-tag-user-common, .--md\:sm.m-tag-reservation-type-free, .--md\:sm.m-tag-reservation-type-teiki, .--md\:sm.m-tag-child-disabled, .--md\:sm.m-tag-child-medical-care, .--md\:sm.m-tag-child-consideration, .--md\:sm.m-tag-update, .--md\:sm.m-tag-approve-approved, .--md\:sm.m-tag-approve-cancel, .--md\:sm.m-tag-approve-done, .--md\:sm.m-tag-approve-reject, .--md\:sm.m-tag-approve-pending, .--md\:sm.m-tag-care-cancel, .--md\:sm.m-tag-care-done, .--md\:sm.m-tag-care-before, .--md\:sm.m-tag-care-working, .--md\:sm.m-tag-reservation-next, .--md\:sm.m-tag-reservation-working, .--md\:sm.m-tag-reservation-recent, .--md\:sm.m-tag-reservation-substitute, .--md\:sm.m-tag-quaternary, .--md\:sm.m-tag-tertiary, .--md\:sm.m-tag-secondary, .--md\:sm.m-tag-primary {
    min-width: 76px;
    padding: 3px 8px;
    font-size: 0.625rem;
  }
  .--md\:lg.m-tag-flag-common, .--md\:lg.m-tag-user-common, .--md\:lg.m-tag-reservation-type-free, .--md\:lg.m-tag-reservation-type-teiki, .--md\:lg.m-tag-child-disabled, .--md\:lg.m-tag-child-medical-care, .--md\:lg.m-tag-child-consideration, .--md\:lg.m-tag-update, .--md\:lg.m-tag-approve-approved, .--md\:lg.m-tag-approve-cancel, .--md\:lg.m-tag-approve-done, .--md\:lg.m-tag-approve-reject, .--md\:lg.m-tag-approve-pending, .--md\:lg.m-tag-care-cancel, .--md\:lg.m-tag-care-done, .--md\:lg.m-tag-care-before, .--md\:lg.m-tag-care-working, .--md\:lg.m-tag-reservation-next, .--md\:lg.m-tag-reservation-working, .--md\:lg.m-tag-reservation-recent, .--md\:lg.m-tag-reservation-substitute, .--md\:lg.m-tag-quaternary, .--md\:lg.m-tag-tertiary, .--md\:lg.m-tag-secondary, .--md\:lg.m-tag-primary {
    min-width: 88px;
    padding: 5px 10px;
    font-size: 0.75rem;
  }
  .--md\:xl.m-tag-flag-common, .--md\:xl.m-tag-user-common, .--md\:xl.m-tag-reservation-type-free, .--md\:xl.m-tag-reservation-type-teiki, .--md\:xl.m-tag-child-disabled, .--md\:xl.m-tag-child-medical-care, .--md\:xl.m-tag-child-consideration, .--md\:xl.m-tag-update, .--md\:xl.m-tag-approve-approved, .--md\:xl.m-tag-approve-cancel, .--md\:xl.m-tag-approve-done, .--md\:xl.m-tag-approve-reject, .--md\:xl.m-tag-approve-pending, .--md\:xl.m-tag-care-cancel, .--md\:xl.m-tag-care-done, .--md\:xl.m-tag-care-before, .--md\:xl.m-tag-care-working, .--md\:xl.m-tag-reservation-next, .--md\:xl.m-tag-reservation-working, .--md\:xl.m-tag-reservation-recent, .--md\:xl.m-tag-reservation-substitute, .--md\:xl.m-tag-quaternary, .--md\:xl.m-tag-tertiary, .--md\:xl.m-tag-secondary, .--md\:xl.m-tag-primary {
    min-width: 130px;
    padding: 8px 8px;
    border-radius: 4px;
    font-size: 0.875rem;
  }
  .--md\:xxl.m-tag-flag-common, .--md\:xxl.m-tag-user-common, .--md\:xxl.m-tag-reservation-type-free, .--md\:xxl.m-tag-reservation-type-teiki, .--md\:xxl.m-tag-child-disabled, .--md\:xxl.m-tag-child-medical-care, .--md\:xxl.m-tag-child-consideration, .--md\:xxl.m-tag-update, .--md\:xxl.m-tag-approve-approved, .--md\:xxl.m-tag-approve-cancel, .--md\:xxl.m-tag-approve-done, .--md\:xxl.m-tag-approve-reject, .--md\:xxl.m-tag-approve-pending, .--md\:xxl.m-tag-care-cancel, .--md\:xxl.m-tag-care-done, .--md\:xxl.m-tag-care-before, .--md\:xxl.m-tag-care-working, .--md\:xxl.m-tag-reservation-next, .--md\:xxl.m-tag-reservation-working, .--md\:xxl.m-tag-reservation-recent, .--md\:xxl.m-tag-reservation-substitute, .--md\:xxl.m-tag-quaternary, .--md\:xxl.m-tag-tertiary, .--md\:xxl.m-tag-secondary, .--md\:xxl.m-tag-primary {
    min-width: 160px;
    padding: 8px 8px;
    border-radius: 4px;
    font-size: 0.875rem;
  }
}

.m-tag-primary {
  border: 1px solid var(--color-semantic-alert-100);
  background-color: var(--color-white);
  color: var(--color-semantic-alert-100);
}
.m-tag-primary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-primary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-primary:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-secondary {
  border: 1px solid var(--color-semantic-alert-100);
  background-color: var(--color-semantic-alert-100);
  color: var(--color-white);
}
.m-tag-secondary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-secondary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-secondary:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-tertiary {
  border: 1px solid var(--color-green-100);
  background-color: var(--color-white);
  color: var(--color-green-100);
}
.m-tag-tertiary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-tertiary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-tertiary:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-quaternary {
  border: 1px solid var(--color-green-100);
  background-color: var(--color-green-100);
  color: var(--color-white);
}
.m-tag-quaternary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-quaternary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-quaternary:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-reservation-substitute {
  border: 1px solid var(--color-neutral-30);
  background-color: var(--color-neutral-30);
  color: var(--color-neutral-100);
}
.m-tag-reservation-substitute:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-substitute {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-substitute:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-reservation-substitute.--disabled {
  border-color: var(--color-neutral-40);
  background-color: var(--color-white);
  color: var(--color-neutral-80);
}

.m-tag-reservation-recent {
  border: 1px solid var(--color-orange-100);
  background-color: var(--color-white);
  color: var(--color-orange-100);
}
.m-tag-reservation-recent:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-recent {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-recent:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-reservation-working {
  border: 1px solid var(--color-green-100);
  background-color: var(--color-green-100);
  color: var(--color-white);
}
.m-tag-reservation-working:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-working {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-working:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-reservation-next {
  border: 1px solid var(--color-green-100);
  background-color: var(--color-white);
  color: var(--color-green-100);
}
.m-tag-reservation-next:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-next {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-next:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-care-working {
  min-width: 68px;
  border: 1px solid var(--color-green-100);
  background-color: var(--color-green-100);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  color: var(--color-white);
  text-align: center;
}
.m-tag-care-working:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-care-working {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-care-working:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-care-before {
  min-width: 68px;
  border: 1px solid var(--color-neutral-10);
  background-color: var(--color-white);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  color: var(--color-neutral-80);
  text-align: center;
}
.m-tag-care-before:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-care-before {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-care-before:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-care-done {
  min-width: 68px;
  border: 1px solid var(--color-neutral-60);
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-80);
  text-align: center;
}
.m-tag-care-done:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-care-done {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-care-done:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-care-cancel {
  min-width: 68px;
  border: 1px solid var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
  text-align: center;
}
.m-tag-care-cancel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-care-cancel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-care-cancel:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-approve-pending {
  border: 1px solid var(--color-orange-100);
  background-color: var(--color-orange-100);
  color: var(--color-white);
}
.m-tag-approve-pending:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-approve-pending {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-approve-pending:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-approve-reject {
  border: 1px solid var(--color-blond-60);
  background-color: var(--color-blond-60);
  color: var(--color-neutral-100);
}
.m-tag-approve-reject:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-approve-reject {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-approve-reject:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-approve-done {
  border: 1px solid var(--color-neutral-40);
  background-color: var(--color-white);
  color: var(--color-neutral-100);
}
.m-tag-approve-done:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-approve-done {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-approve-done:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-approve-cancel {
  border: 1px solid var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}
.m-tag-approve-cancel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-approve-cancel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-approve-cancel:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-approve-approved {
  border: 1px solid var(--color-neutral-60);
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-80);
}
.m-tag-approve-approved:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-approve-approved {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-approve-approved:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-update {
  border: 1px solid var(--color-semantic-alert-100);
  border-radius: 12px;
  background-color: var(--color-white);
  color: var(--color-semantic-alert-100);
}
.m-tag-update:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-update {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-update:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-child-consideration {
  border: 1px solid var(--color-blond-60);
  background-color: var(--color-blond-60);
  color: var(--color-neutral-100);
  text-align: center;
}
.m-tag-child-consideration:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-child-consideration {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-child-consideration:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-child-consideration.--disabled {
  border-color: var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}

.m-tag-child-medical-care {
  border: 1px solid var(--color-semantic-alert-100);
  background-color: var(--color-semantic-alert-100);
  color: var(--color-white);
  text-align: center;
}
.m-tag-child-medical-care:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-child-medical-care {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-child-medical-care:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-child-medical-care.--disabled {
  border-color: var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}

.m-tag-child-disabled {
  border: 1px solid var(--color-indigo-100);
  background-color: var(--color-indigo-100);
  color: var(--color-white);
  text-align: center;
}
.m-tag-child-disabled:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-child-disabled {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-child-disabled:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-child-disabled.--disabled {
  border-color: var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}

.m-tag-reservation-type-teiki {
  border: 1px solid var(--color-yellow-80);
  background-color: var(--color-yellow-80);
  color: var(--color-neutral-100);
  text-align: center;
}
.m-tag-reservation-type-teiki:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-type-teiki {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-type-teiki:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-reservation-type-free {
  border: 1px solid var(--color-green-100);
  background-color: var(--color-green-100);
  color: var(--color-white);
  text-align: center;
}
.m-tag-reservation-type-free:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-reservation-type-free {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-reservation-type-free:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-tag-user-common {
  border: 1px solid var(--color-neutral-30);
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  text-align: center;
}
.m-tag-user-common:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-user-common {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-user-common:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-user-common.--disabled {
  border-color: var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}

.m-tag-flag-common {
  border: 1px solid var(--color-neutral-30);
  background-color: var(--color-indigo-20);
  color: var(--color-neutral-100);
  text-align: center;
}
.m-tag-flag-common:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-flag-common {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-flag-common:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-flag-common.--disabled {
  border-color: var(--color-neutral-80);
  background-color: var(--color-neutral-80);
  color: var(--color-white);
}

.m-tag-text {
  color: var(--color-neutral-100);
  font-size: 0.75rem;
}
.m-tag-text:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-text {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-text:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-text.--lg {
  font-size: 0.75rem;
}
.m-tag-text.--xl {
  font-size: 0.875rem;
}
.m-tag-text.--xxl {
  font-size: 0.875rem;
}

.m-status-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
  border-radius: 4px;
  background-color: var(--color-blond-40);
  color: var(--color-brown-100);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
}
.m-status-tag:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-status-tag {
  margin-top: 0;
}
[class~=m-heading-area] + .m-status-tag:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-status-tag.--type {
  background-color: var(--color-orange-30);
}
.m-status-tag.--class {
  background-color: var(--color-indigo-40);
}
.m-status-tag.--service {
  background-color: var(--color-blond-40);
}
.m-status-tag.--disabled {
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-80);
  font-weight: 350;
}

.m-tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.m-tag-list:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tag-list {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tag-list:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tag-list > [class]:is(html *) {
  margin-block: 0;
}
.m-tag-list.--sm {
  gap: 4px;
}
.m-tag-list > .m-tag-text {
  margin-left: -2px;
}

.m-box-primary, .m-panel-facility__info {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-neutral-10);
}
.m-box-primary:where(* + *), .m-panel-facility__info:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-primary, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-facility__info {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-primary:not(.l-lower-contents), [class~=m-heading-area] + .m-panel-facility__info:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-primary, .m-panel-facility__info {
    padding: 24px;
  }
}
.m-box-primary__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-primary__body {
  margin-top: 16px;
}
.m-box-primary__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-primary__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-primary__button {
  margin-top: 32px;
}
.m-box-primary__body * + .m-box-primary__link {
  margin-top: 8px;
}
.m-box-secondary {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-white);
}
.m-box-secondary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-secondary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-secondary:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-secondary {
    padding: 24px;
  }
}
.m-box-secondary__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-secondary__body {
  margin-top: 16px;
}
.m-box-secondary__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-secondary__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-secondary__button {
  margin-top: 32px;
}
.m-box-secondary__body * + .m-box-secondary__link {
  margin-top: 8px;
}
.m-box-tertiary {
  padding: 16px;
  border: solid 2px var(--color-neutral-30);
  border-radius: 16px;
  background-color: var(--color-white);
}
.m-box-tertiary:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-tertiary {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-tertiary:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-tertiary {
    padding: 24px;
  }
}
.m-box-tertiary__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-tertiary__body {
  margin-top: 16px;
}
.m-box-tertiary__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-tertiary__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-tertiary__button {
  margin-top: 32px;
}
.m-box-tertiary__body * + .m-box-tertiary__link {
  margin-top: 8px;
}
.m-box-definition {
  padding: 12px 16px;
  border-radius: 12px;
  background-color: var(--color-brown-20);
}
.m-box-definition:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-definition {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-definition:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-box-error, .m-alert-error-box {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-semantic-alert-20);
}
.m-box-error:where(* + *), .m-alert-error-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-error, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-error-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-error:not(.l-lower-contents), [class~=m-heading-area] + .m-alert-error-box:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-error, .m-alert-error-box {
    padding: 24px;
  }
}
.m-box-error__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-error__body {
  margin-top: 16px;
}
.m-box-error__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-error__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-error__button {
  margin-top: 32px;
}
.m-box-error__body * + .m-box-error__link {
  margin-top: 8px;
}
.m-box-caution, .m-alert-caution-box, .m-form-add-filter-box {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-blond-20);
}
.m-box-caution:where(* + *), .m-alert-caution-box:where(* + *), .m-form-add-filter-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-caution, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-caution-box, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-filter-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-caution:not(.l-lower-contents), [class~=m-heading-area] + .m-alert-caution-box:not(.l-lower-contents), [class~=m-heading-area] + .m-form-add-filter-box:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-caution, .m-alert-caution-box, .m-form-add-filter-box {
    padding: 24px;
  }
}
.m-box-caution__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-caution__body {
  margin-top: 16px;
}
.m-box-caution__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-caution__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-caution__button {
  margin-top: 32px;
}
.m-box-caution__body * + .m-box-caution__link {
  margin-top: 8px;
}
.m-box-success, .m-alert-success-box {
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-semantic-success-20);
}
.m-box-success:where(* + *), .m-alert-success-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-box-success, [class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-success-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-box-success:not(.l-lower-contents), [class~=m-heading-area] + .m-alert-success-box:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-box-success, .m-alert-success-box {
    padding: 24px;
  }
}
.m-box-success__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-box-success__body {
  margin-top: 16px;
}
.m-box-success__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-box-success__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-box-success__button {
  margin-top: 32px;
}
.m-box-success__body * + .m-box-success__link {
  margin-top: 8px;
}

.m-panel-history, .m-panel-graph, .m-panel-facility, .m-panel-reservation, .m-panel {
  display: block;
  position: relative;
  border-radius: 12px;
  background: var(--color-white);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
@media (hover: hover) and (pointer: fine) {
  .m-panel-history:is(a):hover, .m-panel-graph:is(a):hover, .m-panel-facility:is(a):hover, .m-panel-reservation:is(a):hover, .m-panel:is(a):hover {
    outline: var(--color-orange-80) solid 2px;
    outline-offset: 0;
  }
}
.m-panel-history:is(a):focus-visible, .m-panel-graph:is(a):focus-visible, .m-panel-facility:is(a):focus-visible, .m-panel-reservation:is(a):focus-visible, .m-panel:is(a):focus-visible {
  outline: none;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15), 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.u-grid > * > .m-panel-history, .u-grid > * > .m-panel-graph, .u-grid > * > .m-panel-facility, .u-grid > * > .m-panel-reservation, .u-grid > * > .m-panel {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}
.--disabled.m-panel-history, .--disabled.m-panel-graph, .--disabled.m-panel-facility, .--disabled.m-panel-reservation, .--disabled.m-panel {
  background: var(--color-neutral-10);
  box-shadow: none;
}

.m-panel-history__contents-area, .m-panel-graph__contents-area, .m-panel-facility__contents-area, .m-panel-reservation__contents-area, .m-panel__contents-area {
  display: grid;
  grid-auto-rows: max-content;
  row-gap: 16px;
  padding: 32px 24px 16px;
  color: var(--color-neutral-100);
}
.m-panel-history__contents-area > [class]:is(html *), .m-panel-graph__contents-area > [class]:is(html *), .m-panel-facility__contents-area > [class]:is(html *), .m-panel-reservation__contents-area > [class]:is(html *), .m-panel__contents-area > [class]:is(html *) {
  margin-block: 0;
}
.m-panel-history__contents-area .m-list-status, .m-panel-graph__contents-area .m-list-status, .m-panel-facility__contents-area .m-list-status, .m-panel-reservation__contents-area .m-list-status, .m-panel__contents-area .m-list-status {
  margin-top: -4px;
}

.m-panel-history__action-area, .m-panel-graph__action-area, .m-panel-reservation__action-area, .m-panel__action-area {
  display: grid;
  row-gap: 16px;
  justify-content: center;
  padding: 16px 24px;
  border-top: solid 1px var(--color-neutral-30);
  text-align: center;
}
.m-panel-history__action-area [class*=m-link-], .m-panel-graph__action-area [class*=m-link-], .m-panel-reservation__action-area [class*=m-link-], .m-panel__action-area [class*=m-link-] {
  font-weight: 350;
}

.m-panel-facility__column, .m-panel__column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.m-panel-facility__column > [class]:is(html *), .m-panel__column > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-panel-facility__column, .m-panel__column {
    gap: 16px;
  }
}

.m-panel-facility__img, .m-panel__img {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 64px;
  border-radius: 50%;
}
.m-panel-facility__img img, .m-panel__img img {
  border-radius: 50%;
}
.--lg.m-panel-facility__img, .--lg.m-panel__img {
  width: 88px;
}
.--square.m-panel-facility__img img, .--square.m-panel__img img {
  border-radius: 16px;
}

.m-panel-facility__text, .m-panel__text {
  flex: 1;
}

.m-panel-facility__tag, .m-panel__tag {
  margin-top: 8px;
}

.m-panel-container {
  padding-top: 18px;
}
.m-panel-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-container:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-panel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel__label-area {
  z-index: 1;
  position: absolute;
  top: -18px;
  left: 18px;
}
.m-panel__info {
  display: grid;
  row-gap: 16px;
  padding: 16px;
  border-radius: 12px;
  background-color: var(--color-blond-20);
}
.m-panel__info.--accent {
  background-color: var(--color-semantic-alert-20);
}
.m-panel__info:is(.m-panel.--disabled .m-panel__info) {
  background-color: var(--color-white);
}
.m-panel__info-header {
  -moz-column-gap: 8px;
  display: flex;
  position: relative;
       column-gap: 8px;
  align-items: baseline;
  padding-left: 32px;
  color: var(--color-neutral-100);
  font-size: 1rem;
}
.m-panel__info-header:is(.m-panel.--disabled .m-panel__info-header) {
  color: var(--color-neutral-80);
}
.m-panel__info-header.--accent {
  color: var(--color-semantic-alert-100);
  font-weight: 600;
}
.m-panel__info-header .m-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.m-panel__info-header > *:where(:not(.m-icon)) {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-panel__info-sub {
  display: grid;
  row-gap: 4px;
  margin-top: 8px;
  padding-left: 32px;
  font-size: 0.875rem;
}
.m-panel__info-sub > li:before {
  content: "・";
}
.m-panel__info-lead {
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-panel__name {
  color: var(--color-cyan-100);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .m-panel__name {
    font-size: 1rem;
  }
}
.m-panel__personal {
  margin-top: 2px;
  font-size: 0.875rem;
}
.m-panel__personal-sub {
  font-size: 0.75rem;
}
.m-panel__attribute {
  color: var(--color-neutral-100);
  font-size: 0.875rem;
}

.m-panel-reservation:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-reservation {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-reservation:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel-reservation__contents-area {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
}
.m-panel-reservation__title {
  font-weight: 600;
  font-size: 1rem;
}
.m-panel-reservation__info {
  -moz-column-gap: 8px;
  display: grid;
  grid-template-columns: 72px 1fr;
       column-gap: 8px;
  row-gap: 4px;
}
.m-panel-reservation__info-title {
  color: var(--color-neutral-80);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-panel-reservation__info-text {
  font-size: 1rem;
}
.m-panel-reservation__info-text.--accent {
  color: var(--color-orange-100);
  font-weight: 600;
  font-size: 1rem;
}

.m-panel-facility:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-facility {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-facility:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel-facility__contents-area {
  padding: 16px 24px;
}
.m-panel-facility__name {
  font-weight: 600;
  font-size: 1rem;
}
.m-panel-facility__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  gap: 8px;
}
.m-panel-facility__text:has(.m-panel__tag) {
  justify-content: flex-start;
}
.m-panel-facility__text .m-panel__tag {
  margin-top: 0;
}
.m-panel-facility__info {
  padding: 16px;
}
.m-panel-facility__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.m-panel-facility__description-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.875rem;
  text-overflow: ellipsis;
}
.m-panel-facility__description-link .m-link-basic {
  font-size: 0.875rem;
}
.m-panel-facility .m-button-secondary {
  width: 100%;
  min-width: auto;
  max-width: 279px;
  margin-right: auto;
  margin-left: auto;
}
.m-panel-facility .m-panel__column .m-link-basic {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .m-panel-facility .m-tag-list {
    margin-bottom: 4px;
  }
}
.m-panel-facility__outer {
  position: relative;
  max-width: 350px;
  line-height: 1.5;
  font-family: var(--font-family-default);
}
.m-panel-facility__close {
  position: absolute;
  top: -56px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  cursor: pointer;
}
.m-panel-facility__close::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-panel-facility__close:hover {
    background-color: var(--color-white);
  }
  .m-panel-facility__close:hover::before {
    background-color: var(--color-orange-80);
  }
}
.m-panel-facility__close::before {
  width: 24px;
  height: 24px;
}

.m-panel-graph:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-graph {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-graph:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel-graph__contents-area {
  padding: 16px 24px;
}
.m-panel-graph__action-area {
  padding: 16px 24px;
}
.m-panel-graph__action-area .m-link-basic {
  font-weight: 350;
}
.m-panel-graph__result {
  flex-shrink: 0;
}
.m-panel-graph__result.--wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}
.m-panel-graph__result-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m-panel-graph__result-item {
  font-size: 0;
}
.m-panel-graph__result-item::before {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  content: "";
}
.m-panel-graph__result-item.--national::before {
  background: var(--color-orange-80);
}
.m-panel-graph__result-item.--local::before {
  background: var(--color-green-60);
}
.m-panel-graph__result-item.--local:where(body:has(> #m-svg-pattern) *)::before {
  background: url("/img/bg_graph_pattern_local.svg") var(--color-green-60);
}
.m-panel-graph__result-label {
  font-size: 0.875rem;
}
.m-panel-graph__result-label::after {
  content: "：";
}
.m-panel-graph__result-time {
  font-weight: 600;
  font-size: 1.125rem;
}
.--national .m-panel-graph__result-time {
  color: var(--color-orange-100);
}
.--local .m-panel-graph__result-time {
  color: var(--color-green-100);
}
.m-panel-graph__result-unit {
  margin-left: 4px;
  font-size: 0.875rem;
}
.m-panel-graph__name {
  font-size: 0;
}
.m-panel-graph__name-last, .m-panel-graph__name-first {
  font-weight: 600;
  font-size: 1.25rem;
}
.m-panel-graph__name-first {
  margin-left: 4px;
}
.m-panel-graph__name-honorific {
  margin-left: 4px;
  font-weight: 600;
  font-size: 1rem;
}
.m-panel-graph .m-panel-graph__remain {
  font-size: 0;
}
.m-panel-graph .m-panel-graph__remain.--between {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.m-panel-graph__remain-date {
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-panel-graph__remain-date {
    font-size: 1rem;
  }
}
.m-panel-graph__remain-time {
  font-size: 0.875rem;
  white-space: nowrap;
}
.m-panel-graph__remain-time > span {
  margin-right: 2px;
  margin-left: 2px;
  font-weight: 600;
  font-size: 1.75rem;
}
.m-panel-graph__remain-text {
  font-size: 0.875rem;
}
.m-panel-graph__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-panel-graph__content {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
.m-panel-graph__circle-graph-area {
  position: relative;
  width: 220px;
  height: 114px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .m-panel-graph__circle-graph-area {
    margin-right: 0;
    margin-left: 0;
  }
}
.m-panel-graph__circle-graph-area .m-panel-graph__remain {
  display: flex;
  position: absolute;
  bottom: -6px;
  left: 50%;
  flex-direction: column;
  transform: translateX(-50%);
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-panel-graph__circle-graph-area .m-panel-graph__remain {
    bottom: -4px;
  }
}
.m-panel-graph__circle-graph-area .m-panel-graph__remain-date {
  margin-right: 0;
  margin-bottom: 2px;
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-panel-graph__circle-graph {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.m-panel-history:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-history {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-history:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel-history__contents-area {
  padding: 16px;
}
@media screen and (min-width: 769px) {
  .m-panel-history__contents-area {
    padding: 24px;
  }
}
.m-panel-history__action-area {
  justify-content: initial;
  padding: 8px 24px 16px;
  border-top: none;
}
@media screen and (min-width: 769px) {
  .m-panel-history__action-area {
    grid-auto-columns: 1fr;
    padding: 0 24px 16px;
  }
}
.m-panel-history__title {
  font-weight: 600;
  font-size: 1.25rem;
}
.m-panel-history__button-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-panel-history__button-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .m-panel-history__button-column {
    width: calc(50% - 16px);
    min-width: 220px;
  }
}
.m-panel-history__button-column > [class*=m-button-] {
  width: 100%;
}

.m-search-panel {
  padding-bottom: 16px;
}
.m-search-panel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-search-panel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-search-panel:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-search-panel__button {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-search-panel__button {
    text-align: left;
  }
}
.m-search-panel.--search {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-search-panel.--search {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.m-search-panel__title {
  font-size: 1rem;
}
.m-search-panel__input {
  display: flex;
  padding: 12px 16px;
  gap: 8px;
  border: 1px solid var(--color-neutral-40);
  border-radius: 8px;
  font-size: 0.875rem;
}
.m-search-panel__input > label {
  flex-grow: 1;
  flex-shrink: 1;
}
@media screen and (min-width: 769px) {
  .m-search-panel__input {
    width: 480px;
  }
}
.m-search-panel__input:where(:has(.m-search-panel__input-text:focus-visible)) {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-search-panel__input-text {
  flex: 1;
  width: 100%;
}
.m-search-panel__input-text:focus-visible {
  box-shadow: none;
}
.m-search-panel__input-button {
  flex-grow: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 8px;
  color: var(--color-white);
  font-size: 0;
  cursor: pointer;
}
.m-search-panel__input-button-label {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(/img/icons/icon_search.svg);
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.swiper-button-prev, .swiper-button-next {
  z-index: 1;
  position: absolute;
  top: auto;
  bottom: 0;
  border: 1px solid var(--color-neutral-40);
  border-radius: 40px;
  background: var(--color-neutral-20);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  opacity: 1;
}
.swiper-button-prev::after, .swiper-button-next::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_carousel_arrow.svg");
  display: inline-block;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_carousel_arrow.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.swiper-button-prev:focus-visible, .swiper-button-next:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
@media (hover: hover) and (pointer: fine) {
  .swiper-button-prev:hover::after, .swiper-button-next:hover::after {
    background-color: var(--color-orange-80);
  }
}
.--xs.swiper-button-prev, .--xs.swiper-button-next {
  width: 32px;
  height: 32px;
}
.--xs.swiper-button-prev::after, .--xs.swiper-button-next::after {
  width: 10.66px;
  height: 10.66px;
}
.--sm.swiper-button-prev, .--sm.swiper-button-next {
  width: 40px;
  height: 40px;
}
.--sm.swiper-button-prev::after, .--sm.swiper-button-next::after {
  width: 16px;
  height: 16px;
}
.--md.swiper-button-prev, .--md.swiper-button-next {
  width: 56px;
  height: 56px;
}
.--md.swiper-button-prev::after, .--md.swiper-button-next::after {
  width: 18.67px;
  height: 18.67px;
}
.--lg.swiper-button-prev, .--lg.swiper-button-next {
  width: 64px;
  height: 64px;
}
.--lg.swiper-button-prev::after, .--lg.swiper-button-next::after {
  width: 21.33px;
  height: 21.33px;
}

.swiper-button-next {
  right: 0;
}

.swiper-button-prev {
  left: auto;
}
.swiper-button-prev::after {
  transform: rotate(180deg);
}

.swiper-pagination {
  display: flex;
  z-index: 1;
  position: absolute;
  bottom: 12px;
  left: 0;
  gap: 6px;
}
.swiper-pagination > .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0;
  background-color: var(--color-neutral-30);
  opacity: 1;
}
.swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: none;
  background-color: var(--color-orange-80);
}
.swiper-pagination > .swiper-pagination-bullet:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.swiper-pagination.--fraction {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--color-neutral-100);
  font-weight: 300;
  font-size: 1rem;
}

.m-section-divider {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  height: 2px;
  margin: 0 -50vw;
  border: none;
  background-size: 7px 6px;
  background-repeat: repeat-x;
  background-color: var(--color-neutral-100);
}
.m-section-divider:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-section-divider {
  margin-top: 0;
}
[class~=m-heading-area] + .m-section-divider:not(.l-lower-contents) {
  margin-top: 40px;
}
.l-two-column-container__main .m-section-divider {
  right: auto;
  left: auto;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
@media screen and (min-width: 769px) {
  .m-section-divider.--inner-container {
    right: inherit;
    left: 0;
    width: calc(100% + 128px);
    margin-right: -64px;
    margin-left: -64px;
  }
}

.m-table-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-table-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-table-container:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-table-header:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-table-header {
  margin-top: 0;
}
[class~=m-heading-area] + .m-table-header:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-table-footer:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-table-footer {
  margin-top: 0;
}
[class~=m-heading-area] + .m-table-footer:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-table-contents {
  overflow: auto;
}
.m-table-contents:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-table-contents {
  margin-top: 0;
}
[class~=m-heading-area] + .m-table-contents:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-table-contents.--height-sm {
  max-height: 200px;
}
@media screen and (min-width: 769px) {
  .m-table-contents.--height-sm {
    max-height: 390px;
  }
}
.m-table-contents::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.m-table-contents::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-neutral-60);
}
.m-table-contents::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: var(--color-neutral-20);
}

.m-fixed-table-contents {
  overflow: hidden;
  border: solid 1px var(--color-neutral-20);
  border-radius: 18px;
}
.m-fixed-table-contents:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-fixed-table-contents {
  margin-top: 0;
}
[class~=m-heading-area] + .m-fixed-table-contents:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-fixed-table-box {
  margin-right: -1px;
  overflow: auto;
}
.m-fixed-table-box::-webkit-scrollbar {
  height: 8px;
}
.m-fixed-table-box::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: var(--color-neutral-60);
}
.m-fixed-table-box::-webkit-scrollbar-track {
  border-radius: 4px;
  background-color: var(--color-neutral-20);
}

.m-table {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--color-neutral-100);
  table-layout: fixed;
}
.m-table:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-table {
  margin-top: 0;
}
[class~=m-heading-area] + .m-table:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-table :where([class*=m-tag-approve-]) {
  min-width: 88px;
}
.m-table.--sm th,
.m-table.--sm td {
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-table.--sm th,
  .m-table.--sm td {
    font-size: 0.875rem;
  }
}
.m-table.--xs th,
.m-table.--xs td {
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-table.--xs th,
  .m-table.--xs td {
    font-size: 0.75rem;
  }
}
.m-table.--xs th {
  padding: 12px 16px;
}
.m-table.--xs td {
  padding: 10px 16px;
}
.m-table th,
.m-table td {
  padding: 12px 16px;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .m-table th,
  .m-table td {
    font-size: 1rem;
  }
}
.m-table th.m-table__txt-left,
.m-table td.m-table__txt-left {
  text-align: left;
}
.m-table th.m-table__txt-left.--indent-1 > *,
.m-table td.m-table__txt-left.--indent-1 > * {
  padding-left: 1em;
}
.m-table th.m-table__txt-left.--indent-2 > *,
.m-table td.m-table__txt-left.--indent-2 > * {
  padding-left: 2em;
}
.m-table th.m-table__txt-right,
.m-table td.m-table__txt-right {
  text-align: right;
}
.m-table th.m-table__txt-top,
.m-table td.m-table__txt-top {
  vertical-align: top;
}
.m-table th.m-table__txt-bottom,
.m-table td.m-table__txt-bottom {
  vertical-align: bottom;
}
.m-table__no-wrap {
  white-space: nowrap;
}
.m-table__accent {
  color: var(--color-semantic-alert-100);
}
.m-table__understatement {
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-table__sort {
  -moz-column-gap: 4px;
  display: flex;
  position: relative;
       column-gap: 4px;
  align-items: center;
  padding-right: 0;
  cursor: pointer;
}
.m-table__sort > [class]:is(html *) {
  margin-block: 0;
}
@media (hover: hover) and (pointer: fine) {
  .m-table__sort:hover {
    text-decoration: underline;
  }
}
.m-table__sort:where(:not(:has(.m-icon)))::after {
  display: block;
  top: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.m-table__line-1 > * {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-table__line-1 > * a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-table__line-2 > * {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-table__line-2 > * a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-table__tag-attention {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-left: 20px;
  font-size: 0.75rem;
}
.m-table__tag-attention + .m-table__tag-attention {
  margin-top: 4px;
}
.m-table__tag-attention .m-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin-block: auto;
}
.m-table thead tr + tr th {
  border-top: solid 1px var(--color-white);
}
.m-table thead th {
  border-left: solid 1px var(--color-white);
}
.m-table tbody tr {
  background-color: var(--color-white);
}
.m-table tbody tr + tr td {
  border-top: solid 1px var(--color-neutral-20);
}
.m-table tbody td {
  border-left: solid 1px var(--color-neutral-20);
}
.m-table thead {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  outline: solid 1px var(--color-neutral-30);
  outline-offset: -1px;
}
.m-table thead tr {
  background-color: var(--color-neutral-30);
}
.m-table thead th,
.m-table thead td {
  font-weight: 600;
  text-align: center;
}
.m-table thead th {
  white-space: nowrap;
}
.m-table thead th > * {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-table tbody {
  border-radius: 16px;
  outline: solid 1px var(--color-neutral-20);
  outline-offset: -1px;
}
.m-table tbody tr[data-drawer-target] {
  cursor: pointer;
}
.m-table:has(thead) tbody {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.m-table__line-link.--active tr {
  background-color: var(--color-brown-20);
}
.m-table__line-link:hover {
  outline: var(--color-orange-80) solid 2px;
  outline-offset: -3px;
  cursor: pointer;
}
.m-table__line-link:focus-visible {
  outline: none;
  background: linear-gradient(to left, var(--color-brown-80) 0, var(--color-brown-80) 4px, transparent 4px, transparent), linear-gradient(to right, var(--color-brown-80) 0, var(--color-brown-80) 4px, transparent 4px, transparent), linear-gradient(to top, var(--color-brown-80) 0, var(--color-brown-80) 3px, transparent 3px, transparent), linear-gradient(to bottom, var(--color-brown-80) 0, var(--color-brown-80) 4px, transparent 4px, transparent), linear-gradient(to left, var(--color-white) 0, var(--color-white) 6px, transparent 6px, transparent), linear-gradient(to right, var(--color-white) 0, var(--color-white) 6px, transparent 6px, transparent), linear-gradient(to top, var(--color-white) 0, var(--color-white) 6px, transparent 6px, transparent), linear-gradient(to bottom, var(--color-white) 0, var(--color-white) 6px, transparent 6px, transparent);
}

.m-fixed-table-box {
  margin-right: -1px;
}

.m-fixed-table {
  position: relative;
  width: 100%;
  margin-right: -1px;
  overflow: visible;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--color-neutral-100);
  table-layout: fixed;
}
.m-fixed-table:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-fixed-table {
  margin-top: 0;
}
[class~=m-heading-area] + .m-fixed-table:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-fixed-table :where([class*=m-tag-approve-]) {
  min-width: 88px;
}
.m-fixed-table.--sm th,
.m-fixed-table.--sm td {
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-fixed-table.--sm th,
  .m-fixed-table.--sm td {
    font-size: 0.875rem;
  }
}
.m-fixed-table.--xs th,
.m-fixed-table.--xs td {
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-fixed-table.--xs th,
  .m-fixed-table.--xs td {
    font-size: 0.75rem;
  }
}
.m-fixed-table.--xs th {
  padding: 12px 16px;
}
.m-fixed-table.--xs td {
  padding: 10px 16px;
}
.m-fixed-table th,
.m-fixed-table td {
  padding: 12px 16px;
  font-size: 0.875rem;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .m-fixed-table th,
  .m-fixed-table td {
    font-size: 1rem;
  }
}
.m-fixed-table th.m-fixed-table__txt-left,
.m-fixed-table td.m-fixed-table__txt-left {
  text-align: left;
}
.m-fixed-table th.m-fixed-table__txt-left.--indent-1 > *,
.m-fixed-table td.m-fixed-table__txt-left.--indent-1 > * {
  padding-left: 1em;
}
.m-fixed-table th.m-fixed-table__txt-left.--indent-2 > *,
.m-fixed-table td.m-fixed-table__txt-left.--indent-2 > * {
  padding-left: 2em;
}
.m-fixed-table th.m-fixed-table__txt-right,
.m-fixed-table td.m-fixed-table__txt-right {
  text-align: right;
}
.m-fixed-table th.m-fixed-table__txt-top,
.m-fixed-table td.m-fixed-table__txt-top {
  vertical-align: top;
}
.m-fixed-table th.m-fixed-table__txt-bottom,
.m-fixed-table td.m-fixed-table__txt-bottom {
  vertical-align: bottom;
}
.m-fixed-table__no-wrap {
  white-space: nowrap;
}
.m-fixed-table__accent {
  color: var(--color-semantic-alert-100);
}
.m-fixed-table__understatement {
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-fixed-table__sort {
  -moz-column-gap: 4px;
  display: flex;
  position: relative;
       column-gap: 4px;
  align-items: center;
  padding-right: 0;
  cursor: pointer;
}
.m-fixed-table__sort > [class]:is(html *) {
  margin-block: 0;
}
@media (hover: hover) and (pointer: fine) {
  .m-fixed-table__sort:hover {
    text-decoration: underline;
  }
}
.m-fixed-table__sort:where(:not(:has(.m-icon)))::after {
  display: block;
  top: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.m-fixed-table__line-1 > * {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-fixed-table__line-1 > * a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-fixed-table__line-2 > * {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-fixed-table__line-2 > * a:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-fixed-table__tag-attention {
  display: block;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-left: 20px;
  font-size: 0.75rem;
}
.m-fixed-table__tag-attention + .m-fixed-table__tag-attention {
  margin-top: 4px;
}
.m-fixed-table__tag-attention .m-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin-block: auto;
}
.m-fixed-table thead tr > th {
  border-right: solid 1px var(--color-white);
}
.m-fixed-table thead tr + tr th {
  border-top: solid 1px var(--color-white);
}
.m-fixed-table thead th[rowspan] > div {
  position: relative;
}
.m-fixed-table thead th.--fixed-cell:before, .m-fixed-table thead td.--fixed-cell:before {
  display: block;
  position: absolute;
  width: 1px;
  inset: 0 -1px 0 auto;
  background-color: var(--color-white);
  content: "";
}
.m-fixed-table tbody tr > td {
  border-right: solid 1px var(--color-neutral-20);
}
.m-fixed-table tbody tr + tr td {
  border-top: solid 1px var(--color-neutral-20);
}
.m-fixed-table tbody td[rowspan] > div {
  position: relative;
}
.m-fixed-table tbody th, .m-fixed-table tbody td {
  position: relative;
}
.m-fixed-table tbody th.--fixed-cell:before, .m-fixed-table tbody td.--fixed-cell:before {
  display: block;
  position: absolute;
  width: 1px;
  inset: 0 -1px 0 auto;
  background-color: var(--color-neutral-20);
  content: "";
}
.m-fixed-table th {
  background-color: var(--color-neutral-30);
}
.m-fixed-table td {
  background-color: var(--color-white);
}
.m-fixed-table th > *, .m-fixed-table td > * {
  z-index: 1;
  position: relative;
}
.m-fixed-table th.--fixed-cell, .m-fixed-table td.--fixed-cell {
  z-index: 2;
  position: sticky;
  left: 0;
}
.m-fixed-table th.--no-border, .m-fixed-table td.--no-border {
  border-right: none;
}
.m-fixed-table__line-link.--active tr {
  background-color: var(--color-brown-20);
}
.m-fixed-table__line-link:hover {
  cursor: pointer;
}
.m-fixed-table__line-link:hover td:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  border-top: solid 2px var(--color-orange-80);
  border-bottom: solid 2px var(--color-orange-80);
  content: "";
}
.m-fixed-table__line-link:hover td:first-child:after {
  border-left: solid 2px var(--color-orange-80);
}
.m-fixed-table__line-link:hover td:last-child:after {
  width: 100%;
  border-right: solid 2px var(--color-orange-80);
}
.m-fixed-table__line-link:focus-visible {
  outline: none;
}
.m-fixed-table__line-link:focus-visible td:after {
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  border-top: solid 2px var(--color-brown-80);
  border-bottom: solid 2px var(--color-brown-80);
  content: "";
}
.m-fixed-table__line-link:focus-visible td:first-child:after {
  border-left: solid 2px var(--color-brown-80);
}
.m-fixed-table__line-link:focus-visible td:last-child:after {
  width: 100%;
  border-right: solid 2px var(--color-brown-80);
}

.m-definition {
  display: grid;
  row-gap: 24px;
}
.m-definition:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-definition {
  margin-top: 0;
}
[class~=m-heading-area] + .m-definition:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-definition__item {
  display: grid;
  row-gap: 16px;
}
.m-definition__item > [class]:is(html *) {
  margin-block: 0;
}
.m-definition__termColumn {
  display: grid;
  grid-auto-flow: column;
  align-items: end;
  justify-content: space-between;
}
.m-definition__item > dt, .m-definition__term {
  display: block;
  color: var(--color-neutral-80);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-definition__termSub {
  display: block;
  color: var(--color-neutral-80);
  font-weight: 350;
  font-size: 0.75rem;
}
* + .m-definition__termSub {
  margin-top: 4px;
}
.m-definition__item > dd, .m-definition__description {
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--color-brown-20);
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 1rem;
  white-space: pre-wrap;
  word-break: break-all;
}
.m-definition__item > dd:has(> .m-definition__descriptionForm), .m-definition__description:has(> .m-definition__descriptionForm) {
  display: contents;
  white-space: normal;
}
.m-definition__item > dd.--lg, .m-definition__description.--lg {
  min-height: 168px;
  overflow: auto;
}
.m-definition__item > dd.--space-flat, .m-definition__description.--space-flat {
  white-space: normal;
}
.m-definition__item > dd .m-tag-list, .m-definition__description .m-tag-list {
  white-space: initial;
}
.m-definition__descriptionForm {
  margin-top: 16px;
}

.m-definition-table:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-definition-table {
  margin-top: 0;
}
[class~=m-heading-area] + .m-definition-table:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-definition-table > dt, .m-definition-table__term {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-neutral-40);
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .m-definition-table > dt, .m-definition-table__term {
    font-size: 1.25rem;
  }
}
.m-definition-table > dd, .m-definition-table__description {
  font-size: 1rem;
}
.m-definition-table > dd .m-definition-table__nest-wrap, .m-definition-table__description .m-definition-table__nest-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--items-start, .m-definition-table__description .m-definition-table__nest-wrap.--items-start {
  align-items: start;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--items-end, .m-definition-table__description .m-definition-table__nest-wrap.--items-end {
  align-items: end;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--items-center, .m-definition-table__description .m-definition-table__nest-wrap.--items-center {
  align-items: center;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--justify-start, .m-definition-table__description .m-definition-table__nest-wrap.--justify-start {
  justify-content: start;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--justify-end, .m-definition-table__description .m-definition-table__nest-wrap.--justify-end {
  justify-content: end;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--justify-center, .m-definition-table__description .m-definition-table__nest-wrap.--justify-center {
  justify-content: center;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--justify-between, .m-definition-table__description .m-definition-table__nest-wrap.--justify-between {
  justify-content: space-between;
}
.m-definition-table > dd .m-definition-table__nest-wrap.--justify-around, .m-definition-table__description .m-definition-table__nest-wrap.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:items-start, .m-definition-table__description .m-definition-table__nest-wrap.--md\:items-start {
    align-items: start;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:items-end, .m-definition-table__description .m-definition-table__nest-wrap.--md\:items-end {
    align-items: end;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:items-center, .m-definition-table__description .m-definition-table__nest-wrap.--md\:items-center {
    align-items: center;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:justify-start, .m-definition-table__description .m-definition-table__nest-wrap.--md\:justify-start {
    justify-content: start;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:justify-end, .m-definition-table__description .m-definition-table__nest-wrap.--md\:justify-end {
    justify-content: end;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:justify-center, .m-definition-table__description .m-definition-table__nest-wrap.--md\:justify-center {
    justify-content: center;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:justify-between, .m-definition-table__description .m-definition-table__nest-wrap.--md\:justify-between {
    justify-content: space-between;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--md\:justify-around, .m-definition-table__description .m-definition-table__nest-wrap.--md\:justify-around {
    justify-content: space-around;
  }
  .m-definition-table > dd .m-definition-table__nest-wrap.--title-form-label .m-definition-table__nest > dt,
  .m-definition-table > dd .m-definition-table__nest-wrap.--title-form-label .m-definition-table__nest .m-definition-table__nestTerm, .m-definition-table__description .m-definition-table__nest-wrap.--title-form-label .m-definition-table__nest > dt,
  .m-definition-table__description .m-definition-table__nest-wrap.--title-form-label .m-definition-table__nest .m-definition-table__nestTerm {
    flex: 0 0 10em;
  }
}
.m-definition-table > dd .m-definition-table__nest, .m-definition-table__description .m-definition-table__nest {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m-definition-table > dd .m-definition-table__nest.--items-start, .m-definition-table__description .m-definition-table__nest.--items-start {
  align-items: start;
}
.m-definition-table > dd .m-definition-table__nest.--items-end, .m-definition-table__description .m-definition-table__nest.--items-end {
  align-items: end;
}
.m-definition-table > dd .m-definition-table__nest.--items-center, .m-definition-table__description .m-definition-table__nest.--items-center {
  align-items: center;
}
.m-definition-table > dd .m-definition-table__nest.--justify-start, .m-definition-table__description .m-definition-table__nest.--justify-start {
  justify-content: start;
}
.m-definition-table > dd .m-definition-table__nest.--justify-end, .m-definition-table__description .m-definition-table__nest.--justify-end {
  justify-content: end;
}
.m-definition-table > dd .m-definition-table__nest.--justify-center, .m-definition-table__description .m-definition-table__nest.--justify-center {
  justify-content: center;
}
.m-definition-table > dd .m-definition-table__nest.--justify-between, .m-definition-table__description .m-definition-table__nest.--justify-between {
  justify-content: space-between;
}
.m-definition-table > dd .m-definition-table__nest.--justify-around, .m-definition-table__description .m-definition-table__nest.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-definition-table > dd .m-definition-table__nest.--md\:items-start, .m-definition-table__description .m-definition-table__nest.--md\:items-start {
    align-items: start;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:items-end, .m-definition-table__description .m-definition-table__nest.--md\:items-end {
    align-items: end;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:items-center, .m-definition-table__description .m-definition-table__nest.--md\:items-center {
    align-items: center;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:justify-start, .m-definition-table__description .m-definition-table__nest.--md\:justify-start {
    justify-content: start;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:justify-end, .m-definition-table__description .m-definition-table__nest.--md\:justify-end {
    justify-content: end;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:justify-center, .m-definition-table__description .m-definition-table__nest.--md\:justify-center {
    justify-content: center;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:justify-between, .m-definition-table__description .m-definition-table__nest.--md\:justify-between {
    justify-content: space-between;
  }
  .m-definition-table > dd .m-definition-table__nest.--md\:justify-around, .m-definition-table__description .m-definition-table__nest.--md\:justify-around {
    justify-content: space-around;
  }
}
.m-definition-table > dd .m-definition-table__nest > dt,
.m-definition-table > dd .m-definition-table__nest .m-definition-table__nestTerm, .m-definition-table__description .m-definition-table__nest > dt,
.m-definition-table__description .m-definition-table__nest .m-definition-table__nestTerm {
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .m-definition-table > dd .m-definition-table__nest > dt,
  .m-definition-table > dd .m-definition-table__nest .m-definition-table__nestTerm, .m-definition-table__description .m-definition-table__nest > dt,
  .m-definition-table__description .m-definition-table__nest .m-definition-table__nestTerm {
    font-size: 1rem;
  }
}
.m-definition-table > dd .m-definition-table__nest > dd > * + *,
.m-definition-table > dd .m-definition-table__nest .m-definition-table__nestDescription > * + *, .m-definition-table__description .m-definition-table__nest > dd > * + *,
.m-definition-table__description .m-definition-table__nest .m-definition-table__nestDescription > * + * {
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
  .m-definition-table > dd .m-definition-table__nest, .m-definition-table__description .m-definition-table__nest {
    flex-direction: row;
    align-items: center;
  }
  .m-definition-table > dd .m-definition-table__nest > dt,
  .m-definition-table > dd .m-definition-table__nest .m-definition-table__nestTerm, .m-definition-table__description .m-definition-table__nest > dt,
  .m-definition-table__description .m-definition-table__nest .m-definition-table__nestTerm {
    flex: 0 0 120px;
  }
  .m-definition-table > dd .m-definition-table__nest > dt.--wide,
  .m-definition-table > dd .m-definition-table__nest .m-definition-table__nestTerm.--wide, .m-definition-table__description .m-definition-table__nest > dt.--wide,
  .m-definition-table__description .m-definition-table__nest .m-definition-table__nestTerm.--wide {
    flex: 0 0 200px;
  }
  .m-definition-table > dd .m-definition-table__nest > dd,
  .m-definition-table > dd .m-definition-table__nest .m-definition-table__nestDescription, .m-definition-table__description .m-definition-table__nest > dd,
  .m-definition-table__description .m-definition-table__nest .m-definition-table__nestDescription {
    flex: 1 1 auto;
  }
  .m-definition-table > dd .m-definition-table__nest:first-child > dt, .m-definition-table__description .m-definition-table__nest:first-child > dt {
    border-top: 0;
  }
  .m-definition-table > dd .m-definition-table__nest.--md-align-adjust, .m-definition-table__description .m-definition-table__nest.--md-align-adjust {
    align-items: flex-start;
  }
  .m-definition-table > dd .m-definition-table__nest.--md-align-adjust > dt,
  .m-definition-table > dd .m-definition-table__nest.--md-align-adjust .m-definition-table__nestTerm, .m-definition-table__description .m-definition-table__nest.--md-align-adjust > dt,
  .m-definition-table__description .m-definition-table__nest.--md-align-adjust .m-definition-table__nestTerm {
    padding-top: 14px;
  }
}
.m-definition-table > * + dd, * + .m-definition-table__description {
  margin-top: 24px;
}

.m-definition-line {
  display: grid;
  row-gap: 16px;
}
.m-definition-line:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-definition-line {
  margin-top: 0;
}
[class~=m-heading-area] + .m-definition-line:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-definition-line.--column-left {
  justify-content: start;
}
.m-definition-line.--column-center {
  justify-content: center;
}
.m-definition-line.--column-right {
  justify-content: end;
}
@media screen and (min-width: 769px) {
  .m-definition-line.--md\:column-left {
    justify-content: start;
  }
  .m-definition-line.--md\:column-center {
    justify-content: center;
  }
  .m-definition-line.--md\:column-right {
    justify-content: end;
  }
}
.m-definition-line.--row-top {
  align-items: start;
}
.m-definition-line.--row-center {
  align-items: center;
}
.m-definition-line.--row-bottom {
  align-items: end;
}
@media screen and (min-width: 769px) {
  .m-definition-line.--md\:row-top {
    align-items: start;
  }
  .m-definition-line.--md\:row-center {
    align-items: center;
  }
  .m-definition-line.--md\:row-bottom {
    align-items: end;
  }
  .m-definition-line.--title-form-label > dt, .m-definition-line.--title-form-label__item {
    flex: 0 0 10em;
  }
}
.m-definition-line.--sm {
  row-gap: 8px;
}
.m-definition-line.--sm > div,
.m-definition-line.--sm .m-definition-line__item {
  gap: 8px;
}
.m-definition-line.--xs {
  row-gap: 4px;
}
.m-definition-line.--xs > div,
.m-definition-line.--xs .m-definition-line__item {
  gap: 4px;
}
.m-definition-line > div, .m-definition-line__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.m-definition-line > div.--items-start, .m-definition-line__item.--items-start {
  align-items: start;
}
.m-definition-line > div.--items-end, .m-definition-line__item.--items-end {
  align-items: end;
}
.m-definition-line > div.--items-center, .m-definition-line__item.--items-center {
  align-items: center;
}
.m-definition-line > div.--justify-start, .m-definition-line__item.--justify-start {
  justify-content: start;
}
.m-definition-line > div.--justify-end, .m-definition-line__item.--justify-end {
  justify-content: end;
}
.m-definition-line > div.--justify-center, .m-definition-line__item.--justify-center {
  justify-content: center;
}
.m-definition-line > div.--justify-between, .m-definition-line__item.--justify-between {
  justify-content: space-between;
}
.m-definition-line > div.--justify-around, .m-definition-line__item.--justify-around {
  justify-content: space-around;
}
@media screen and (min-width: 769px) {
  .m-definition-line > div.--md\:items-start, .m-definition-line__item.--md\:items-start {
    align-items: start;
  }
  .m-definition-line > div.--md\:items-end, .m-definition-line__item.--md\:items-end {
    align-items: end;
  }
  .m-definition-line > div.--md\:items-center, .m-definition-line__item.--md\:items-center {
    align-items: center;
  }
  .m-definition-line > div.--md\:justify-start, .m-definition-line__item.--md\:justify-start {
    justify-content: start;
  }
  .m-definition-line > div.--md\:justify-end, .m-definition-line__item.--md\:justify-end {
    justify-content: end;
  }
  .m-definition-line > div.--md\:justify-center, .m-definition-line__item.--md\:justify-center {
    justify-content: center;
  }
  .m-definition-line > div.--md\:justify-between, .m-definition-line__item.--md\:justify-between {
    justify-content: space-between;
  }
  .m-definition-line > div.--md\:justify-around, .m-definition-line__item.--md\:justify-around {
    justify-content: space-around;
  }
  .m-definition-line > div, .m-definition-line__item {
    flex-direction: row;
    align-items: center;
  }
}
.m-definition-line > div > dt, .m-definition-line__term {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .m-definition-line > div > dt, .m-definition-line__term {
    flex: 0 0 120px;
  }
  .m-definition-line > div > dt.--wide, .m-definition-line__term.--wide {
    flex: 0 0 200px;
  }
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-neutral-60);
}
input::placeholder,
textarea::placeholder {
  color: var(--color-neutral-60);
}

.m-form-container {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 16px;
}
.m-form-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container > [class]:is(html *) {
  margin-block: 0;
}
.m-form-container > .m-form-label[class] {
  margin-bottom: 0;
}
.m-form-container.--gap-0 {
  row-gap: 0;
}
.m-form-container.--gap-0.--column {
  -moz-column-gap: 0;
       column-gap: 0;
}
.m-form-container.--sm {
  row-gap: 8px;
}
.m-form-container.--sm.--column {
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.m-form-container.--column {
  -moz-column-gap: 16px;
  grid-template-columns: initial;
  grid-auto-flow: column;
       column-gap: 16px;
  align-items: center;
  justify-content: start;
}
.m-form-container.--left {
  width: 100%;
  max-width: 596px;
  margin-inline: 0 auto;
}
.m-form-container.--center {
  width: 100%;
  max-width: 596px;
  margin-inline: auto;
}
.m-form-container.--right {
  width: 100%;
  max-width: 596px;
  margin-inline: auto 0;
}
.m-form-container__header {
  display: grid;
  row-gap: 16px;
}
.m-form-container__header:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container__header {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container__header:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container__header > [class]:is(html *) {
  margin-block: 0;
}
.m-form-container__header > .m-form-label {
  margin-bottom: 0;
}
.m-form-container__box {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 16px;
}
.m-form-container__box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container__box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container__box:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container__box > [class]:is(html *) {
  margin-block: 0;
}
.m-form-container__item {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 8px;
}
.m-form-container__item:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container__item {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container__item:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container__item > [class]:is(html *) {
  margin-block: 0;
}
.m-form-container__item-header {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 8px;
}
.m-form-container__item-header:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container__item-header {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container__item-header:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container__item-header > [class]:is(html *) {
  margin-block: 0;
}
.m-form-container__item-header > .m-form-label {
  margin-bottom: 0;
}
.m-form-container__note {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 8px;
}
.m-form-container__note:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-container__note {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-container__note:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-container__note > [class]:is(html *) {
  margin-block: 0;
}

.m-form-box {
  display: grid;
  row-gap: 24px;
}
.m-form-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-box:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-box > [class]:is(html *) {
  margin-block: 0;
}

.m-form-label {
  display: block;
  margin-bottom: 16px;
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1.125rem;
}
.m-form-label:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-label {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-label:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-label.--subheading {
  margin-bottom: 8px;
  font-weight: 350;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-form-label.--subheading {
    font-size: 1rem;
  }
}
.m-form-label.--slim {
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-form-label.--slim {
    font-size: 1rem;
  }
}
.m-form-label.--md {
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-form-label.--md {
    font-size: 1rem;
  }
}
.m-form-label-column > .m-form-label.--sm, .m-form-label.--sm {
  font-weight: normal;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-form-label-column > .m-form-label.--sm, .m-form-label.--sm {
    font-size: 0.875rem;
  }
}
.m-form-label.--subheading {
  font-weight: 350;
}
.m-form-label__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 19px;
  margin-top: -2px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 2px;
  font-size: 0.75rem;
  vertical-align: middle;
}
.m-form-label__tag.--required {
  border: 1px solid var(--color-semantic-alert-100);
  background-color: var(--color-semantic-alert-100);
  color: var(--color-white);
  font-weight: 600;
}
.m-form-label__tag.--optional {
  border: 1px solid var(--color-neutral-40);
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  font-weight: 350;
}
.m-form-label__sub {
  font-weight: 350;
  font-size: 1rem;
}

.m-form-label-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4px;
}
.m-form-label-group:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-label-group {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-label-group:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-form-label-group {
    align-items: center;
  }
}
.m-form-label-group__text {
  display: flex;
  align-items: center;
}
.m-form-label-group__text .m-form-label {
  flex: 1;
}
.m-form-label-group__link {
  margin-bottom: 12px;
  margin-left: auto;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .m-form-label-group__link {
    align-items: center;
  }
}
.m-form-label-group__link .m-link-external {
  margin-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
}
.m-form-label-group .m-form-select-all {
  margin-top: -10px;
}

.m-form-error {
  -moz-column-gap: 4px;
  display: flex;
       column-gap: 4px;
  align-items: flex-start;
  color: var(--color-semantic-alert-100);
  font-weight: 350;
  font-size: 0.875rem;
}
.m-form-error:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-error {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-error:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-error > [class]:is(html *) {
  margin-block: 0;
}
.m-form-error .m-icon {
  position: relative;
  top: 0.1em;
  flex-grow: 0;
  flex-shrink: 0;
}
.m-form-password {
  display: block;
  position: relative;
  width: 100%;
  max-width: 596px;
}
.m-form-password.--w-col-sm {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-password.--w-col-sm {
    width: 294px;
  }
}
.m-form-password.--w-col-md {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-password.--w-col-md {
    width: 294px;
  }
}
.m-form-password__input, .m-form-password__input:is(.m-form-text) {
  padding-right: 48px;
}
.m-form-password__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  background-image: url(/img/icons/icon_show_content_visible.svg);
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
  cursor: pointer;
}
.m-form-password__icon.is-visible {
  background-image: url(/img/icons/icon_show_content_hidden.svg);
}

.m-form-reference-position {
  position: relative;
}

.m-form-text {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 596px;
  height: 48px;
  padding: 12px;
  border: 1px solid var(--color-neutral-40);
  border-radius: 8px;
  background-color: var(--color-white);
}
.m-form-text:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-text {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-text:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-text.--w-col-full {
  width: 100%;
  max-width: none;
}
.m-form-text.--w-col-xs {
  width: 120px;
}
@media screen and (min-width: 769px) {
  .m-form-text.--w-col-xs {
    width: 120px;
  }
}
.m-form-text.--w-col-xsm {
  width: 190px;
}
@media screen and (min-width: 769px) {
  .m-form-text.--w-col-xsm {
    width: 190px;
  }
}
.m-form-text.--w-col-sm {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-text.--w-col-sm {
    width: 294px;
  }
}
.m-form-text.--w-col-md {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-text.--w-col-md {
    width: 294px;
  }
  .m-panel-layer .m-form-text.--w-col-usage, .m-form-text.--w-col-usage {
    width: 160px;
  }
  .m-form-text.--w-col-usage-xs {
    width: 120px;
  }
}
.m-form-text.--right {
  text-align: right;
}
.m-form-text.--right::-moz-placeholder {
  text-align: left;
}
.m-form-text.--right::placeholder {
  text-align: left;
}
.m-form-text.--error {
  border: 1px solid var(--color-semantic-alert-100);
  background: var(--color-semantic-alert-20);
}
.m-form-text:where(:not(.--calender):-moz-read-only), .m-form-text:where(:not(.--time):-moz-read-only) {
  background: var(--color-neutral-20);
  color: var(--color-neutral-100);
  cursor: default;
}
.m-form-text:where(:not(.--calender):read-only), .m-form-text:where(:not(.--time):read-only) {
  background: var(--color-neutral-20);
  color: var(--color-neutral-100);
  cursor: default;
}
.m-form-text:disabled {
  background: var(--color-neutral-20);
  color: var(--color-neutral-40);
  cursor: default;
}
.m-form-text.--search {
  padding-right: 48px;
  background-image: url(/img/icons/icon_search.svg);
  background-position: calc(100% - 16px) center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.m-form-text.--calender {
  padding-right: 48px;
  background-image: url(/img/icons/icon_calendar.svg);
  background-position: calc(100% - 16px) center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.m-form-text.--time {
  padding-right: 48px;
  background-image: url(/img/icons/icon_time.svg);
  background-position: calc(100% - 16px) center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
.m-form-text.--time:-webkit-autofill {
  background-image: url(/img/icons/icon_time.svg) !important;
}

.m-form-checkbox {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 596px;
  height: 100%;
  cursor: pointer;
}
.m-form-checkbox:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-checkbox {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-checkbox:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-form-checkbox.--w-col-50 {
    width: calc(50% - 8px);
  }
}
.m-form-checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.m-form-checkbox__input:focus-visible {
  box-shadow: none;
}
.m-form-checkbox__input:focus-visible ~ .m-form-checkbox__inner {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-checkbox__input:focus-visible:checked:where(:not(.--secondary > *)) ~ .m-form-checkbox__inner {
  outline: none;
  box-shadow: 0 0 0 1px var(--color-orange-80), 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-checkbox__input:disabled ~ .m-form-checkbox__inner {
  background: var(--color-neutral-20);
  cursor: default;
}
.m-form-checkbox__input:disabled ~ .m-form-checkbox__inner::before {
  border: 1px solid var(--color-neutral-40);
  background: var(--color-neutral-30);
}
.m-form-checkbox__input:disabled ~ .m-form-checkbox__inner .m-form-checkbox__text {
  color: var(--color-neutral-60);
}
.m-form-checkbox__input:checked:where(:not(.--secondary > *)) ~ .m-form-checkbox__inner {
  border: 1px solid var(--color-orange-80);
  box-shadow: 0 0 0 1px var(--color-orange-80);
}
.m-form-checkbox__input:checked ~ .m-form-checkbox__inner::before {
  border: 1px solid var(--color-orange-100);
  background: var(--color-orange-100);
}
.m-form-checkbox__input:checked ~ .m-form-checkbox__inner::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_check.svg");
  position: absolute;
  top: 50%;
  left: 14px;
  width: 14px;
  height: 10px;
  margin-left: 0;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-white);
  content: "";
          mask-image: url("/img/icons/icon_check.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-form-checkbox__input:checked ~ .m-form-checkbox__inner .m-form-checkbox__text {
  font-weight: 600;
}
.m-form-checkbox__inner {
  display: flex;
  position: relative;
  flex: 1;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 56px;
  padding: 15px 12px 15px 42px;
  border: 1px solid var(--color-neutral-30);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-black);
  transition: all 200ms var(--transition-timing-function);
}
.m-form-checkbox__inner::after, .m-form-checkbox__inner::before {
  transition: all 200ms var(--transition-timing-function);
}
.m-form-checkbox__inner::before {
  position: absolute;
  top: 50%;
  left: 12px;
  aspect-ratio: 1/1;
  width: 18px;
  transform: translateY(-50%);
  border: 1px solid var(--color-neutral-60);
  border-radius: 4px;
  background: var(--color-white);
  content: "";
}
.m-form-checkbox__text {
  display: block;
  position: relative;
  flex: 1;
  width: 100%;
  color: var(--color-black);
  font-weight: 350;
  font-size: 1rem;
  transition: all 200ms var(--transition-timing-function);
}
.m-form-checkbox__link {
  pointer-events: none;
}
.m-form-checkbox.--error .m-form-checkbox__input:not(:checked) ~ .m-form-checkbox__inner {
  border: 1px solid transparent;
  background: var(--color-semantic-alert-20);
}
.m-form-checkbox.--error .m-form-checkbox__input:not(:checked) ~ .m-form-checkbox__inner::before {
  border: 1px solid var(--color-semantic-alert-100);
  background: var(--color-white);
}
.m-form-checkbox.--secondary {
  display: inline-flex;
  width: auto;
  max-width: none;
}
.m-form-checkbox.--secondary .m-form-checkbox__input:checked ~ .m-form-checkbox__inner::after {
  top: calc(50% + 1px);
  left: 7px;
  width: 18px;
  height: 14px;
}
.m-form-checkbox.--secondary .m-form-checkbox__input:checked ~ .m-form-checkbox__inner:not(:has(.m-form-checkbox__text))::after {
  left: 3px;
}
.m-form-checkbox.--secondary .m-form-checkbox__inner {
  display: inline-flex;
  flex: initial;
  width: auto;
  min-height: 24px;
  padding: 1px 4px 1px 38px;
  border: none;
  border-radius: inherit;
  background-color: transparent;
}
.m-form-checkbox.--secondary .m-form-checkbox__inner::before {
  top: calc(50% + 1px);
  left: 4px;
  width: 24px;
  content: "";
}
.m-form-checkbox.--secondary .m-form-checkbox__inner:not(:has(.m-form-checkbox__text)) {
  width: 0;
  padding-right: 0;
  padding-left: 24px;
}
.m-form-checkbox.--secondary .m-form-checkbox__inner:not(:has(.m-form-checkbox__text))::before {
  left: 0;
}
.m-form-checkbox.--secondary:checked ~ .m-form-checkbox__inner::after {
  left: 24px;
  width: 24px;
  height: 18px;
}
.m-form-checkbox.--secondary.--error .m-form-checkbox__input:not(:checked) ~ .m-form-checkbox__inner {
  border: none;
  background: var(--color-white);
}
.m-form-checkbox.--tertiary {
  padding-inline: 1px;
}
.m-form-checkbox.--tertiary .m-form-checkbox__inner {
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid var(--color-neutral-30);
  border-radius: 32px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  line-height: 1;
  transition: none;
}
.m-form-checkbox.--tertiary .m-form-checkbox__inner:before, .m-form-checkbox.--tertiary .m-form-checkbox__inner:after {
  display: none;
}
.m-form-checkbox.--tertiary .m-form-checkbox__input:checked ~ .m-form-checkbox__inner {
  padding-left: 44px;
  border-color: var(--color-orange-80);
  box-shadow: 0 0 0 1px var(--color-orange-80);
}
.m-form-checkbox.--tertiary .m-form-checkbox__input:checked ~ .m-form-checkbox__inner:after {
  display: block;
  left: 18px;
  width: 17px;
  height: 11px;
  background-color: var(--color-orange-80);
}

.m-form-radio {
  display: flex;
  position: relative;
  width: 100%;
  max-width: 596px;
  height: 100%;
  cursor: pointer;
}
.m-form-radio:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-radio {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-radio:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-form-radio.--w-col-50 {
    width: calc(50% - 4px);
  }
}
.m-form-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.m-form-radio__input:focus-visible {
  box-shadow: none;
}
.m-form-radio__input:focus-visible ~ .m-form-radio__inner {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-radio__input:focus-visible:checked ~ .m-form-radio__inner {
  outline: none;
  box-shadow: 0 0 0 1px var(--color-orange-80), 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-radio__input:disabled ~ .m-form-radio__inner {
  background: var(--color-neutral-20);
  cursor: default;
}
.m-form-radio__input:disabled ~ .m-form-radio__inner .m-form-radio__text {
  color: var(--color-neutral-60);
}
.m-form-radio__input:disabled ~ .m-form-radio__inner::before {
  border-color: var(--color-neutral-40);
  background-color: var(--color-neutral-30);
}
.m-form-radio__input:checked ~ .m-form-radio__inner {
  border: 1px solid var(--color-orange-80);
  box-shadow: 0 0 0 1px var(--color-orange-80);
}
.m-form-radio__input:checked ~ .m-form-radio__inner::before {
  border: 1px solid var(--color-orange-100);
  background: var(--color-orange-100);
}
.m-form-radio__input:checked ~ .m-form-radio__inner::after {
  position: absolute;
  top: 50%;
  left: 18px;
  aspect-ratio: 1/1;
  width: 6px;
  transform: translateY(-50%);
  border-radius: 10px;
  background: var(--color-white);
  content: "";
}
.m-form-radio__input:checked ~ .m-form-radio__inner .m-form-radio__text {
  font-weight: 600;
}
.m-form-radio__inner {
  display: grid;
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 56px;
  padding: 15px 12px 15px 42px;
  border: 1px solid var(--color-neutral-30);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  transition: all 200ms var(--transition-timing-function);
}
.m-form-radio__inner::after, .m-form-radio__inner::before {
  transition: all 200ms var(--transition-timing-function);
}
.m-form-radio__inner::before {
  position: absolute;
  top: 50%;
  left: 12px;
  aspect-ratio: 1/1;
  width: 18px;
  transform: translateY(-50%);
  border: 1px solid var(--color-neutral-60);
  border-radius: 34px;
  background: var(--color-white);
  content: "";
}
.m-form-radio__text {
  display: block;
  position: relative;
  flex: 1;
  width: 100%;
  color: var(--color-black);
  font-weight: 350;
  font-size: 1rem;
  transition: all 200ms var(--transition-timing-function);
}
.m-form-radio__text.--icon {
  padding-left: 20px;
}
.m-form-radio__text.--icon::before {
  position: absolute;
  top: 50%;
  left: 0;
  aspect-ratio: 1/1;
  width: 16px;
  transform: translateY(-50%);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.m-form-radio__text.--icon.--filter::before {
  background-image: url("/img/icons/icon_filter.svg");
}
.m-form-radio__text.--icon.--class::before {
  background-image: url("/img/icons/icon_class.svg");
}
.m-form-radio__text.--icon.--calender::before {
  background-image: url("/img/icons/icon_calendar.svg");
}
.m-form-radio__note {
  display: block;
  position: relative;
  padding-left: 20px;
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 1rem;
}
.m-form-radio__note::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.m-form-radio.--error .m-form-radio__input:not(:checked) ~ .m-form-radio__inner {
  border: 1px solid transparent;
  background: var(--color-semantic-alert-20);
}
.m-form-radio.--error .m-form-radio__input:not(:checked) ~ .m-form-radio__inner::before {
  border: 1px solid var(--color-semantic-alert-100);
  background: var(--color-white);
}
.m-form-radio.--secondary {
  display: inline-flex;
  width: auto;
  padding-block: 8px;
}
.m-form-radio.--secondary .m-form-radio__input:checked ~ .m-form-radio__inner::after {
  left: 7px;
}
.m-form-radio.--secondary .m-form-radio__inner {
  display: inline-flex;
  flex: initial;
  width: auto;
  min-height: 24px;
  padding: 1px 4px 1px 36px;
  border: none;
  border-radius: inherit;
  background-color: transparent;
  box-shadow: none;
}
.m-form-radio.--secondary .m-form-radio__inner::before {
  left: 0;
}
.m-form-radio.--tertiary {
  padding-inline: 1px;
}
.m-form-radio.--tertiary .m-form-radio__inner {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid var(--color-neutral-30);
  border-radius: 32px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  line-height: 1;
  transition: none;
}
.m-form-radio.--tertiary .m-form-radio__inner:before, .m-form-radio.--tertiary .m-form-radio__inner:after {
  display: none;
}
.m-form-radio.--tertiary .m-form-radio__input:checked ~ .m-form-radio__inner {
  padding-left: 44px;
  border-color: var(--color-orange-80);
  box-shadow: 0 0 0 1px var(--color-orange-80);
}
.m-form-radio.--tertiary .m-form-radio__input:checked ~ .m-form-radio__inner:after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_check.svg");
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  width: 17px;
  height: 11px;
  background-image: none;
  background-color: var(--color-orange-80);
          mask-image: url("/img/icons/icon_check.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}

.m-form-radio-accordion {
  max-width: 596px;
  overflow: hidden;
  border: 1px solid var(--color-neutral-40);
  border-radius: 8px;
  background-color: var(--color-white);
}
.m-form-radio-accordion:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-radio-accordion {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-radio-accordion:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-radio-accordion:has(.m-form-radio__input:focus-visible) {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-radio-accordion:has(.m-form-radio__input:focus-visible).--active, .m-form-radio-accordion:has(.m-form-radio__input:focus-visible):has(.m-form-radio__input:checked) {
  outline: none;
  box-shadow: 0 0 0 1px var(--color-orange-80), 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-form-radio-accordion.--active, .m-form-radio-accordion:has(.m-form-radio__input:checked) {
  border: 1px solid var(--color-orange-80);
  box-shadow: 0 0 0 1px var(--color-orange-80);
}
@media screen and (min-width: 769px) {
  .m-form-radio-accordion .m-form-label {
    font-size: 1rem;
  }
}
.m-form-radio-accordion .m-form-radio__input:checked ~ .m-form-radio__inner {
  border: none;
  box-shadow: none;
}
.m-form-radio-accordion .m-form-radio__input:focus-visible {
  box-shadow: none;
}
.m-form-radio-accordion .m-form-radio__inner {
  border: none;
  border-radius: 0;
}
.m-form-radio-accordion__body-inner {
  padding: 8px 16px 24px;
}

.m-form-select {
  position: relative;
  max-width: 596px;
}
.m-form-select:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-select {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-select:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-select.--w-col-sm {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-select.--w-col-sm {
    width: 294px;
  }
}
.m-form-select.--w-col-full {
  width: 100%;
  max-width: none;
}
.m-form-select::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  border-width: 6px 5px 0;
  border-style: solid;
  border-color: var(--color-neutral-100) transparent transparent;
  content: "";
}
.m-form-select__select {
  -webkit-appearance: none;
     -moz-appearance: none;
  display: flex;
          appearance: none;
  position: relative;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 12px 36px 12px 12px;
  border: 1px solid var(--color-neutral-40);
  border-radius: 8px;
  background-color: var(--color-white);
  font-size: 1rem;
  cursor: pointer;
}
.m-form-select__select:disabled {
  background: var(--color-neutral-20);
  color: var(--color-neutral-40);
  cursor: default;
}
.m-form-select__select.--error {
  border: 1px solid var(--color-semantic-alert-100);
  background: var(--color-semantic-alert-20);
}
.m-form-select__select.--height-auto {
  height: auto;
}

.m-form-textarea {
  display: flex;
  align-items: center;
  width: 100%;
  height: 168px;
  padding: 12px;
  border: 1px solid var(--color-neutral-40);
  border-radius: 8px;
  background-color: var(--color-white);
}
.m-form-textarea:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-textarea {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-textarea:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-textarea.--single-line {
  height: 50px;
}
.m-form-textarea.--error {
  border: 1px solid var(--color-semantic-alert-100);
  background: var(--color-semantic-alert-20);
}
.m-form-textarea:disabled {
  background: var(--color-neutral-20);
  color: var(--color-neutral-40);
}

.m-form-textarea-counter {
  color: var(--color-neutral-80);
  font-weight: 350;
  font-size: 0.75rem;
  text-align: right;
}
.m-form-textarea-counter:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-textarea-counter {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-textarea-counter:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-textarea-counter > * {
  display: inline-block;
}

.m-form-checkbox-list,
.m-form-radio-list {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.m-form-checkbox-list:where(* + *),
.m-form-radio-list:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-checkbox-list,
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-radio-list {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-checkbox-list:not(.l-lower-contents),
[class~=m-heading-area] + .m-form-radio-list:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-checkbox-list .swiper-wrapper,
.m-form-radio-list .swiper-wrapper {
  display: flex;
}
.m-form-checkbox-list .swiper-slide,
.m-form-radio-list .swiper-slide {
  flex-shrink: 0;
  width: auto;
}
.m-form-checkbox-list .swiper-button-next,
.m-form-checkbox-list .swiper-button-prev,
.m-form-radio-list .swiper-button-next,
.m-form-radio-list .swiper-button-prev {
  bottom: 6px;
}
.m-form-checkbox-list .swiper-button-next[aria-disabled=true],
.m-form-checkbox-list .swiper-button-prev[aria-disabled=true],
.m-form-radio-list .swiper-button-next[aria-disabled=true],
.m-form-radio-list .swiper-button-prev[aria-disabled=true] {
  display: none;
}

.m-form-radio-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-radio-button {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-radio-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-radio-button > [class]:is(html *) {
  margin-block: 0;
}
.m-form-radio-button__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.m-form-radio-button__input:focus-visible ~ .m-form-radio-button__inner, .m-form-radio-button__input:focus-visible ~ .m-button-filter {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

.m-form-checkbox-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-checkbox-button {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-checkbox-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-checkbox-button > [class]:is(html *) {
  margin-block: 0;
}
.m-form-checkbox-button__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.m-form-checkbox-button__input:focus-visible ~ .m-form-checkbox-button__inner, .m-form-checkbox-button__input:focus-visible ~ .m-button-filter {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

.m-form-definition:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-definition {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-definition:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-definition__term {
  position: relative;
  color: var(--color-neutral-80);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-form-definition__description {
  margin-top: 8px;
  padding: 8px;
  border-radius: 4px;
  background: var(--color-brown-20);
  font-weight: 350;
  font-size: 1rem;
  white-space: pre-wrap;
}
.m-form-definition__image {
  width: 152px;
  height: auto;
  margin-top: 8px;
  border: 4px solid var(--color-brown-20);
  border-radius: 4px;
}
@media screen and (min-width: 769px) {
  .m-form-definition.--w-col-50 .m-form-definition__description {
    width: calc(50% - 4px);
  }
}

.m-form-step {
  display: flex;
  justify-content: space-between;
}
.m-form-step:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-step {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-step:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-form-step {
    width: 100%;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
  .m-heading1 + .m-form-step {
    margin-top: -8px;
  }
}
.m-form-step__item {
  position: relative;
  flex: 1;
  flex-shrink: 0;
  width: 100%;
  text-align: center;
}
.m-form-step__item > span {
  display: block;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  font-weight: 600;
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-form-step__item > span {
    font-size: 0.875rem;
  }
}
.m-form-step__item::before {
  display: block;
  z-index: 1;
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: auto;
  margin-left: auto;
  border: 7px solid var(--color-neutral-40);
  border-radius: 50%;
  background-color: var(--color-white);
  content: "";
}
.m-form-step__item::after {
  position: absolute;
  top: 13px;
  left: 0;
  width: calc(100% + 14px);
  height: 6px;
  transform: translateX(-50%);
  background-color: var(--color-neutral-40);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-form-step__item::after {
    top: 12px;
    height: 8px;
  }
}
.m-form-step__item:first-child::after {
  content: none;
}
.m-form-step__item.--complete::before {
  width: 32px;
  height: 32px;
  margin-top: 0;
  border: none;
  background: no-repeat url("/img/icons/icon_step_complete.svg") 7px 9px/18px 13px;
  background-color: var(--color-orange-80);
}
.m-form-step__item.--complete::after {
  background-color: var(--color-orange-80);
}
.m-form-step__item.--active > span {
  visibility: visible;
  position: static;
  width: auto;
  height: auto;
  margin-top: 8px;
  overflow: visible;
  text-align: center;
}
.m-form-step__item.--active::before {
  width: 32px;
  height: 32px;
  margin-top: 0;
  border: 7px solid var(--color-orange-80);
}
.m-form-step__item.--active::after {
  background-color: var(--color-orange-80);
}
.m-form-step__item:first-child.--active > span {
  left: 0;
  width: 100%;
  transform: translateX(0);
}
.m-form-step__item:last-child.--active > span {
  width: 100%;
  white-space: normal;
}
.m-form-step__item:last-child.--complete > span {
  visibility: visible;
  position: static;
  width: auto;
  height: auto;
  margin-top: 8px;
  overflow: visible;
  text-align: center;
}

.m-form-label-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
.m-form-label-column:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-label-column {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-label-column:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-label-column > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-form-label-column {
    flex-direction: row;
    align-items: center;
  }
}
.m-form-label-column label {
  min-width: 10em;
}
.m-form-label-column label.--w-col-sm {
  min-width: 2em;
}
.m-form-label-column label.--w-col-lg {
  min-width: 12em;
}
.m-form-label-column label.--w-col-auto {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 0;
  white-space: nowrap;
}
.m-form-label-column.--sm-row {
  flex-direction: row;
  align-items: center;
}
.m-form-label-column.--w-col-md {
  width: 100%;
  max-width: 596px;
}
.m-form-label-column__item {
  width: 100%;
}
.m-form-label-column__item.--w-col-auto {
  width: auto;
}
.m-form-label-column .flatpickr-wrapper {
  display: block;
}
.m-form-label-column > .m-form-label {
  margin-bottom: 0;
  font-size: 1rem;
}
.m-form-label-column.--column-center {
  justify-content: center;
}
.m-form-label-column.--row-start {
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .m-form-label-column.--row-start .m-form-label {
    margin-top: 0.75em;
  }
}

.m-form-add-filter-list {
  -moz-column-gap: 8px;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
       column-gap: 8px;
  justify-content: start;
}
.m-form-add-filter-list:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-filter-list {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-add-filter-list:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-add-filter-list > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-form-add-filter-list {
    grid-auto-columns: auto;
  }
}
.m-form-add-filter-list .m-button-filter {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-form-add-filter-list .m-button-filter {
    width: auto;
  }
}

.m-form-add-filter-area:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-filter-area {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-add-filter-area:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-form-add-filter-box {
  padding: 16px;
}
.m-form-add-filter-box:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-filter-box {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-add-filter-box:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-form-add-filter-item {
  display: grid;
  row-gap: 16px;
  justify-content: start;
}
.m-form-add-filter-item:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-filter-item {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-add-filter-item:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-add-filter-item > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-form-add-filter-item {
    -moz-column-gap: 24px;
    grid-auto-flow: column;
         column-gap: 24px;
  }
}

.m-form-column-suffix {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.m-form-column-suffix:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-column-suffix {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-column-suffix:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-column-suffix > [class]:is(html *) {
  margin-block: 0;
}
.m-form-column-suffix.--column-center {
  justify-content: center;
}
.m-form-column-suffix .m-form-suffix {
  display: inline-block;
  margin-top: 16px;
}
.m-form-column-suffix .m-form-suffix.--xs {
  font-size: 0.75rem;
}
.m-form-column-suffix .m-form-suffix.--sm {
  font-size: 0.875rem;
}
.m-form-column-suffix .m-form-suffix.--lg {
  font-size: 1.125rem;
}
.m-form-column-suffix .m-form-suffix.--xl {
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-form-column-suffix .m-form-suffix.--md\:xs {
    font-size: 0.75rem;
  }
  .m-form-column-suffix .m-form-suffix.--md\:sm {
    font-size: 0.875rem;
  }
  .m-form-column-suffix .m-form-suffix.--md\:lg {
    font-size: 1.125rem;
  }
  .m-form-column-suffix .m-form-suffix.--md\:xl {
    font-size: 1.25rem;
  }
}
.m-form-column-suffix .m-form-suffix > * {
  display: inline-block;
}
.m-form-column-range {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 16px;
}
.m-form-column-range:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-column-range {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-column-range:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-column-range__suffix {
  display: inline-block;
  margin-top: 16px;
}
.m-form-column-range__item {
  flex: 1;
}

.m-form-column-date {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px 16px;
}
.m-form-column-date:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-column-date {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-column-date:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-form-column-date {
    max-width: calc(50% - 4px);
  }
}
.m-form-column-date__suffix {
  display: inline-block;
  margin-top: 16px;
}
.m-form-column-date__item {
  flex: 1;
}
.m-form-column-date .m-form-select.--w-col-xs {
  width: 224px;
}
@media screen and (min-width: 769px) {
  .m-form-column-date .m-form-select.--w-col-xs {
    width: 123px;
  }
}
.m-form-column-date.--wide-space {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.m-form-column-date-between {
  display: flex;
  flex-direction: column;
  width: auto;
  gap: 8px;
}
.m-form-column-date-between:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-column-date-between {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-column-date-between:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-column-date-between.--column-center {
  align-items: center;
}
@media screen and (min-width: 769px) {
  .m-form-column-date-between.--column-center {
    justify-content: center;
  }
  .m-form-column-date-between {
    flex-direction: row;
    align-items: center;
  }
}
.m-form-column-date-between .m-form-column-date {
  align-items: center;
}
.m-form-column-date-between .m-form-column-date > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-form-column-date-between .m-form-column-date {
    max-width: inherit;
  }
}
.m-form-column-date-between .m-form-column-date:not(:first-child) {
  padding-right: 28px;
}
@media screen and (min-width: 769px) {
  .m-form-column-date-between .m-form-column-date:not(:first-child) {
    padding-right: 0;
  }
}

.m-form-description {
  font-size: 1rem;
}
.m-form-description:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-description {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-description:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-form-status-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
}
.m-form-status-screen:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-status-screen {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-status-screen:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-form-status-screen__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.m-form-status-screen__title {
  font-weight: 600;
  font-size: 1.125rem;
}
.m-form-status-screen__attention {
  color: var(--color-semantic-alert-100);
  font-size: 0.875rem;
}
.m-form-status-screen__attention::before {
  margin-right: 4px;
  content: "※";
}

.m-form-add-field:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-form-add-field {
  margin-top: 0;
}
[class~=m-heading-area] + .m-form-add-field:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-map-container {
  margin-inline: -16px;
}
.m-map-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-map-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-map-container:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-map-container {
    margin-inline: 0;
  }
}

.m-map {
  width: 100%;
  height: 666px;
  border-radius: 16px;
}
.m-map:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-map {
  margin-top: 0;
}
[class~=m-heading-area] + .m-map:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-map {
    height: 675px;
  }
}
.m-map.--sm {
  height: 343px;
  margin-inline: 0;
}

.m-map-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-map-button {
  margin-top: 0;
}
[class~=m-heading-area] + .m-map-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-map-button > [class]:is(html *) {
  margin-block: 0;
}

.m-modal {
  display: none;
  visibility: hidden;
  z-index: var(--z-modal);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.m-modal.--visible {
  display: block;
  visibility: visible;
  opacity: 1;
}
.m-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  padding: 24px 8px 24px 16px;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-modal__content {
    width: calc(100% - 32px);
    max-width: 720px;
    padding: 32px 8px 32px 24px;
  }
  .m-modal.--full .m-modal__content {
    max-width: none;
  }
  .m-modal.--lg .m-modal__content {
    max-width: 960px;
  }
  .m-modal.--md .m-modal__content {
    max-width: 720px;
  }
  .m-modal.--sm .m-modal__content {
    max-width: 480px;
  }
}
.m-modal__content.--reservation-notes {
  position: relative;
  padding-top: 114px;
  background-color: var(--color-blond-20);
}
.m-modal__content.--reservation-notes::before {
  position: absolute;
  top: -24px;
  left: 50%;
  width: 233px;
  height: 120px;
  transform: translateX(-50%);
  background: no-repeat url("/img/img_modal_reservation_notes.svg") 0 0/contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-modal__content.--reservation-notes {
    padding-top: 134px;
  }
  .m-modal__content.--reservation-notes::before {
    width: 272px;
    height: 140px;
  }
}
.m-modal__content .m-tab-contents > * {
  max-height: 600px;
  overflow: auto;
}
.m-modal__content .m-tab-contents.--flat > * {
  max-height: none;
  overflow: visible;
}
.m-modal__content .m-pagination {
  font-size: 0.875rem;
}
.m-modal__content .m-pagination__link {
  min-width: 30px;
  height: 30px;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-modal__content .m-pagination {
    font-size: 1rem;
  }
  .m-modal__content .m-pagination__link {
    min-width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.m-modal__content-inner {
  max-height: calc(80vh - 72px);
  margin-bottom: -6px;
  margin-left: -6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 6px;
  overflow-y: auto;
}
@media screen and (min-width: 769px) {
  .m-modal__content-inner {
    max-height: calc(80vh - 88px);
    padding-right: 16px;
  }
  .m-modal.--min-height-sm .m-modal__content-inner {
    min-height: 340px;
  }
}
.m-modal__content-inner > *:first-child {
  margin-top: 0;
}
.m-modal__content-header {
  margin-bottom: 24px;
}
.m-modal__content-header > [class]:is(html *) {
  margin-block: 0;
}
.m-modal__content-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .m-modal__content-footer {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
  }
}
.m-modal__content-footer-button {
  display: flex;
  row-gap: 16px;
  grid-column: 1/2;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m-modal__content-footer-button > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-modal__content-footer-button {
    -moz-column-gap: 16px;
         column-gap: 16px;
    grid-column: 2/3;
    flex-direction: row;
  }
}
.m-modal__content-footer-button.--row {
  row-gap: 16px;
  flex-direction: column;
}
.m-modal__content-footer-button.--reverse {
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-modal__content-footer-button.--reverse {
    flex-direction: row-reverse;
  }
}
.m-modal__content-footer-button .m-button-primary, .m-modal__content-footer-button .m-button-secondary {
  width: 256px;
}
@media screen and (min-width: 769px) {
  .m-modal__content-footer-button .m-button-primary, .m-modal__content-footer-button .m-button-secondary {
    min-width: 320px;
  }
}
.m-modal__content-footer-link {
  grid-column: 1/2;
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-modal__content-footer-link {
    grid-column: 3/4;
    margin-top: 0;
    text-align: right;
  }
}
.m-modal__close {
  position: absolute;
  top: -48px;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  cursor: pointer;
}
.m-modal__close::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-modal__close:hover {
    background-color: var(--color-white);
  }
  .m-modal__close:hover::before {
    background-color: var(--color-orange-80);
  }
}
@media screen and (min-width: 769px) {
  .m-modal__close {
    top: -56px;
    width: 40px;
    height: 40px;
  }
  .m-modal__close::before {
    width: 24px;
    height: 24px;
  }
}
.m-modal__title {
  text-align: center;
}
.m-modal__title-icon {
  position: relative;
  padding-top: 40px;
  text-align: center;
}
.m-modal__title-icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translateX(-50%);
  content: "";
}
.m-modal__title-icon.--left {
  display: grid;
  align-items: center;
  min-height: 40px;
  padding-top: 0.1em;
  padding-left: 40px;
  text-align: left;
}
.m-modal__title-icon.--left.--sm {
  min-height: 32px;
  padding-top: 0.1em;
  padding-left: 32px;
}
.m-modal__title-icon.--left::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.m-modal__title-icon.--sm {
  padding-top: 32px;
}
.m-modal__title-icon.--sm::before {
  width: 24px;
  height: 24px;
}
.m-modal__title-icon.--attention::before {
  background: no-repeat url("/img/icons/icon_attention.svg") 0 0/contain;
}
.m-modal__title-icon.--success::before {
  background: no-repeat url("/img/icons/icon_success.svg") 0 0/contain;
}
.m-modal__title-icon.--alert::before {
  background: no-repeat url("/img/icons/icon_alert.svg") 0 0/contain;
}
.m-modal__title-icon.--question::before {
  background: no-repeat url("/img/icons/icon_faq_q.svg") 0 0/contain;
}
.m-modal__title-date {
  margin-bottom: 8px;
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-modal__title-date + .m-text {
  margin-top: 8px;
}

.m-news {
  padding: 16px;
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
}
.m-news:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-news {
  margin-top: 0;
}
[class~=m-heading-area] + .m-news:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-news {
    padding: 24px 24px 16px;
  }
}
.m-news__list {
  margin-top: 6px;
}
@media screen and (min-width: 769px) {
  .m-news__list {
    flex: 1;
    margin-top: 0;
  }
}
.m-news__item {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
  padding-bottom: 16px;
  gap: 8px 24px;
  border-bottom: 1px dashed var(--color-neutral-40);
}
.m-news__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .m-news__item {
    flex-direction: row;
  }
}
.m-news__date {
  font-size: 0.875rem;
}
.m-news__content {
  position: relative;
  flex: 1;
}
.m-news__text {
  display: block;
  max-height: 4.5em;
  overflow: hidden;
  color: var(--color-neutral-100);
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-news__text {
    max-height: 3em;
  }
}
.m-news__more-link {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0;
  margin-top: 0;
  margin-left: 0.5rem;
  padding-right: 4px;
  background-color: white;
  color: var(--color-neutral-80);
  white-space: nowrap;
}
.m-news__more-link > [class]:is(html *) {
  margin-block: 0;
}

.m-no-data {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  border: 1px dashed var(--color-neutral-40);
  border-radius: 16px;
  background: var(--color-neutral-10);
}
.m-no-data:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-no-data {
  margin-top: 0;
}
[class~=m-heading-area] + .m-no-data:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-no-data {
    padding: 24px;
    gap: 8px;
  }
}
.m-no-data__title {
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
}
.m-no-data__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-no-data__content {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}

.m-notification {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 8px;
  margin-block: 16px;
}
.m-notification > [class]:is(html *) {
  margin-block: 0;
}

.m-tab-container:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tab-container {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tab-container:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tab-container:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

.m-tab {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  background-color: var(--color-white);
}
.m-tab:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tab {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tab:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tab__button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 12px 8px 12px;
  border-top: solid 1px var(--color-neutral-100);
  border-bottom: solid 1px var(--color-neutral-100);
  border-left: solid 1px var(--color-neutral-100);
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1rem;
  transition: background-color 300ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .m-tab__button:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) {
  .m-tab__button {
    height: 46px;
    padding: 0 8px;
    font-size: 1rem;
  }
}
.m-tab__button.--active {
  background-color: var(--color-neutral-100);
  color: var(--color-black);
  color: var(--color-white);
  pointer-events: none;
}
.m-tab__button[disabled] {
  border-top-color: var(--color-neutral-40);
  border-bottom-color: var(--color-neutral-40);
  border-left-color: var(--color-neutral-40);
  background-color: var(--color-neutral-20);
  color: var(--color-neutral-40);
  pointer-events: none;
}
.m-tab__button:first-of-type {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.m-tab__button:last-of-type {
  border-right: solid 1px var(--color-neutral-100);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.m-tab__button:last-of-type[disabled] {
  border-right-color: var(--color-neutral-40);
}
.m-tab__button > * > * {
  display: inline-block;
}

.m-tab-contents:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tab-contents {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tab-contents:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tab-carousel {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.m-tab-carousel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-tab-carousel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-tab-carousel:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-tab-carousel .swiper-wrapper {
  display: flex;
}
.m-tab-carousel .swiper-slide {
  width: auto;
}
@media screen and (min-width: 769px) {
  .m-tab-carousel .swiper-slide {
    flex: 1;
  }
}
.m-tab-carousel .swiper-button-next,
.m-tab-carousel .swiper-button-prev {
  position: absolute;
  top: 24px;
  bottom: auto;
}
.m-tab-carousel .swiper-button-next[aria-disabled=true],
.m-tab-carousel .swiper-button-prev[aria-disabled=true] {
  display: none;
}
.m-tab-carousel__slide:first-of-type .m-tab-carousel__button {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.m-tab-carousel__slide:last-of-type .m-tab-carousel__button {
  border-right: solid 1px var(--color-neutral-100);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.m-tab-carousel__wrapper {
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-tab-carousel__wrapper {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}
.m-tab-carousel.--button-fix .m-tab-carousel__button {
  min-width: 180px;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .m-tab-carousel.--md\:button-fix .m-tab-carousel__button {
    min-width: 180px;
    white-space: nowrap;
  }
}
.m-tab-carousel__button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 24px;
  border-top: solid 1px var(--color-neutral-100);
  border-bottom: solid 1px var(--color-neutral-100);
  border-left: solid 1px var(--color-neutral-100);
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 0.875rem;
  transition: background-color 300ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .m-tab-carousel__button:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) {
  .m-tab-carousel__button {
    width: 100%;
    font-size: 1rem;
  }
}
.m-tab-carousel__button.--active {
  background-color: var(--color-neutral-100);
  color: var(--base-01);
  color: var(--color-white);
  pointer-events: none;
}
.m-tab-carousel__button[disabled] {
  border-top-color: var(--color-neutral-40);
  border-bottom-color: var(--color-neutral-40);
  border-left-color: var(--color-neutral-40);
  background-color: var(--color-neutral-20);
  color: var(--color-neutral-40);
  pointer-events: none;
}
.m-tab-carousel__button > * > * {
  display: inline-block;
}

.m-img-column .m-img-column__img img, .m-img img {
  width: 100%;
  max-width: 800px;
  border-radius: 16px;
}
.m-img-column .--border.m-img-column__img img, .--border.m-img img {
  border: 1px solid var(--color-neutral-30);
}

.m-img:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-img {
  margin-top: 0;
}
[class~=m-heading-area] + .m-img:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-img-column:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-img-column {
  margin-top: 0;
}
[class~=m-heading-area] + .m-img-column:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-img-column.--col1 {
  display: flex;
  justify-content: center;
}
.m-img-column.--col1 .m-img-column__img-wrap {
  max-width: 800px;
}
.m-img-column.--col1 .m-img-column__img img {
  max-width: 800px;
  max-height: 533px;
  margin: 0 auto;
}
.m-img-column.--col2 {
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 769px) {
  .m-img-column.--col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.m-img-column.--col3 {
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 769px) {
  .m-img-column.--col3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.m-img-column.--col4 {
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 769px) {
  .m-img-column.--col4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.m-img-column.--col2, .m-img-column.--col3, .m-img-column.--col4 {
  display: grid;
  gap: 24px;
}
.m-img-column.--col2 .m-img-column__img img, .m-img-column.--col3 .m-img-column__img img, .m-img-column.--col4 .m-img-column__img img {
  width: 100%;
  height: auto;
}
.m-img-column__img-wrap {
  display: flex;
  flex-direction: column;
}
.m-img-column__caption {
  margin-top: 8px;
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}

.m-header__logo-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
}
.m-header__logo-anchor.--pre {
  width: 144px;
}
@media screen and (min-width: 769px) {
  .m-header__logo-anchor.--pre {
    width: 166px;
    height: 46px;
  }
  .m-header__logo-anchor {
    width: 224px;
    height: 32px;
  }
}
.m-header__logo-anchor img {
  vertical-align: top;
}
@media (hover: hover) and (pointer: fine) {
  .m-header__logo-anchor:where(a):hover {
    opacity: var(--opacity);
  }
}
.m-header__main {
  display: flex;
  position: relative;
  align-items: center;
}
.m-header__title {
  margin-left: 24px;
  padding-left: 16px;
  font-weight: 600;
  font-size: 1rem;
}
.m-header__title:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  margin-left: -16px;
  background-color: var(--color-neutral-20);
  content: "";
}
.m-header__menu {
  width: 100%;
}
.m-header__register-buttons {
  display: none;
  align-items: center;
  gap: 15px;
}
@media screen and (min-width: 769px) {
  .m-header__register-buttons {
    display: flex;
  }
}
.l-wrapper.--logged-in .m-header__register-buttons {
  display: none;
}
.m-header__register-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 108px;
  height: 32px;
  padding: 4px;
  border-radius: 4px;
  background: var(--color-white);
  font-weight: 600;
  font-size: 0.875rem;
}
@media (hover: hover) and (pointer: fine) {
  .m-header__register-button.--personal:hover {
    color: var(--color-white);
  }
  .m-header__register-button.--group:hover {
    color: var(--color-white);
  }
}
.m-header__text-button {
  position: relative;
  max-width: 96px;
  padding: 0 20px 0 0;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-header__text-button {
    max-width: 172px;
    height: 24px;
    font-size: 1rem;
  }
}
.m-header__text-button::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin-block: auto;
  content: "";
}
@media (hover: hover) and (pointer: fine) {
  .m-header__text-button:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) {
  .m-header__text-button.--personal {
    display: block;
  }
}
.m-header__text-button.--personal::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_triangle_fill_down.svg");
  background-image: none;
  background-color: var(--color-neutral-60);
          mask-image: url("/img/icons/icon_triangle_fill_down.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-header__text-button.--active::after {
  transform-origin: center calc(50% + 0px);
  rotate: 180deg;
}
.m-header__text-button-label {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .m-header__text-button-label {
    -webkit-line-clamp: 1;
  }
}
.m-header__icon-buttons {
  -moz-column-gap: 32px;
  display: flex;
       column-gap: 32px;
  align-items: center;
  justify-content: space-between;
}
.m-header__icon-buttons .m-link {
  margin-top: 0;
  font-size: 0.875rem;
}
.m-header__icon-button {
  z-index: 1;
  position: relative;
  min-width: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .m-header__icon-button:hover {
    text-decoration: underline;
  }
}
.m-header__icon-button::before {
  display: flex;
  align-items: center;
  justify-content: space-between;
  aspect-ratio: 1/1;
  width: 24px;
  margin-inline: auto;
  content: "";
}
.m-header__icon-button.--icon-only {
  width: 24px;
}
@media screen and (min-width: 769px) {
  .m-header__icon-button.--icon-only {
    width: 24px;
  }
  .m-header__icon-button.--notification {
    display: block;
  }
}
.m-header__icon-button.--notification::before {
  background: no-repeat url("/img/icons/icon_notification.svg") 0 0/contain;
}
.m-header__icon-button.--notification.--active::after {
  box-sizing: content-box;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 7px;
  aspect-ratio: 1/1;
  width: 8px;
  border: solid 2px var(--color-white);
  border-radius: 100%;
  background-color: var(--color-semantic-alert-100);
  content: "";
}
.m-header__icon-button.--avatar::before {
  background: no-repeat url("/img/icons/icon_avatar.svg") 0 0/contain;
}
.m-header__icon-button.--menu::before {
  background: no-repeat url("/img/icons/icon_menu.svg") 0 0/contain;
}
.m-header__icon-button.--close::before {
  background: no-repeat url("/img/icons/icon_close.svg") 0 0/contain;
}
.m-header__icon-button.--login::before {
  background: no-repeat url("/img/icons/icon_login.svg") 0 0/contain;
}
@media screen and (min-width: 769px) {
  .m-header__icon-button.--login::before {
    width: 32px;
  }
}
.m-header__icon-button-label {
  display: block;
  color: var(--color-neutral-100);
  font-size: 0.5rem;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .m-header__icon-button-label {
    font-size: 0.625rem;
  }
}
.m-header__sp-register-buttons {
  display: flex;
}
@media screen and (min-width: 769px) {
  .m-header__sp-register-buttons {
    display: none;
  }
}
.l-wrapper.--logged-in .m-header__sp-register-buttons {
  display: none;
}
.m-header__sp-register-button {
  display: flex;
  position: relative;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 4px 14px;
  gap: 8px;
  background: var(--color-white);
}
.m-header__sp-register-button .m-header__sp-register-button-icon {
  position: relative;
}
.m-header__sp-register-button .m-header__sp-register-button-icon::after {
  z-index: 1;
  position: absolute;
  top: 0;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  border: 4px solid transparent;
  content: "";
}
.m-header__sp-register-button.--personal {
  font-weight: 600;
  font-size: 0.75rem;
}
.m-header__sp-register-button.--group {
  font-weight: 600;
  font-size: 0.75rem;
}
.m-header__facility-name {
  display: flex;
  align-items: center;
  color: var(--color-neutral-100);
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-header__facility-name {
    display: flex;
    position: absolute;
    top: 12px;
    left: 334px;
    align-items: center;
    width: calc(100% - 600px);
    min-height: 46px;
    margin-left: 24px;
    padding-left: 16px;
    border-left: 1px solid var(--color-neutral-20);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.1;
  }
  .l-header.--has-pre-header .m-header__facility-name {
    left: 278px;
  }
  .m-header__facility-name.--no-menu {
    left: 255px;
    width: calc(100% - 600px);
  }
}
.m-header__facility-name-text {
  color: inherit;
}
.m-header__facility-name-text > * {
  display: inline-block;
}
.m-header__facility-name-text span {
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .m-header__facility-name-text span {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
@media (hover: hover) and (pointer: fine) {
  .m-header__facility-name-text:where(a):hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) {
  .m-header__account-name {
    position: absolute;
    top: 22px;
    right: 107px;
  }
}

.m-global-nav {
  display: none;
  z-index: var(--z-gnavi);
  position: absolute;
  top: 0;
  left: 0;
  justify-content: flex-start;
  width: 100%;
  height: 100vh;
  background: transparent;
  opacity: 0;
}
.l-header.--has-pre-header .m-global-nav {
  height: calc(100vh - var(--pre-header-height));
}
@media screen and (min-width: 769px) {
  .m-global-nav {
    left: 0;
    width: 100%;
    background-color: rgba(52, 41, 35, 0.6);
    opacity: 1;
  }
}
.m-global-nav__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  background: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-global-nav__inner {
    width: 320px;
  }
  .m-global-nav .l-header__inner {
    justify-content: flex-start;
  }
  .m-global-nav .m-header__logo {
    display: none;
  }
}
.m-global-nav__contents {
  flex: 1;
  padding-bottom: 64px;
}
.m-global-nav__menu-nav {
  border-top: 1px solid var(--color-neutral-30);
}
.m-global-nav__menu-nav:last-child {
  border-bottom: 1px solid var(--color-neutral-30);
}
.m-global-nav__menu-nav:has(> .m-global-nav__other-link) {
  border-bottom: none;
}
.m-global-nav__menu-list {
  padding: 12px 0;
}
.m-global-nav__menu-link {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 12px 48px 12px 24px;
  color: var(--color-neutral-100);
}
@media screen and (min-width: 769px) {
  .m-global-nav__menu-link {
    padding: 12px 56px 12px 32px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .m-global-nav__menu-link:hover {
    text-decoration: underline;
  }
}
.m-global-nav__menu-link:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-global-nav__menu-link.--current {
  background-color: var(--color-orange-10);
  color: var(--color-neutral-100);
  font-weight: bold;
  pointer-events: none;
}
.m-global-nav__menu-link.--current::after {
  content: none;
}
.m-global-nav__menu-link::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media screen and (min-width: 769px) {
  .m-global-nav__menu-link::after {
    right: 36px;
  }
}
.m-global-nav__other-link {
  padding: 12px 0;
}
.m-global-nav__other-link-item {
  padding: 12px 24px 12px 24px;
}
@media screen and (min-width: 769px) {
  .m-global-nav__other-link-item {
    padding: 12px 32px 12px 32px;
  }
}
.m-global-nav__user-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 32px;
  padding-right: 24px;
  padding-bottom: 32px;
  padding-left: 24px;
}
@media screen and (min-width: 769px) {
  .m-global-nav__user-login {
    padding-right: 32px;
    padding-left: 32px;
  }
}
.m-global-nav__user {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px 24px 40px;
}
@media screen and (min-width: 769px) {
  .m-global-nav__user {
    padding: 24px 32px 40px;
  }
}
.m-global-nav__user::before, .m-global-nav__user::after {
  display: block;
  z-index: 0;
  position: absolute;
  content: "";
}
.m-global-nav__user::before {
  top: 0;
  left: 0;
  width: calc(100% - 71px);
  height: calc(100% - 28px);
  border-radius: 0 16px 16px 0;
  background-color: var(--color-yellow-40);
}
.m-global-nav__user::after {
  position: absolute;
  right: 0;
  bottom: 16px;
  width: calc(100% - 55px);
  height: calc(100% - 89px);
  border-radius: 16px 0 0 16px;
  background-color: #FFC7A8;
}
.m-global-nav__user.--user::before {
  background-color: var(--color-yellow-40);
}
.m-global-nav__user.--user::after {
  background-color: #FFC7A8;
}
.m-global-nav__user.--fac::before {
  background-color: var(--color-blond-40);
}
.m-global-nav__user.--fac::after {
  background-color: var(--color-green-40);
}
.m-global-nav__user-container {
  display: flex;
  z-index: 10;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: var(--color-white);
}
.m-global-nav__user-container .m-link-basic {
  margin-top: 8px;
  font-size: 0.875rem;
}
.m-global-nav__user-name {
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 1.125rem;
}
.m-global-nav__user-name-honorific {
  margin-left: 4px;
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 0.875rem;
}
.m-global-nav__user-name-budge {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: var(--color-neutral-30);
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 0.75rem;
  line-height: 1;
}
.m-global-nav__user-id {
  margin-top: 4px;
  color: var(--color-neutral-80);
  font-weight: 350;
  font-size: 0.875rem;
  word-break: break-all;
}

.m-notification-area {
  display: none;
  z-index: var(--z-gnavi);
  position: absolute;
  top: 61px;
  left: 0;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 61px);
  height: calc(100dvh - 61px);
  overflow-y: auto;
  background: var(--bg-modal);
}
@media screen and (min-width: 769px) {
  .m-notification-area {
    top: 96px;
    right: 16px;
    left: initial;
    width: 375px;
    height: auto;
    overflow: hidden;
    border: 1px solid var(--color-neutral-40);
    border-radius: 8px;
  }
}
.l-header.--has-pre-header .m-notification-area {
  top: 65px;
  height: calc(100vh - 65px - var(--pre-header-height));
  height: calc(100dvh - 65px - var(--pre-header-height));
}
@media screen and (min-width: 769px) {
  .l-header.--has-pre-header .m-notification-area {
    top: 96px;
    height: auto;
  }
}
.m-notification-area__container {
  background: var(--color-white);
}
.m-notification-area__title {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 16px 16px 16px;
  background: var(--color-white);
  color: var(--color-black);
  font-weight: 600;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-notification-area__title {
    padding: 15px 16px 16px;
  }
}
.m-notification-area__list {
  -ms-overflow-style: none;
  padding: 16px;
  overflow-y: scroll;
  border-block: 1px solid var(--color-neutral-40);
  background: var(--color-brown-20);
  scrollbar-width: none;
}
@media screen and (min-width: 769px) {
  .m-notification-area__list {
    max-height: 404px;
  }
  .l-header.--has-pre-header .m-notification-area__list {
    max-height: 334px;
  }
}
.m-notification-area__list > li + li {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--color-neutral-30);
}
.m-notification-area__list::-webkit-scrollbar {
  display: none;
}
.m-notification-area__list.--no-data {
  padding: 16px;
}
.m-notification-area__button-wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-bottom: 1px solid var(--color-neutral-40);
}
@media screen and (min-width: 769px) {
  .m-notification-area__button-wrapper {
    border-bottom: none;
  }
}
.m-notification-area__close-button {
  width: 100%;
  height: 100%;
  padding: 16px;
  color: var(--color-black);
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .m-notification-area__close-button:hover {
    text-decoration: underline;
  }
}
.m-notification-area__close-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}

.m-personal-area {
  display: none;
  z-index: var(--z-gnavi);
  position: absolute;
  top: 96px;
  right: 16px;
  flex-direction: column;
  width: 240px;
  overflow-y: auto;
  border-radius: 16px;
  background: var(--bg-modal);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  .m-personal-area {
    top: 54px;
    right: 104px;
    left: initial;
    height: auto;
    overflow: hidden;
    border-radius: 8px;
  }
}
.m-personal-area__container {
  position: relative;
  background: var(--color-white);
}
.m-personal-area__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 64px;
  padding: 16px 64px 16px 16px;
  gap: 4px;
}
@media screen and (min-width: 769px) {
  .m-personal-area__header {
    padding: 15px 64px 16px 16px;
  }
}
.m-personal-area__name {
  background: var(--color-white);
  color: var(--color-black);
  font-weight: 600;
  font-size: 1rem;
}
.m-personal-area__budge > span {
  display: inline-block;
  margin-right: 8px;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: var(--color-neutral-30);
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 0.75rem;
  line-height: 1;
}
.m-personal-area__budge > span:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}
.m-personal-area__menu-list {
  padding: 8px 0 12px;
  border-top: 1px solid var(--color-neutral-30);
}
.m-personal-area__menu-list:last-of-type {
  border-bottom: 1px solid var(--color-neutral-30);
}
.m-personal-area__menu-link {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 12px 48px 12px 24px;
  color: var(--color-neutral-100);
}
@media (hover: hover) and (pointer: fine) {
  .m-personal-area__menu-link:hover {
    text-decoration: underline;
  }
}
.m-personal-area__menu-link:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-personal-area__menu-link.--current {
  background-color: var(--color-orange-10);
  color: var(--color-orange-100);
  font-weight: bold;
  pointer-events: none;
}
.m-personal-area__menu-link.--current::after {
  content: none;
}
.m-personal-area__menu-link::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_arrow_right.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_arrow_right.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-personal-area__button-wrapper {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: center;
  border-bottom: 1px solid var(--color-neutral-40);
}
@media screen and (min-width: 769px) {
  .m-personal-area__button-wrapper {
    border-bottom: none;
  }
}
.m-personal-area__close-button {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
}
.m-personal-area__close-button::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-personal-area__close-button:hover {
    background-color: var(--color-white);
  }
  .m-personal-area__close-button:hover::before {
    background-color: var(--color-orange-80);
  }
}

.m-header-personal {
  -moz-column-gap: 24px;
  display: grid;
  grid-template-rows: none;
  grid-template-columns: none;
       column-gap: 24px;
  row-gap: 0;
}
@media screen and (min-width: 769px) {
  .m-header-personal {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto auto 1fr;
    row-gap: 8px;
  }
}
.m-header-personal > * {
  grid-row: span 2;
}
.m-header-personal:not(:has(> .m-header-personal__account)) .m-header-personal__name {
  grid-row: auto;
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
  .m-header-personal:not(:has(> .m-header-personal__account)) .m-header-personal__name {
    grid-row: 1/3;
    margin-top: 0;
  }
}
.m-header-personal:not(:has(> .m-header-personal__account)) .m-header-personal__button {
  align-items: center;
}
.m-header-personal__img {
  grid-row: auto;
  grid-column: auto;
}
@media screen and (min-width: 769px) {
  .m-header-personal__img {
    grid-row: 1/3;
    grid-column: 1/2;
  }
}
.m-header-personal__img img {
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .m-header-personal__img img {
    margin-inline: 0;
  }
}
.m-header-personal__account {
  grid-row: auto;
  grid-column: auto;
  align-self: end;
  margin-top: 16px;
  text-align: center;
  word-break: break-all;
}
@media screen and (min-width: 769px) {
  .m-header-personal__account {
    grid-row: 1/2;
    grid-column: 2/3;
    margin-top: 0;
    text-align: left;
  }
}
.m-header-personal__account:after {
  margin-left: 8px;
  content: "/";
}
.m-header-personal__name {
  display: grid;
  grid-auto-flow: column;
  grid-row: auto;
  grid-column: auto;
  align-items: end;
  justify-content: center;
  margin-top: 4px;
  word-break: break-all;
}
.m-header-personal__name > [class*=m-heading] {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-header-personal__name {
    grid-row: 2/3;
    grid-column: 2/3;
    align-self: center;
    justify-content: start;
    margin-top: 0;
  }
}
.m-header-personal__button {
  display: grid;
  grid-row: auto;
  grid-column: auto;
  align-items: end;
  justify-content: center;
  margin-top: 16px;
}
@media screen and (min-width: 769px) {
  .m-header-personal__button {
    grid-row: 1/3;
    grid-column: 3/4;
    justify-content: start;
    margin-top: 0;
  }
}
.m-header-personal__link {
  display: grid;
  grid-row: auto;
  grid-column: auto;
  align-items: center;
  justify-content: start;
  margin-top: 24px;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .m-header-personal__link {
    grid-row: 1/3;
    grid-column: 4/5;
    justify-content: end;
    margin-top: 0;
  }
}
.m-header-personal__name-honorific {
  font-weight: 600;
  font-size: 1.25rem;
}

.m-header-schedule {
  display: flex;
  z-index: 5;
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 32px;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-header-schedule {
    flex-direction: row;
    align-items: center;
  }
}
.m-header-schedule [class*=m-heading]:first-child {
  margin-block: 0;
}
.m-header-schedule__main {
  display: flex;
  row-gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.m-header-schedule__main .m-heading1 {
  margin-right: 32px;
}
.m-header-schedule__sub {
  width: 100%;
  color: var(--color-neutral-100);
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-header-schedule__sub {
    width: auto;
    font-size: 0.875rem;
    text-align: left;
  }
}
.m-header-schedule__link {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-header-schedule__link {
    flex-direction: row;
    align-items: center;
  }
}
.m-header-schedule__link-item {
  flex-shrink: 0;
}
.m-header-schedule__date {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  margin-right: 24px;
  font-size: 0.875rem;
}
.m-header-info {
  display: flex;
  row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -6px;
  padding: 6px;
  overflow: hidden;
}
.m-header-info:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-header-info {
  margin-top: 0;
}
[class~=m-heading-area] + .m-header-info:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-header-info__left-side {
  -moz-column-gap: 24px;
  display: flex;
       column-gap: 24px;
  row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.m-header-info__left-side > [class]:is(html *) {
  margin-block: 0;
}
.m-header-info__right-side {
  -moz-column-gap: 64px;
  display: flex;
       column-gap: 64px;
  row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.m-header-info__right-side > [class]:is(html *) {
  margin-block: 0;
}
.m-header-info__action {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  row-gap: 12px;
  flex-wrap: wrap;
}
.m-header-info__action > [class]:is(html *) {
  margin-block: 0;
}
.m-header-info__action + * {
  position: relative;
}
.m-header-info__action + *::before {
  display: block;
  position: absolute;
  top: 0;
  left: -32px;
  width: 1px;
  height: 100%;
  background-color: var(--color-neutral-30);
  content: "";
}

.m-footer-logo {
  display: flex;
  justify-content: center;
}
.m-footer-logo:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-footer-logo {
  margin-top: 0;
}
[class~=m-heading-area] + .m-footer-logo:not(.l-lower-contents) {
  margin-top: 40px;
}
@media (hover: hover) and (pointer: fine) {
  .m-footer-logo:where(a):hover {
    opacity: var(--opacity);
  }
}
.m-footer-logo img {
  width: 142px;
}
@media screen and (min-width: 769px) {
  .m-footer-logo img {
    width: 180px;
  }
}

.m-footer-nav {
  -moz-column-gap: 24px;
  display: flex;
       column-gap: 24px;
  row-gap: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-footer-nav:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-footer-nav {
  margin-top: 0;
}
[class~=m-heading-area] + .m-footer-nav:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-footer-nav {
    row-gap: 8px;
    flex-direction: row;
  }
  .m-footer-nav__list {
    display: flex;
  }
}
.m-footer-nav__anchor {
  display: inline-flex;
  flex: 1 0 0;
  align-items: center;
  color: var(--color-neutral-100);
  font-weight: 350;
  font-size: 0.875rem;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .m-footer-nav__anchor:hover {
    text-decoration: none;
  }
}

.m-footer-copyright {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.m-footer-copyright:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-footer-copyright {
  margin-top: 0;
}
[class~=m-heading-area] + .m-footer-copyright:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-footer-copyright {
    gap: 40px;
  }
}
.m-footer-copyright__text {
  color: var(--color-black);
  font-size: 0.625rem;
}
@media screen and (min-width: 769px) {
  .m-footer-copyright__text {
    font-size: 0.75rem;
    text-align: right;
  }
}

.m-footer-address {
  font-size: 0.875rem;
  text-align: center;
}
.m-footer-address__inner {
  -moz-column-gap: 1em;
  display: flex;
       column-gap: 1em;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .m-footer-address__inner {
    flex-direction: row;
  }
}

.m-footer-tel {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 0.875rem;
}
.m-footer-tel__img {
  width: 86px;
  height: 11px;
}

.m-pagination {
  display: flex;
  justify-content: center;
}
.m-pagination:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-pagination {
  margin-top: 0;
}
[class~=m-heading-area] + .m-pagination:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-pagination__list {
  -moz-column-gap: 16px;
  display: flex;
       column-gap: 16px;
  align-items: center;
  justify-content: space-between;
}
.m-pagination__numbers {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  align-items: center;
  justify-content: center;
}
.m-pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding-inline: 4px;
  border: solid 1px var(--color-neutral-30);
  border-radius: 8px;
  background-color: var(--color-white);
  color: var(--color-cyan-100);
  font-size: 1rem;
}
@media (hover: hover) and (pointer: fine) {
  .m-pagination__link:hover {
    text-decoration: underline;
  }
}
.m-pagination__link.--active {
  background-color: var(--color-neutral-20);
  color: var(--color-brown-100);
  font-weight: 600;
  pointer-events: none;
}
.m-pagination__leader {
  display: inline-block;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 4px;
  gap: 2px;
}
.m-pagination__leader span {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--color-neutral-60);
}
.m-pagination__leader::before, .m-pagination__leader::after {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: var(--color-neutral-60);
  content: "";
}

.m-panel-layer {
  display: grid;
  row-gap: 24px;
  width: auto;
  height: auto;
  padding: 24px 16px;
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}
.m-panel-layer:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-panel-layer {
  margin-top: 0;
}
[class~=m-heading-area] + .m-panel-layer:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-panel-layer > [class]:is(html *) {
  margin-block: 0;
}
.m-panel-layer [class*=m-heading]:first-child {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-panel-layer {
    padding: 24px;
  }
}
.m-panel-layer__box {
  display: grid;
  row-gap: 16px;
}
.m-panel-layer__box > [class]:is(html *) {
  margin-block: 0;
}
.m-panel-layer__title.--column {
  display: flex;
  row-gap: 16px;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.m-panel-layer__contents {
  display: grid;
  row-gap: 16px;
}
.m-panel-layer__contents > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-panel-layer .m-form-text {
    width: 300px;
  }
}

.m-profile {
  position: relative;
}
.m-profile:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-profile {
  margin-top: 0;
}
[class~=m-heading-area] + .m-profile:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-profile__container {
    padding-right: 60px;
  }
}
.m-profile__img {
  flex-shrink: 0;
}
.m-profile__img img {
  width: 112px;
  height: 112px;
  border-radius: 16px;
}
.m-profile__tag-list {
  display: flex;
}
.m-profile__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 2px;
  background: var(--color-orange-100);
  color: var(--color-white);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
}
.m-profile__name {
  font-weight: 600;
  font-size: 1.5rem;
}
.m-profile .m-button-favorite {
  position: absolute;
  top: 0;
  right: 0;
}

.m-schedule-space, .m-schedule-default {
  width: 100%;
  border: solid 1px var(--color-neutral-20);
  border-radius: 12px;
  background-color: var(--color-white);
}
.m-schedule-space .vis-timeline, .m-schedule-default .vis-timeline {
  overflow: hidden;
  border: none;
  border-radius: 12px;
}
.m-schedule-space .vis-current-time, .m-schedule-default .vis-current-time {
  z-index: 5;
}
.m-schedule-space .vis-panel, .m-schedule-default .vis-panel {
  border: none;
}
.m-schedule-space .vis-panel .vis-shadow, .m-schedule-default .vis-panel .vis-shadow {
  box-shadow: none;
}
.m-schedule-space .vis-panel .vis-current-time, .m-schedule-default .vis-panel .vis-current-time {
  position: relative;
  top: 34px !important;
  height: calc(100% - 34px) !important;
  background-color: var(--color-green-80);
}
.m-schedule-space .vis-panel .vis-current-time:before, .m-schedule-default .vis-panel .vis-current-time:before {
  display: block;
  position: absolute;
  top: -5px;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--color-green-80);
  content: "";
}
.m-schedule-space .vis-panel.vis-center, .m-schedule-default .vis-panel.vis-center, .m-schedule-space .vis-panel.vis-top, .m-schedule-default .vis-panel.vis-top, .m-schedule-space .vis-panel.vis-bottom, .m-schedule-default .vis-panel.vis-bottom {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.m-schedule-space .vis-panel .vis-content.is-replace-transform, .m-schedule-default .vis-panel .vis-content.is-replace-transform {
  transform: none !important;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground, .m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground {
  border-bottom: none;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-group, .m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground .vis-group {
  border-bottom: none;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range, .m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range {
  z-index: 6;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range .vis-item-content, .m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range .vis-item-content {
  display: block;
  transform: none !important;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-background .vis-item.vis-background, .m-schedule-default .vis-panel.vis-center .vis-content .vis-background .vis-item.vis-background {
  background-color: var(--color-indigo-20);
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-background .vis-item.vis-background .vis-item-content, .m-schedule-default .vis-panel.vis-center .vis-content .vis-background .vis-item.vis-background .vis-item-content {
  left: 50%;
  transform: none !important;
  translate: -50%;
  color: var(--color-neutral-80);
  font-size: 0.625rem;
}
.m-schedule-space .vis-panel.vis-top .vis-time-axis.vis-foreground .vis-text, .m-schedule-default .vis-panel.vis-top .vis-time-axis.vis-foreground .vis-text {
  z-index: 4;
  width: 200px;
  padding: 8px;
  border-left: solid 1px var(--color-white);
  background-color: var(--color-orange-80);
  color: var(--color-neutral-100);
  font-weight: 600;
  font-size: 0.75rem;
}
.m-schedule-space .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor, .m-schedule-default .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor {
  z-index: 2;
  border-left-color: var(--color-neutral-30);
}
.m-schedule-space .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor::before, .m-schedule-default .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor::before {
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 100%;
  border-left: dashed 1px var(--color-neutral-30);
  content: "";
}
.m-schedule-space .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor:first-child, .m-schedule-default .vis-panel.vis-background.vis-vertical .vis-time-axis.vis-background .vis-minor:first-child {
  border-left: none;
}

.m-schedule-default:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-schedule-default {
  margin-top: 0;
}
[class~=m-heading-area] + .m-schedule-default:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range {
  border: none;
}
.m-schedule-default .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range .vis-item-content {
  padding: 0;
}

.m-schedule-default-line {
  -moz-column-gap: 8px;
  display: flex;
  position: relative;
       column-gap: 8px;
  align-items: center;
  padding: 7px 8px 7px 16px;
  overflow: hidden;
  border-radius: 4px;
}
.m-schedule-default-line > [class]:is(html *) {
  margin-block: 0;
}
.m-schedule-default-line [class*=m-tag-care-] {
  height: 18px;
  padding-block: 0;
  font-size: 0.625rem;
}
.m-schedule-default-line.js-modal-trigger {
  cursor: pointer;
}
.m-schedule-default-line:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 100%;
  content: "";
}
.m-schedule-default-line__text {
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
}
.m-schedule-default-line:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}
.m-schedule-default-line.--care-working {
  background-color: var(--color-blond-60);
}
.m-schedule-default-line.--care-working:before {
  background-color: var(--color-orange-80);
}
.m-schedule-default-line.--care-working .m-tag-care-working {
  box-shadow: none;
}
.m-schedule-default-line.--care-working__text {
  color: var(--color-neutral-100);
}
.m-schedule-default-line.--care-before {
  background-color: var(--color-neutral-20);
}
.m-schedule-default-line.--care-before:before {
  background: repeating-linear-gradient(-45deg, var(--color-orange-80), var(--color-orange-80) 3px, var(--color-white) 3px, var(--color-white) 6px);
}
.m-schedule-default-line.--care-before .m-tag-care-before {
  border-color: var(--color-neutral-40);
  box-shadow: none;
}
.m-schedule-default-line.--care-before__text {
  color: var(--color-neutral-80);
}
.m-schedule-default-line.--care-done {
  background-color: var(--color-neutral-20);
}
.m-schedule-default-line.--care-done:before {
  background-color: var(--color-neutral-60);
}
.m-schedule-default-line.--care-done__text {
  color: var(--color-neutral-80);
}
.m-schedule-default-line.--care-cancel {
  background-color: var(--color-neutral-20);
}
.m-schedule-default-line.--care-cancel:before {
  background: repeating-linear-gradient(-45deg, var(--color-neutral-60), var(--color-neutral-60) 3px, var(--color-white) 3px, var(--color-white) 6px);
}
.m-schedule-default-line.--care-cancel__text {
  color: var(--color-neutral-80);
  text-decoration: line-through;
}

.m-schedule-space:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-schedule-space {
  margin-top: 0;
}
[class~=m-heading-area] + .m-schedule-space:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range {
  overflow: visible;
  border: none;
  background-color: var(--color-blond-40);
  line-height: 1;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.m-schedule-space .vis-panel.vis-center .vis-content .vis-foreground .vis-item.vis-range .vis-item-content {
  display: block;
  padding: 0;
}

.m-schedule-space-line {
  padding: 4px;
  font-weight: 600;
  font-size: 0.75rem;
}
.m-schedule-space-line__empty, .m-schedule-space-line__text {
  display: block;
  padding: 5px 8px;
  border-radius: 4px;
  font-style: normal;
}
.m-schedule-space-line__empty {
  border: dotted 1px var(--color-neutral-80);
  background-color: transparent;
  color: var(--color-neutral-100);
  text-align: center;
}
.m-schedule-space-line__text {
  overflow: hidden;
  border: solid 1px var(--color-white);
  background-color: var(--color-white);
}
.m-schedule-space-line__text:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 3px var(--color-white), inset 0 0 0 6px var(--color-brown-80);
}

.m-schedule-space-label {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100px;
  padding: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: var(--color-orange-100);
  color: var(--color-white);
  font-style: normal;
  font-size: 0.625rem;
  text-align: center;
}

.m-schedule {
  z-index: 5;
  position: relative;
  margin-top: 24px;
  padding-bottom: 40px;
}
.m-schedule__main [class*=m-heading]:first-child {
  margin-block: 0;
}
.m-schedule__sub {
  display: grid;
  justify-content: end;
  margin-top: 16px;
}
.m-schedule__status {
  -moz-column-gap: 8px;
  display: flex;
       column-gap: 8px;
  row-gap: 8px;
  flex-wrap: wrap;
  font-weight: 350;
}
@media screen and (min-width: 769px) {
  .m-schedule__status {
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 12px;
  }
}
.m-schedule__status > div {
  -moz-column-gap: 4px;
  display: flex;
       column-gap: 4px;
  align-items: baseline;
  line-height: 1;
}
.m-schedule__status > div:nth-child(1) {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-schedule__status > div:nth-child(1) {
    width: auto;
  }
}
.m-schedule__status > div:nth-child(2) > dt:before {
  margin-right: 8px;
  margin-left: -4px;
  content: "（";
}
.m-schedule__status > div:last-child > dd:after {
  margin-left: 8px;
  content: "）";
}
.m-schedule__status > div > dt,
.m-schedule__status > div > dd {
  font-size: 0.75rem;
}
.m-schedule__status > div > dt {
  color: var(--color-neutral-80);
}
.m-schedule__status > div > dd {
  text-align: center;
}
.m-schedule__status-num {
  font-weight: 600;
  font-size: 1.25rem;
}
.m-schedule__status-unit {
  font-weight: 600;
  font-size: 0.75rem;
}

.m-drawer {
  display: none;
  visibility: hidden;
  z-index: var(--z-modal);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.m-drawer__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 72px 16px 24px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-drawer__content {
    padding: 86px 32px 40px;
  }
}
.m-drawer__content-inner {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto 1fr;
  row-gap: 40px;
  max-width: calc(var(--md-w-contents) + (16px * 2));
  height: 100%;
  margin-top: -6px;
  margin-inline: auto;
  padding-top: 6px;
  padding-inline: 16px;
  overflow: auto;
}
.m-drawer__content-inner > *:first-child {
  margin-block: 0;
}
.m-drawer__content-header {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 24px;
}
.m-drawer__content-header > [class]:is(html *) {
  margin-block: 0;
}
.m-drawer__content-body {
  display: grid;
  grid-template-columns: 100%;
}
.m-drawer__tab {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: auto 1fr;
}
.m-drawer__close {
  position: absolute;
  top: 16px;
  right: 24px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  cursor: pointer;
}
.m-drawer__close::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-drawer__close:hover {
    background-color: var(--color-white);
  }
  .m-drawer__close:hover::before {
    background-color: var(--color-orange-80);
  }
}
@media screen and (min-width: 769px) {
  .m-drawer__close {
    width: 40px;
    height: 40px;
  }
  .m-drawer__close::before {
    width: 24px;
    height: 24px;
  }
}

.m-toast {
  display: none;
  visibility: hidden;
  z-index: var(--z-modal);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.m-toast__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  padding: 32px 16px 24px;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-toast__content {
    width: auto;
    min-width: 320px;
    max-width: 720px;
  }
}
.m-toast__content .m-tab-contents > * {
  max-height: 600px;
  overflow: auto;
}
.m-toast__content-inner {
  max-height: calc(80vh - 72px);
  overflow-y: auto;
}
@media screen and (min-width: 769px) {
  .m-toast__content-inner {
    max-height: calc(80vh - 88px);
  }
}
.m-toast__content-inner .m-message {
  white-space: pre-wrap;
}
.m-toast__close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  cursor: pointer;
}
.m-toast__close::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-toast__close:hover {
    background-color: var(--color-white);
  }
  .m-toast__close:hover::before {
    background-color: var(--color-orange-80);
  }
}

.m-toast-modal {
  display: none;
  visibility: hidden;
  z-index: var(--z-modal);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
}
.m-toast-modal.--visible {
  display: block;
  visibility: visible;
  opacity: 1;
}
.m-toast-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 32px);
  padding: 24px 8px 24px 16px;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content {
    width: calc(100% - 32px);
    max-width: 720px;
    padding: 32px 8px 32px 24px;
  }
  .m-toast-modal.--full .m-toast-modal__content {
    max-width: none;
  }
  .m-toast-modal.--lg .m-toast-modal__content {
    max-width: 960px;
  }
  .m-toast-modal.--md .m-toast-modal__content {
    max-width: 720px;
  }
  .m-toast-modal.--sm .m-toast-modal__content {
    max-width: 480px;
  }
}
.m-toast-modal__content.--reservation-notes {
  position: relative;
  padding-top: 114px;
  background-color: var(--color-blond-20);
}
.m-toast-modal__content.--reservation-notes::before {
  position: absolute;
  top: -24px;
  left: 50%;
  width: 233px;
  height: 120px;
  transform: translateX(-50%);
  background: no-repeat url("/img/img_modal_reservation_notes.svg") 0 0/contain;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content.--reservation-notes {
    padding-top: 134px;
  }
  .m-toast-modal__content.--reservation-notes::before {
    width: 272px;
    height: 140px;
  }
}
.m-toast-modal__content .m-tab-contents > * {
  max-height: 600px;
  overflow: auto;
}
.m-toast-modal__content .m-tab-contents.--flat > * {
  max-height: none;
  overflow: visible;
}
.m-toast-modal__content .m-pagination {
  font-size: 0.875rem;
}
.m-toast-modal__content .m-pagination__link {
  min-width: 30px;
  height: 30px;
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content .m-pagination {
    font-size: 1rem;
  }
  .m-toast-modal__content .m-pagination__link {
    min-width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.m-toast-modal__content-inner {
  max-height: calc(80vh - 72px);
  margin-bottom: -6px;
  margin-left: -6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 6px;
  overflow-y: auto;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-inner {
    max-height: calc(80vh - 88px);
    padding-right: 16px;
  }
  .m-toast-modal.--min-height-sm .m-toast-modal__content-inner {
    min-height: 340px;
  }
}
.m-toast-modal__content-inner > *:first-child {
  margin-top: 0;
}
.m-toast-modal__content-header {
  margin-bottom: 24px;
}
.m-toast-modal__content-header > [class]:is(html *) {
  margin-block: 0;
}
.m-toast-modal__content-footer {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-footer {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 32px;
  }
}
.m-toast-modal__content-footer-button {
  display: flex;
  row-gap: 16px;
  grid-column: 1/2;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.m-toast-modal__content-footer-button > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-footer-button {
    -moz-column-gap: 16px;
         column-gap: 16px;
    grid-column: 2/3;
    flex-direction: row;
  }
}
.m-toast-modal__content-footer-button.--row {
  row-gap: 16px;
  flex-direction: column;
}
.m-toast-modal__content-footer-button.--reverse {
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-footer-button.--reverse {
    flex-direction: row-reverse;
  }
}
.m-toast-modal__content-footer-button .m-button-primary, .m-toast-modal__content-footer-button .m-button-secondary {
  width: 256px;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-footer-button .m-button-primary, .m-toast-modal__content-footer-button .m-button-secondary {
    min-width: 320px;
  }
}
.m-toast-modal__content-footer-link {
  grid-column: 1/2;
  margin-top: 16px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-toast-modal__content-footer-link {
    grid-column: 3/4;
    margin-top: 0;
    text-align: right;
  }
}
.m-toast-modal__close {
  position: absolute;
  top: -48px;
  right: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--color-neutral-20);
  cursor: pointer;
}
.m-toast-modal__close::before {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_close.svg");
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin: auto;
  inset: 0;
  background-image: none;
  background-color: var(--color-neutral-100);
  content: "";
          mask-image: url("/img/icons/icon_close.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
@media (hover: hover) and (pointer: fine) {
  .m-toast-modal__close:hover {
    background-color: var(--color-white);
  }
  .m-toast-modal__close:hover::before {
    background-color: var(--color-orange-80);
  }
}
@media screen and (min-width: 769px) {
  .m-toast-modal__close {
    top: -56px;
    width: 40px;
    height: 40px;
  }
  .m-toast-modal__close::before {
    width: 24px;
    height: 24px;
  }
}
.m-toast-modal__title {
  text-align: center;
}
.m-toast-modal__title-icon {
  position: relative;
  padding-top: 40px;
  text-align: center;
}
.m-toast-modal__title-icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translateX(-50%);
  content: "";
}
.m-toast-modal__title-icon.--left {
  display: grid;
  align-items: center;
  min-height: 40px;
  padding-top: 0.1em;
  padding-left: 40px;
  text-align: left;
}
.m-toast-modal__title-icon.--left.--sm {
  min-height: 32px;
  padding-top: 0.1em;
  padding-left: 32px;
}
.m-toast-modal__title-icon.--left::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.m-toast-modal__title-icon.--sm {
  padding-top: 32px;
}
.m-toast-modal__title-icon.--sm::before {
  width: 24px;
  height: 24px;
}
.m-toast-modal__title-icon.--attention::before {
  background: no-repeat url("/img/icons/icon_attention.svg") 0 0/contain;
}
.m-toast-modal__title-icon.--success::before {
  background: no-repeat url("/img/icons/icon_success.svg") 0 0/contain;
}
.m-toast-modal__title-icon.--alert::before {
  background: no-repeat url("/img/icons/icon_alert.svg") 0 0/contain;
}
.m-toast-modal__title-icon.--question::before {
  background: no-repeat url("/img/icons/icon_faq_q.svg") 0 0/contain;
}
.m-toast-modal__title-date {
  margin-bottom: 8px;
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-toast-modal__title-date + .m-text {
  margin-top: 8px;
}
.m-toast-modal__content-header {
  margin-bottom: 0;
}
* + .m-toast-modal__content-body {
  margin-top: 24px;
}
.m-toast-modal__title, .m-toast-modal__content-body {
  white-space: pre-wrap;
}

.m-alert-success, .m-alert-caution, .m-alert-error {
  display: block;
  position: relative;
  padding-left: 20px;
  font-size: 0.875rem;
}
.m-alert-success .m-icon, .m-alert-caution .m-icon, .m-alert-error .m-icon {
  position: absolute;
  top: 0.125em;
  left: 0;
}
.--md.m-alert-success, .--md.m-alert-caution, .--md.m-alert-error {
  padding-left: 32px;
  font-weight: 600;
  font-size: 1rem;
}
.--md.m-alert-success .m-icon, .--md.m-alert-caution .m-icon, .--md.m-alert-error .m-icon {
  top: 0;
}
.--disabled.m-alert-success, .--disabled.m-alert-caution, .--disabled.m-alert-error {
  color: var(--color-neutral-80);
}

.m-alert-error {
  color: var(--color-semantic-alert-100);
}
.m-alert-error:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-error {
  margin-top: 0;
}
[class~=m-heading-area] + .m-alert-error:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-alert-caution {
  color: var(--color-neutral-100);
}
.m-alert-caution:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-caution {
  margin-top: 0;
}
[class~=m-heading-area] + .m-alert-caution:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-alert-caution-box {
  padding: 24px;
}

.m-alert-success {
  color: var(--color-neutral-100);
}
.m-alert-success:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-alert-success {
  margin-top: 0;
}
[class~=m-heading-area] + .m-alert-success:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-alert-success-box {
  padding: 24px;
}

.m-graph-bar {
  width: 100%;
  height: 12px;
}
.m-graph-bar:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-graph-bar {
  margin-top: 0;
}
[class~=m-heading-area] + .m-graph-bar:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-graph-bar__container {
  display: flex;
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--color-neutral-20);
}
.m-graph-bar__bar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: white;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
}
.m-graph-bar__bar.--national {
  width: calc(var(--national-percentage) * 1%);
  background: var(--color-orange-80);
}
.m-graph-bar__bar.--local {
  width: calc(var(--local-percentage) * 1%);
  background: var(--color-green-60);
}
.m-graph-bar__bar.--local:where(body:has(> #m-svg-pattern) *) {
  background: url("/img/bg_graph_pattern_local.svg") var(--color-green-60);
}
.m-graph-bar__bar:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.m-graph-bar__bar:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.m-circle-graph {
  position: relative;
  width: 220px;
  height: 220px;
}
.m-circle-graph__circle {
  fill: none;
  stroke-width: 12;
  stroke: var(--color-neutral-20);
  stroke-dasharray: 628.318530718;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  position: relative;
  transform: rotate(-180deg);
  transform-origin: 50% 50%;
}
.m-circle-graph__circle.--base {
  stroke-dashoffset: calc(628.318530718px - (628.318530718px * 100) / 2 / 100);
}
.m-circle-graph__circle.--national {
  stroke: var(--color-orange-80);
  stroke-dashoffset: calc(628.318530718px - (628.318530718px * var(--national-percentage)) / 2 / 100);
}
.m-circle-graph__circle.--local {
  stroke: var(--color-green-60);
  --rotate: calc(-180deg + (180deg * var(--national-percentage)) / 100);
  stroke-dashoffset: calc(628.318530718px - (628.318530718px * var(--local-percentage)) / 2 / 100);
  transform: rotate(var(--rotate));
}
.m-circle-graph__circle.--local:where(body:has(> #m-svg-pattern) *) {
  stroke: url(#m-graph-pattern-local) var(--color-green-60);
}

@media screen and (min-width: 769px) {
  .m-graph-list {
    -moz-column-gap: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
         column-gap: 40px;
  }
}
.m-graph-list__item {
  padding-top: 16px;
  padding-bottom: 24px;
  border-bottom: 1px dashed var(--color-neutral-40);
}

.m-graph-detail__remain {
  font-size: 0;
}
.m-graph-detail__remain.--between {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}
.m-graph-detail__remain-date {
  margin-right: 8px;
  font-size: 1rem;
}
.m-graph-detail__remain-date.--bold {
  font-weight: 600;
}
.m-graph-detail__remain-time {
  font-size: 0.875rem;
  line-height: 1;
}
.m-graph-detail__remain-time > span {
  margin-right: 2px;
  margin-left: 2px;
  font-weight: 600;
  font-size: 1.75rem;
}
.m-graph-detail__remain-text {
  font-size: 0.875rem;
}
.m-graph-detail__result {
  flex-shrink: 0;
}
* + .m-graph-detail__result {
  margin-top: 8px;
}
.m-graph-detail__result.--wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}
.m-graph-detail__result-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.m-graph-detail__result-item {
  font-size: 0;
}
.m-graph-detail__result-item::before {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 50%;
  content: "";
}
.m-graph-detail__result-item.--national::before {
  background: var(--color-orange-80);
}
.m-graph-detail__result-item.--local::before {
  background: var(--color-green-60);
}
.m-graph-detail__result-item.--local:where(body:has(> #m-svg-pattern) *)::before {
  background: url("/img/bg_graph_pattern_local.svg") var(--color-green-60);
}
.m-graph-detail__result-label {
  font-size: 0.875rem;
}
.m-graph-detail__result-label::after {
  content: "：";
}
.m-graph-detail__result-time {
  font-weight: 600;
  font-size: 1.125rem;
}
.--national .m-graph-detail__result-time {
  color: var(--color-orange-100);
}
.--local .m-graph-detail__result-time {
  color: var(--color-green-100);
}
.m-graph-detail__result-unit {
  margin-left: 4px;
  font-size: 0.875rem;
}

.m-calender__table td .open, .m-calender__cell-mark {
  display: inline-block;
  position: relative;
  min-width: 16px;
  font-family: var(--font-family-lato);
}
.m-calender__table td .open:where(a), .m-calender__cell-mark:where(a) {
  color: var(--color-cyan-100);
  font-weight: bold;
  font-size: 1.125rem;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .m-calender__table td .open:where(a):hover, .m-calender__cell-mark:where(a):hover {
    text-decoration: none;
  }
}
.m-calender__table td .open:is(td.selected > *), .m-calender__cell-mark:is(td.selected > *) {
  color: var(--color-neutral-100);
}

.m-calender:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-calender {
  margin-top: 0;
}
[class~=m-heading-area] + .m-calender:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-calender.--date .m-calender__table {
  height: 100%;
}
.m-calender.--date .m-calender__table-body {
  height: 100%;
}
.m-calender.--date .m-calender__table-body tr {
  height: 77px;
}
@media screen and (min-width: 769px) {
  .m-calender.--date .m-calender__table-body tr {
    height: 89px;
  }
}
.m-calender.--date .m-calender__table-body td {
  height: 100%;
  padding: 8px 12px;
}
.m-calender__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border: 1px solid var(--color-neutral-30);
  border-bottom: none;
  border-radius: 16px 16px 0 0;
}
.m-calender__nav > span {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_calender_arrow.svg");
  display: block;
  width: 24px;
  height: 24px;
  margin: 8px;
  border: none;
  background: none;
  background-image: none;
  background-color: var(--color-cyan-100);
  cursor: pointer;
          mask-image: url("/img/icons/icon_calender_arrow.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-calender__nav.--prev > span {
  transform: rotate(180deg);
}
.m-calender__nav:disabled > span {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_calender_arrow.svg");
  background-image: none;
  background-color: var(--color-neutral-60);
  cursor: auto;
          mask-image: url("/img/icons/icon_calender_arrow.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-calender__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.m-calender__date-year {
  font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
  .m-calender__date-year {
    font-size: 1rem;
  }
}
.m-calender__date-week {
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-calender__date-week {
    font-size: 1.125rem;
  }
}
.m-calender__cell {
  display: grid;
  grid-template-rows: auto 1fr auto;
  row-gap: 4px;
  height: 100%;
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-calender__cell {
    font-size: 0.875rem;
  }
}
.m-calender__cell-date {
  grid-row-start: 1;
  font-size: 1rem;
  text-align: left;
}
.m-calender__cell-time {
  grid-row-start: 2;
}
.m-calender__cell-time > * {
  display: inline-block;
}
.m-calender__cell-mark {
  grid-row-start: 3;
}
.m-calender__table {
  width: 100%;
  border-top: 1px solid var(--color-neutral-30);
  border-left: 1px solid var(--color-neutral-30);
  border-bottom-left-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.m-calender__table:first-child {
  border-radius: 16px;
}
.m-calender__table:first-child thead tr:first-child th:first-child {
  border-top-left-radius: 16px;
}
.m-calender__table:first-child thead tr:first-child th:last-child {
  border-top-right-radius: 16px;
}
.m-calender__table.--reservation {
  height: 100%;
}
.m-calender__table.--reservation td:empty {
  background: var(--color-white);
}
.m-calender__table th,
.m-calender__table td {
  padding: 8px;
  text-align: center;
}
.m-calender__table td {
  border: 1px solid var(--color-neutral-30);
  border-style: none solid solid none;
}
.m-calender__table td:empty, .m-calender__table td.--disabled {
  background: var(--color-neutral-20);
  color: var(--color-neutral-40);
}
.m-calender__table td.selected {
  background: var(--color-blond-60);
}
.m-calender__table td.selected-area {
  cursor: pointer;
}
.m-calender__table td.selected-area.--teiki, .m-calender__table td.selected-area.--free {
  padding: 8px 4px;
}
@media screen and (min-width: 769px) {
  .m-calender__table td.selected-area.--teiki, .m-calender__table td.selected-area.--free {
    padding: 8px 8px;
  }
}
.m-calender__table td.selected-area.--teiki .selected-area__inner, .m-calender__table td.selected-area.--free .selected-area__inner {
  display: grid;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  word-break: break-all;
}
.m-calender__table td.selected-area.--teiki .selected-area__inner:before, .m-calender__table td.selected-area.--free .selected-area__inner:before {
  display: block;
  z-index: 1;
  position: absolute;
  top: -8px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 16px);
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-calender__table td.selected-area.--teiki .selected-area__inner:before, .m-calender__table td.selected-area.--free .selected-area__inner:before {
    top: -8px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border-radius: 16px;
  }
}
.m-calender__table td.selected-area.--teiki .selected-area__inner > *, .m-calender__table td.selected-area.--free .selected-area__inner > * {
  z-index: 2;
  position: relative;
}
.m-calender__table td.selected-area.--teiki .m-link, .m-calender__table td.selected-area.--free .m-link {
  color: inherit;
}
.m-calender__table td.selected-area.--teiki [class*=m-tag-], .m-calender__table td.selected-area.--free [class*=m-tag-] {
  padding: 4px 4px;
  font-size: 0.625rem;
}
@media screen and (min-width: 769px) {
  .m-calender__table td.selected-area.--teiki [class*=m-tag-], .m-calender__table td.selected-area.--free [class*=m-tag-] {
    font-size: 0.75rem;
  }
}
.m-calender__table td.selected-area.--teiki .selected-area__inner:before {
  border-color: var(--color-yellow-100);
  background-color: var(--color-yellow-20);
}
.m-calender__table td.selected-area.--free .selected-area__inner:before {
  border-color: var(--color-green-100);
  background-color: var(--color-green-20);
}
.m-calender__table th {
  border-right: 1px solid var(--color-neutral-30);
  border-bottom: 1px solid var(--color-neutral-30);
}
.m-calender__table-head tr {
  height: 42px;
}
@media screen and (min-width: 769px) {
  .m-calender__table-head tr {
    height: 46px;
  }
}
.m-calender__table-head th {
  padding: 8px 4px;
  font-weight: bold;
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-calender__table-head th {
    font-size: 0.875rem;
  }
}
.m-calender__table-head th .day {
  display: block;
  font-weight: normal;
  font-size: 0.625rem;
}
@media screen and (min-width: 769px) {
  .m-calender__table-head th .day {
    font-size: 0.75rem;
  }
}
.m-calender__table-head th.sat {
  color: var(--color-indigo-100);
}
.m-calender__table-head th.sun {
  color: var(--color-orange-100);
}
.m-calender__table-head .time {
  width: 50px;
}
@media screen and (min-width: 769px) {
  .m-calender__table-head .time {
    width: 80px;
  }
}
.m-calender__table-body tr {
  height: 46px;
}
.m-calender__table-body td {
  font-size: 0.75rem;
}
.m-calender__table-body td.selected-area {
  font-weight: 600;
  font-size: 0.75rem;
}
@media screen and (min-width: 769px) {
  .m-calender__table-body td.selected-area {
    font-size: 0.875rem;
  }
}
.m-calender__table-body td.sat:where(:not(.--disabled)) .m-calender__cell-date {
  color: var(--color-indigo-100);
}
.m-calender__table-body td.sun:where(:not(.--disabled)) .m-calender__cell-date, .m-calender__table-body td.holiday:where(:not(.--disabled)) .m-calender__cell-date {
  color: var(--color-orange-100);
}
.m-calender__table-body tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}
.m-calender__table-body tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

.m-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
}
.m-icon:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-icon {
  margin-top: 0;
}
[class~=m-heading-area] + .m-icon:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-icon.--md {
  width: 24px;
  height: 24px;
}
.m-icon.--lg {
  width: 32px;
  height: 32px;
}
.m-icon.--xl {
  width: 64px;
  height: 64px;
}
.m-icon:where(.--time) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_time.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_time.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--time).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--current) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_current.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_current.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--current).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--tel) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_tel.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_tel.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--tel).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--charge) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_charge.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_charge.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--charge).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--comment) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_comment.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_comment.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--comment).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--transportation) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_transportation.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_transportation.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--transportation).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--homepage) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_homepage.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_homepage.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--homepage).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--clip) {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_clip.svg");
  background-image: none;
  background-color: var(--color-neutral-100);
          mask-image: url("/img/icons/icon_clip.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--clip).--disabled {
  background-color: var(--color-neutral-80);
}
.m-icon:where(.--meal) {
  background-image: url("/img/icons/icon_meal.svg");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.m-icon:where(.--meal).--disabled {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_meal.svg");
  background-image: none;
  background-color: var(--color-neutral-40);
          mask-image: url("/img/icons/icon_meal.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--medical) {
  background-image: url("/img/icons/icon_medical.svg");
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.m-icon:where(.--medical).--disabled {
  background-image: url("/img/icons/icon_medical_disabled.svg");
}
.m-icon:where(.--error) {
  background: no-repeat url("/img/icons/icon_alert.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--error).--disabled {
  background-image: url("/img/icons/icon_alert_disabled.svg");
}
.m-icon:where(.--caution) {
  background: no-repeat url("/img/icons/icon_attention.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--success) {
  background: no-repeat url("/img/icons/icon_success.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--excel) {
  background: no-repeat url("/img/icons/icon_file_excel.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--pdf) {
  background: no-repeat url("/img/icons/icon_file_pdf.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--ppt) {
  background: no-repeat url("/img/icons/icon_file_ppt.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--word) {
  background: no-repeat url("/img/icons/icon_file_word.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--question) {
  background: no-repeat url("/img/icons/icon_faq_q.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--answer) {
  background: no-repeat url("/img/icons/icon_faq_a.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--class) {
  background: no-repeat url("/img/icons/icon_class.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--sort-asc) {
  transform-origin: center center;
  rotate: 180deg;
  background: no-repeat url("/img/icons/icon_sort.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--sort-desc) {
  background: no-repeat url("/img/icons/icon_sort.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--checkbox) {
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
}
.m-icon:where(.--checkbox)::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
  width: 100%;
  border: 1px solid var(--color-neutral-60);
  border-radius: 4px;
  background: var(--color-white);
  content: "";
}
.m-icon:where(.--checkbox):where(.--checked)::before {
  border: 1px solid var(--color-orange-100);
  background: var(--color-orange-100);
}
.m-icon:where(.--checkbox):where(.--checked)::after {
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-image: url("/img/icons/icon_check.svg");
  position: absolute;
  top: 50%;
  left: 2px;
  width: 14px;
  height: 10px;
  margin-left: 0;
  transform: translateY(-50%);
  background-image: none;
  background-color: var(--color-white);
  content: "";
          mask-image: url("/img/icons/icon_check.svg");
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: cover;
}
.m-icon:where(.--checkbox-check) {
  background: no-repeat url("/img/icons/icon_sort.svg") 0 0/contain;
  background-size: 100% auto;
}
.m-icon:where(.--help) {
  background: no-repeat url("/img/icons/icon_help.svg") 0 0/contain;
  background-size: 100% auto;
  cursor: pointer;
}
.m-icon:where(.--info) {
  background: no-repeat url("/img/icons/icon_info.svg") 0 0/contain;
  background-size: 100% auto;
  cursor: pointer;
}
.m-icon:where(.--triangle-right) {
  background: no-repeat url("/img/icons/icon_triangle_fill_right.svg") 0 0/contain;
  background-size: 100% auto;
  cursor: pointer;
}

.m-search-button:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-search-button {
  margin-top: 0;
}
[class~=m-heading-area] + .m-search-button:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-search-button__link {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 60px 8px 16px;
  border: 1px solid var(--color-neutral-30);
  border-radius: 16px;
  background-color: var(--color-white);
  color: var(--color-neutral-100);
  font-size: 1rem;
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .m-search-button__link:hover {
    text-decoration: underline;
  }
}
.m-search-button__link:before {
  display: block;
  position: absolute;
  top: 16px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-block: auto;
  transform: translateX(-50%);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
.m-search-button__link.--current:before {
  background-image: url("/img/icons/icon_menu_current.svg");
}
.m-search-button__link.--map:before {
  background-image: url("/img/icons/icon_menu_map.svg");
}
.m-search-button__link.--favorite:before {
  background-image: url("/img/icons/icon_menu_favorite.svg");
}
.m-search-button__link.--log:before {
  background-image: url("/img/icons/icon_menu_history.svg");
}
@media screen and (min-width: 769px) {
  .m-search-button__link br {
    display: none;
  }
}

.m-svg-pattern {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.m-unit.--indent-xxs {
  padding-left: 8px;
}
.m-unit.--indent-xs {
  padding-left: 16px;
}
.m-unit.--indent-sm {
  padding-left: 24px;
}
.m-unit.--indent-md {
  padding-left: 32px;
}
.m-unit.--indent-lg {
  padding-left: 40px;
}
.m-unit.--indent-xl {
  padding-left: 48px;
}
.m-unit.--w-col-form-default {
  max-width: 596px;
}

.js-tab-contents:where([tabindex]):focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-white), 0 0 0 6px var(--color-brown-80);
}

[class] + [class*=m-tag-]:where(:not([class~=m-tag-list])) {
  margin-top: 4px;
}

[class] + [class~=m-form-add-filter-area],
[class] + [class~=m-link-icon] {
  margin-top: 8px;
}

[class] + [class~=m-graph-bar],
[class] + [class~=m-map-button] {
  margin-top: 16px;
}

.m-text + [class~=m-text],
.m-text + [class*=m-link],
.m-text + [class*=m-list-] {
  margin-top: 16px;
}

.m-table-header + [class~=m-table-contents],
.m-table-header + [class~=m-fixed-table-contents] {
  margin-top: 16px;
}

[class~=m-table-footer] {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  [class~=m-table-footer] {
    margin-top: 56px;
  }
}

[class] + [class~=m-tab-container],
[class] + [class~=m-form-add-field],
[class] + [class~=m-tab-contents] {
  margin-top: 40px;
}

[class] + [class~=m-header-info], [class~=m-header-info]:first-child:where(:not([class*=m-heading]) + .m-table-container > .m-table-header > *) {
  margin-top: 40px;
}

[class] + [class~=m-button-container]:where(.--sc-lg) {
  margin-top: 40px;
}

[class] + [class~=m-section-divider] {
  margin-top: 56px;
}
@media screen and (min-width: 769px) {
  [class] + [class~=m-section-divider] {
    margin-top: 64px;
  }
}

[class=flatpickr-wrapper] + [class~=m-form-error], [class*=m-form-] + [class~=m-form-error],
[class=flatpickr-wrapper] + [class~=m-form-textarea-counter],
[class*=m-form-] + [class~=m-form-textarea-counter],
[class=flatpickr-wrapper] + [class~=m-list-note],
[class*=m-form-] + [class~=m-list-note] {
  margin-top: 8px;
}
[class] + [class~=m-form-error]:where(.--sc-xm),
[class] + [class~=m-form-textarea-counter]:where(.--sc-xm),
[class] + [class~=m-list-note]:where(.--sc-xm) {
  margin-top: 16px;
}
[class] + [class~=m-form-error]:where(.--sc-lg),
[class] + [class~=m-form-textarea-counter]:where(.--sc-lg),
[class] + [class~=m-list-note]:where(.--sc-lg) {
  margin-top: 40px;
}

[class~=m-tab-contents] > * > [class*=m-heading]:where(:not([class~=m-heading-box]):first-child),
[class~=m-tab-contents] > * > *:where(form) > [class*=m-heading]:where(:not([class~=m-heading-box]):first-child) {
  margin-top: 0;
}

[class~=m-heading-area] [class*=m-heading]:where(:not([class~=m-heading-box])) {
  margin-block: 0;
}

[class~=m-modal] [class*=m-heading]:where(:not([class~=m-heading-box]):first-child) {
  margin-block: 0;
}

[class~=m-tab-contents] > * > [class~=m-heading-box]:where(:first-child):is(html *):is(html *):is(html *),
[class~=m-tab-contents] > * > *:where(form) > [class~=m-heading-box]:where(:first-child):is(html *):is(html *):is(html *) {
  margin-top: 0;
}

[class~=m-heading-area] [class~=m-heading-box]:is(html *):is(html *):is(html *) {
  margin-block: 0;
}

[class~=m-modal] [class~=m-heading-box]:where(:first-child):is(html *):is(html *):is(html *) {
  margin-block: 0;
}

[class~=m-heading-area][class] + .m-search-panel[class], [class~=m-heading-area][class] + .l-lower-contents[class] {
  margin-top: -51px;
}

[class~=m-unit]:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + [class~=m-unit] {
  margin-top: 0;
}
[class~=m-heading-area] + [class~=m-unit]:not(.l-lower-contents) {
  margin-top: 40px;
}

.m-message {
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
}
.m-message:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-message {
  margin-top: 0;
}
[class~=m-heading-area] + .m-message:not(.l-lower-contents) {
  margin-top: 40px;
}
.m-message > * {
  display: block;
}
.m-message.--success:before {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  margin-inline: auto;
  background: url("/img/icons/icon_success.svg") no-repeat 0 0/100% auto;
  content: "";
}
.m-message.--caution:before {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  margin-inline: auto;
  background: url("/img/icons/icon_attention.svg") no-repeat 0 0/100% auto;
  content: "";
}
.m-message.--error:before {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  margin-inline: auto;
  background: url("/img/icons/icon_alert.svg") no-repeat 0 0/100% auto;
  content: "";
}

.m-tips {
  display: none;
  visibility: hidden;
  z-index: var(--z-tips);
  opacity: 0;
}
.m-tips__bg {
  z-index: 1;
  position: fixed;
  inset: 0;
}
.m-tips__content {
  z-index: 2;
  position: absolute;
  top: auto;
  left: auto;
  width: auto;
  max-width: 400px;
  padding: 8px;
  border: solid 1px var(--color-neutral-30);
  border-radius: 8px;
  background-color: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-tips__content {
    padding: 24px;
  }
}
.m-tips__content__header > [class]:where(:first-child):is(html *) {
  margin-top: 0;
}
* + .m-tips__content__body {
  margin-top: 16px;
}
.m-tips__content__attention {
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}
.m-tips__content__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}
.m-tips__content__button {
  margin-top: 32px;
}
.m-tips__content__body * + .m-tips__content__link {
  margin-top: 8px;
}
@media screen and (min-width: 769px) {
  .m-tips__content {
    padding: 8px;
  }
}
.m-tips__content-inner > span {
  z-index: 3;
  position: relative;
}
.m-tips__icon {
  z-index: 1;
  position: absolute;
}
.m-tips__icon-svg {
  width: 12px;
}
.m-tips__icon-fill {
  z-index: 2;
  position: absolute;
  top: calc(100% - 1px);
  left: 2px;
  width: 9px;
  height: 2px;
  background-color: white;
}

.m-dashboard {
  padding-top: 32px;
  padding-bottom: 24px;
}
@media screen and (min-width: 769px) {
  .m-dashboard {
    padding-bottom: 48px;
  }
}
.m-dashboard__header {
  z-index: 10;
  position: relative;
}
.m-dashboard__header .m-heading1 {
  margin-top: 0;
  margin-bottom: 0;
}
.m-dashboard__header-name {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 8px 16px;
}
.m-dashboard__header-name > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-dashboard__header-name {
    flex-direction: row;
    align-items: center;
  }
}
.m-dashboard__content {
  z-index: 10;
  position: relative;
  margin-top: 24px;
}
.m-dashboard__carousel-wrapper {
  position: relative;
}
@media screen and (min-width: 769px) {
  .m-dashboard__carousel-wrapper {
    margin: -5px;
  }
}
.m-dashboard__carousel-wrapper .swiper-button-next,
.m-dashboard__carousel-wrapper .swiper-button-prev {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.m-dashboard__carousel-wrapper .swiper-button-next[aria-disabled=true],
.m-dashboard__carousel-wrapper .swiper-button-prev[aria-disabled=true] {
  display: none;
}
@media screen and (min-width: 769px) {
  .m-dashboard__carousel-wrapper .swiper-button-next,
  .m-dashboard__carousel-wrapper .swiper-button-prev {
    top: calc(50% + 16px);
  }
  .m-dashboard__carousel-wrapper .swiper-slide {
    padding: 5px;
  }
}
.m-dashboard__carousel-wrapper .swiper-button-next {
  right: -20px;
}
@media screen and (min-width: 769px) {
  .m-dashboard__carousel-wrapper .swiper-button-next {
    right: -15px;
  }
}
.m-dashboard__carousel-wrapper .swiper-button-prev {
  left: -20px;
}
@media screen and (min-width: 769px) {
  .m-dashboard__carousel-wrapper .swiper-button-prev {
    left: -15px;
  }
  .m-dashboard__carousel-wrapper .swiper-pagination {
    bottom: -24px;
  }
}
.m-dashboard__carousel {
  padding-bottom: 36px;
}
@media screen and (min-width: 769px) {
  .m-dashboard__carousel {
    width: 100%;
    padding-bottom: 0;
    overflow: hidden;
  }
}

.m-reservation-carousel {
  position: relative;
  padding-bottom: 32px;
}
.m-reservation-carousel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-reservation-carousel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-reservation-carousel:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-reservation-carousel {
    margin: -5px;
  }
}
.m-reservation-carousel .swiper-slide {
  height: auto;
}
.m-reservation-carousel .swiper-slide .m-panel-reservation {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}
.m-reservation-carousel .swiper-pagination {
  bottom: 0;
}
.m-reservation-carousel .swiper-button-next,
.m-reservation-carousel .swiper-button-prev {
  z-index: 10;
  position: absolute;
  top: calc(50% + 4px);
  transform: translateY(-50%);
}
.m-reservation-carousel .swiper-button-next[aria-disabled=true],
.m-reservation-carousel .swiper-button-prev[aria-disabled=true] {
  display: none;
}
.m-reservation-carousel .swiper-button-next {
  right: -20px;
}
@media screen and (min-width: 769px) {
  .m-reservation-carousel .swiper-button-next {
    right: -15px;
  }
}
.m-reservation-carousel .swiper-button-prev {
  left: -20px;
}
@media screen and (min-width: 769px) {
  .m-reservation-carousel .swiper-button-prev {
    left: -15px;
  }
  .m-reservation-carousel__wrapper {
    padding: 5px;
    overflow: hidden;
  }
}

.m-check-remaining-carousel:where(* + *) {
  margin-top: 24px;
}
[class*=m-heading]:not(.m-heading-area):where(:not(.m-heading-area-top)) + .m-check-remaining-carousel {
  margin-top: 0;
}
[class~=m-heading-area] + .m-check-remaining-carousel:not(.l-lower-contents) {
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  .m-check-remaining-carousel {
    overflow: hidden;
  }
}
.m-check-remaining-carousel .swiper-slide {
  height: auto;
}
.m-check-remaining-carousel .swiper-slide .m-panel-reservation {
  display: grid;
  grid-template-rows: 1fr auto;
  height: 100%;
}
.m-check-remaining-carousel__wrapper {
  position: relative;
  padding-bottom: 32px;
}
@media screen and (min-width: 769px) {
  .m-check-remaining-carousel__wrapper {
    margin: -5px;
  }
}
.m-check-remaining-carousel__wrapper .swiper-button-next,
.m-check-remaining-carousel__wrapper .swiper-button-prev {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.m-check-remaining-carousel__wrapper .swiper-button-next[aria-disabled=true],
.m-check-remaining-carousel__wrapper .swiper-button-prev[aria-disabled=true] {
  display: none;
}
.m-check-remaining-carousel__wrapper .swiper-button-next {
  right: -15px;
}
@media screen and (min-width: 769px) {
  .m-check-remaining-carousel__wrapper .swiper-button-next {
    right: -15px;
  }
}
.m-check-remaining-carousel__wrapper .swiper-button-prev {
  left: -15px;
}
@media screen and (min-width: 769px) {
  .m-check-remaining-carousel__wrapper .swiper-button-prev {
    left: -15px;
  }
}
.m-check-remaining-carousel__wrapper .swiper-pagination {
  bottom: 0;
}
.m-check-remaining-carousel__box {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 16px;
  padding: 16px;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--color-neutral-10);
}
@media screen and (min-width: 769px) {
  .m-check-remaining-carousel__box {
    padding: 24px;
  }
}

.m-qr-page-wrapper {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin: 0 -50vw;
  padding: 42px 32px;
}
.m-qr-page-wrapper::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 80vw;
  background-image: url("/img/bg_qr_content_top.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-qr-page-wrapper::before {
    left: 50%;
    width: 2100px;
    padding-top: 760px;
    transform: translateX(-50%);
    background-image: url("/img/bg_qr_content_md.svg");
    background-size: 2100px 760px;
  }
}
.m-qr-page-wrapper::after {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 80vw;
  background-image: url("/img/bg_qr_content_bottom.svg");
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-qr-page-wrapper::after {
    content: none;
  }
}
.m-qr-page {
  display: grid;
  position: relative;
  row-gap: 12px;
  padding: 40px 32px;
  border-radius: 16px;
  background: var(--color-white);
}
@media screen and (min-width: 960px) {
  .m-qr-page::before, .m-qr-page::after {
    position: absolute;
    content: "";
  }
}
.m-qr-page::before {
  z-index: -1;
  top: -44px;
  left: -285px;
  width: 518px;
  height: 483px;
  background-image: url("/img/bg_qr_content_man.svg");
}
.m-qr-page::after {
  right: -200px;
  bottom: -24px;
  width: 235px;
  height: 275px;
  background-image: url("/img/bg_qr_content_woman.svg");
}
@media screen and (min-width: 769px) {
  .m-qr-page {
    max-width: 480px;
    margin-right: auto;
    margin-left: auto;
    padding: 32px 56px 48px;
  }
}
.m-qr-page__label {
  position: relative;
  min-height: 40px;
}
@media screen and (min-width: 769px) {
  .m-qr-page__label {
    min-height: 60px;
    font-size: 1.25rem;
  }
}
.m-qr-page__label::before {
  -webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
  position: absolute;
  bottom: -9px;
  left: -48px;
  width: 16px;
  height: 9px;
  background: var(--color-orange-80);
  content: "";
          clip-path: polygon(100% 0, 0 0, 100% 100%);
}
@media screen and (min-width: 769px) {
  .m-qr-page__label::before {
    bottom: -11px;
    left: -72px;
  }
}
.m-qr-page__label-inner {
  display: inline-block;
  position: absolute;
  left: -48px;
  min-height: 40px;
  padding: 8px 16px;
  background: var(--color-orange-100);
  color: var(--color-white);
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .m-qr-page__label-inner {
    left: -72px;
    min-height: 60px;
    padding: 16px 16px;
  }
}
.m-qr-page__title {
  color: var(--color-orange-100);
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
}
.m-qr-page__title > span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .m-qr-page__title {
    margin-top: 12px;
    font-size: 1.75rem;
  }
}
.m-qr-page__lead {
  text-align: center;
}
.m-qr-page__qr {
  display: flex;
  justify-content: center;
  padding: 18px;
}
@media screen and (min-width: 769px) {
  .m-qr-page__qr {
    padding: 28px;
  }
}
.m-qr-page__qr > img {
  width: 100%;
  max-width: 200px;
}
@media screen and (min-width: 769px) {
  .m-qr-page__qr > img {
    max-width: 304px;
  }
}

.m-user-top-faq__title-en, .m-user-top-usage__title-en, .m-user-top-point__title-en {
  font-weight: 600;
  font-size: 2.5rem;
  font-family: var(--font-family-mplus);
}

.m-user-top-hero {
  z-index: -10;
  position: relative;
  right: 50%;
  left: 50%;
  left: 0;
  width: 100vw;
  margin: 0 -50vw;
  margin-inline: -16px;
  padding-top: 42.5333333333vw;
  padding-bottom: 50.1333333333vw;
}
@media screen and (min-width: 769px) {
  .m-user-top-hero {
    left: 50%;
    aspect-ratio: 1360/720;
    width: 100vw;
    margin-inline: 0;
    padding-top: 0;
    padding-bottom: 0;
    translate: -50%;
  }
}
.m-user-top-hero::before {
  z-index: -10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 42.5333333333vw;
  background-image: url("/img/bg_usr_top_hero_sm_01.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-hero::before {
    top: 0;
    left: 0;
    padding-top: 150vw;
    background-image: url("/img/bg_usr_top_hero_md.png");
  }
}
.m-user-top-hero__inner {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 5.71% 0;
  gap: 16px;
}
.m-user-top-hero__inner > [class]:is(html *) {
  margin-block: 0;
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__inner {
    height: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 960px) {
  .m-user-top-hero__inner {
    padding-top: 48px;
    gap: 32px;
  }
}
.m-user-top-hero__inner::before {
  z-index: -10;
  position: absolute;
  top: calc(100% + 8vw - 22px);
  left: 0;
  width: 100%;
  padding-top: 323vw;
  background-image: url("/img/bg_usr_top_hero_sm_02.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__inner::before {
    content: normal;
  }
}
.m-user-top-hero__title {
  width: 100%;
  max-width: 252px;
  margin-top: 40px;
}
@media screen and (min-width: 500px) {
  .m-user-top-hero__title {
    max-width: 400px;
  }
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__title {
    width: auto;
    max-width: none;
    margin-top: 0;
  }
}
.m-user-top-hero__title > img {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__title > img {
    width: 32vw;
    max-width: 467px;
    height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-hero__title > img {
    width: 40vw;
    height: auto;
  }
}
@media screen and (min-width: 1920px) {
  .m-user-top-hero__title > img {
    width: 32vw;
    max-width: none;
    height: auto;
  }
}
.m-user-top-hero__lead {
  margin-top: 16px;
  font-size: 1rem;
  line-height: 2.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__lead {
    font-size: 0.875rem;
    line-height: 2.6;
    text-align: center;
  }
}
@media screen and (min-width: 500px) {
  .m-user-top-hero__lead {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 960px) {
  .m-user-top-hero__lead {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-hero__lead {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .m-user-top-hero__lead {
    font-size: 2.125rem;
  }
}
.m-user-top-hero__link {
  margin-top: 24px;
}
@media screen and (min-width: 769px) {
  .m-user-top-hero__link {
    margin-top: 0;
    padding-top: 8px;
  }
}
@media screen and (min-width: 500px) {
  .m-user-top-hero__link .m-link-basic {
    font-size: 1rem;
  }
}
@media screen and (min-width: 960px) {
  .m-user-top-hero__link .m-link-basic {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-hero__link .m-link-basic {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1920px) {
  .m-user-top-hero__link .m-link-basic {
    font-size: 1.25rem;
  }
}

.m-user-top-news {
  position: relative;
  margin-bottom: 88px;
  padding: 24px;
  border-radius: 16px;
  background: var(--color-white);
}
@media screen and (min-width: 769px) {
  .m-user-top-news {
    padding: 32px 40px 32px;
  }
  .m-user-top-news__content {
    display: flex;
    gap: 40px;
  }
}
.m-user-top-news__title {
  -moz-column-gap: 12px;
  display: flex;
       column-gap: 12px;
  flex-direction: row;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .m-user-top-news__title {
    row-gap: 8px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.m-user-top-news__title-en {
  font-weight: 600;
  font-weight: bold;
  font-size: 1.75rem;
  font-family: var(--font-family-mplus);
}
.m-user-top-news__title-ja {
  font-size: 1rem;
}
.m-user-top-news__list {
  margin-top: 8px;
}
@media screen and (min-width: 769px) {
  .m-user-top-news__list {
    flex: 1;
    margin-top: 0;
  }
}
.m-user-top-news__item {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--color-neutral-100);
}
.m-user-top-news__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .m-user-top-news__item {
    display: flex;
    gap: 24px;
  }
}
.m-user-top-news__date {
  color: var(--color-neutral-80);
  font-size: 0.875rem;
}
.m-user-top-news__content {
  position: relative;
  flex: 1;
}
.m-user-top-news__text {
  display: block;
  max-height: 4.5em;
  overflow: hidden;
  color: var(--color-neutral-100);
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-user-top-news__text {
    max-height: 3em;
  }
}
.m-user-top-news__more-link {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0;
  margin-top: 0;
  margin-left: 0.5rem;
  padding-right: 4px;
  background-color: white;
  color: var(--color-neutral-80);
  white-space: nowrap;
}
.m-user-top-news__more-link > [class]:is(html *) {
  margin-block: 0;
}

.m-user-top-application {
  position: relative;
  max-width: 896px;
  margin-right: auto;
  margin-left: auto;
  padding: 8px;
  border-radius: 16px;
  background: var(--color-white);
  box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
}
.m-user-top-application::before {
  position: absolute;
  top: -68px;
  left: 36px;
  width: 115px;
  height: 92px;
  background-image: url("/img/img_usr_top_app_man.svg");
  background-size: 100% auto;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-application::before {
    top: -64px;
    left: 70px;
    width: 143px;
    height: 115px;
  }
}
@media screen and (min-width: 960px) {
  .m-user-top-application::before {
    top: -75px;
    left: 160px;
  }
}
.m-user-top-application__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 12px;
  border: 4px solid var(--color-orange-100);
  border-radius: 16px;
}
@media screen and (min-width: 769px) {
  .m-user-top-application__inner {
    padding: 46px 24px;
  }
}
.m-user-top-application__title {
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 1.25rem;
}
@media screen and (min-width: 769px) {
  .m-user-top-application__title {
    margin-bottom: 24px;
    font-size: 1.5rem;
  }
}
.m-user-top-application__box {
  display: grid;
  row-gap: 16px;
}
.m-user-top-application__box > [class]:is(html *) {
  margin-block: 0;
}
.m-user-top-application__read {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .m-user-top-application__read {
    text-align: center;
  }
}
.m-user-top-application__subTitle {
  color: var(--color-orange-100);
  font-weight: 600;
  font-size: 1.25rem;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .m-user-top-application__subTitle {
    text-align: center;
  }
  .m-user-top-application.--bottom {
    margin-top: -380px;
  }
}

.m-user-top-point {
  position: relative;
  margin-top: 88px;
  padding-top: 120px;
  padding-bottom: 336px;
}
@media screen and (min-width: 769px) {
  .m-user-top-point {
    margin-top: 88px;
    padding-top: 88px;
    padding-bottom: 350px;
  }
}
.m-user-top-point::before {
  z-index: -9;
  position: absolute;
  top: 0;
  left: -16px;
  width: calc(100% + 32px);
  height: 100%;
  border-radius: 40px 0 0 40px;
  background-color: var(--color-green-40);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-point::before {
    left: 50%;
    width: calc(100vw - 43px);
    translate: calc(-50% + 21.5px);
    border-radius: 80px 0 0 80px;
  }
}
.m-user-top-point__title {
  text-align: center;
}
.m-user-top-point__title-en {
  display: block;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__title-en {
    font-size: 3rem;
  }
}
.m-user-top-point__title-ja {
  display: block;
  margin-top: 6px;
  font-size: 1rem;
}
.m-user-top-point__cards {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  gap: 32px;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__cards {
    flex-direction: row;
    max-width: none;
    margin-top: 40px;
  }
}
.m-user-top-point__card {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
}
.m-user-top-point__card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  padding: 0 24px 32px;
  border-radius: 0 0 16px 16px;
  background: var(--color-white);
}
.m-user-top-point__card-image {
  width: 100%;
}
.m-user-top-point__card-image > img {
  width: 100%;
  height: auto;
}
.m-user-top-point__card-title {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  font-weight: bold;
  font-size: 1.75rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__card-title {
    min-height: 84px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 960px) {
  .m-user-top-point__card-title {
    font-size: 1.75rem;
  }
}
.m-user-top-point__card-title .m-user-top-point__card-title-strong {
  color: var(--color-orange-100);
}
.m-user-top-point__card-text {
  margin-top: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__card-text {
    flex-grow: 1;
  }
}
.m-user-top-point__lead {
  position: relative;
  width: 100%;
  max-width: 726px;
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto;
  padding: 32px 16px 32px;
  border-radius: 16px;
  background-color: var(--color-yellow-40);
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead {
    margin-top: 56px;
    padding: 48px 72px;
  }
}
.m-user-top-point__lead::before, .m-user-top-point__lead::after {
  z-index: 10;
  position: absolute;
  content: "";
}
.m-user-top-point__lead::before {
  top: 180px;
  left: -80px;
  width: 240px;
  height: 240px;
  background-image: url("/img/img_usr_top_point_woman_lead_01.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead::before {
    top: -14px;
    left: -177px;
    width: 360px;
    height: 360px;
  }
}
.m-user-top-point__lead::after {
  right: -112px;
  bottom: -157px;
  width: 348px;
  height: 265px;
  background-image: url("/img/img_usr_top_point_man_lead_01.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead::after {
    right: -236px;
    bottom: -119px;
    width: 514px;
    height: 398px;
  }
}
.m-user-top-point__lead-text {
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead-text {
    font-size: 1.75rem;
  }
}
.m-user-top-point__lead-text .strong {
  display: inline-block;
  padding-inline: 4px;
  background-color: var(--color-white);
  color: var(--color-orange-100);
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead-text .strong {
    padding-inline: 8px;
  }
}
.m-user-top-point__lead-text .pc-only {
  display: none;
}
@media screen and (min-width: 769px) {
  .m-user-top-point__lead-text .pc-only {
    display: inline;
  }
  .m-user-top-point__lead-text .sp-only {
    display: none;
  }
}

.m-user-top-usage {
  position: relative;
  margin-top: -110px;
  padding-top: 120px;
  padding-bottom: 210px;
}
@media screen and (min-width: 769px) {
  .m-user-top-usage {
    margin-top: -195px;
    padding-top: 88px;
    padding-bottom: 548px;
  }
}
.m-user-top-usage::before {
  z-index: -8;
  position: absolute;
  top: 0;
  right: -16px;
  width: calc(100% + 32px);
  height: 100%;
  border-radius: 0 40px 0 0;
  background-color: var(--color-blond-20);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-usage::before {
    right: 50%;
    width: calc(100vw - 43px);
    translate: calc(50% - 21.5px);
    border-radius: 0 120px 0 0;
  }
}
.m-user-top-usage::after {
  z-index: -7;
  position: absolute;
  top: calc(100% - 514px);
  left: calc(50% - 167px);
  width: 2831px;
  padding-top: 2580px;
  transform: translateX(-50%);
  background-image: url("/img/bg_usr_top_whole_bottom_sm_01.svg");
  background-position: top center;
  background-size: 2831px 2580px;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-usage::after {
    display: none;
  }
}
.m-user-top-usage__title {
  color: var(--color-orange-100);
  text-align: center;
}
.m-user-top-usage__title-en {
  display: block;
}
@media screen and (min-width: 769px) {
  .m-user-top-usage__title-en {
    font-size: 3rem;
  }
}
.m-user-top-usage__title-ja {
  display: block;
  margin-top: 6px;
  font-size: 1rem;
}
.m-user-top-usage__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-usage__steps {
    position: relative;
    max-width: none;
    min-height: 842px;
    margin-top: 40px;
  }
  .m-user-top-usage__steps::before {
    position: absolute;
    top: 55px;
    left: calc(50% + 20px);
    width: 529px;
    padding-top: 682px;
    transform: translateX(-50%);
    background-image: url("/img/img_usr_top_usage_step_line_md.svg");
    background-position: top center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    content: "";
  }
}
.m-user-top-usage__step {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .m-user-top-usage__step {
    position: absolute;
    width: 343px;
  }
}
.m-user-top-usage__step:not(:first-child) {
  margin-top: 50px;
}
@media screen and (min-width: 769px) {
  .m-user-top-usage__step:not(:first-child) {
    position: absolute;
    margin-top: 0;
  }
}
.m-user-top-usage__step:not(:first-child)::before {
  position: absolute;
  top: -42px;
  left: 0;
  width: 100%;
  padding-top: 60px;
  background-image: url("/img/img_usr_top_usage_step_line_sm.svg");
  background-position: top center;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-usage__step:not(:first-child)::before {
    display: none;
  }
  .m-user-top-usage__step.--01 {
    top: -5px;
    left: 50%;
    transform: translateX(-407px);
  }
  .m-user-top-usage__step.--02 {
    top: 73px;
    right: 50%;
    transform: translateX(400px);
  }
  .m-user-top-usage__step.--03 {
    top: 434px;
    left: 50%;
    transform: translateX(-360px);
  }
  .m-user-top-usage__step.--04 {
    top: 515px;
    right: 50%;
    transform: translateX(452px);
  }
}
.m-user-top-usage__step-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-user-top-usage__step-num {
  width: 100%;
  padding: 5px 10px;
  border-radius: 16px 16px 0 0;
  background-color: var(--color-orange-100);
  color: var(--color-white);
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
}
.m-user-top-usage__step-title {
  width: 100%;
  padding: 16px 8px 8px;
  background-color: var(--color-white);
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
}
.m-user-top-usage__step-text {
  width: 100%;
  min-height: 56px;
  padding: 0 16px 16px;
  border-radius: 0 0 16px 16px;
  background-color: var(--color-white);
  color: var(--color-neutral-80);
  font-size: 1rem;
  line-height: 1.75;
  text-align: center;
}

.m-user-top-faq {
  position: relative;
  margin-top: 88px;
  padding-bottom: 100px;
  overflow: visible;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq {
    display: flex;
    margin-top: 180px;
    padding-bottom: 200px;
    gap: 56px;
  }
}
.m-user-top-faq::before {
  z-index: -6;
  position: absolute;
  bottom: 0;
  left: calc(50% - 180px);
  width: 2831px;
  padding-top: 2580px;
  transform: translateX(-50%);
  background-image: url("/img/bg_usr_top_whole_bottom_sm_02.svg");
  background-position: top center;
  background-size: 2831px 2580px;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-faq::before {
    top: -910px;
    bottom: auto;
    left: calc(50% + 225px);
    width: 3390px;
    padding-top: 1912px;
    transform: translateX(-50%);
    background-image: url("/img/bg_usr_top_whole_bottom_md.svg");
    background-position: top center;
    background-size: 3390px 1912px;
  }
}
.m-user-top-faq__title {
  display: flex;
  position: relative;
  flex-direction: column;
  padding-top: 48px;
  padding-bottom: 32px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__title {
    row-gap: 8px;
    padding-top: 0;
  }
}
.m-user-top-faq__title::before {
  z-index: -5;
  position: absolute;
  top: 0;
  right: 24px;
  width: 100vw;
  height: 224px;
  border-radius: 0 40px 40px 0;
  background-color: var(--color-yellow-60);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__title::before {
    top: -85px;
    right: -288px;
    height: 574px;
    border-radius: 0 120px 0 0;
  }
  .m-user-top-faq__title {
    text-align: left;
  }
}
.m-user-top-faq__title-en {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__title-en {
    font-size: 3rem;
  }
}
.m-user-top-faq__title-ja {
  margin-top: 8px;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__title-ja {
    margin-top: 0;
    font-size: 1rem;
  }
}
.m-user-top-faq__content {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__content {
    flex: 1;
  }
}
.m-user-top-faq__content::before {
  z-index: 1;
  position: absolute;
  top: -93px;
  right: -12px;
  width: 121px;
  height: 103px;
  background-image: url("/img/img_usr_top_faq_pair.svg");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__content::before {
    top: -113px;
    right: 55px;
    width: 147px;
    height: 113px;
  }
}
.m-user-top-faq__list {
  width: 100%;
}
.m-user-top-faq__item-q, .m-user-top-faq__item-a {
  position: relative;
  width: 100%;
  padding: 24px 18px 27px 72px;
  border-radius: 16px;
  background-color: var(--color-white);
  font-weight: bold;
  font-size: 1.125rem;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__item-q, .m-user-top-faq__item-a {
    padding: 24px 24px 27px 72px;
  }
}
.m-user-top-faq__item-image {
  position: absolute;
  top: 20px;
  left: 24px;
  width: 32px;
  height: 32px;
}
.m-user-top-faq__item-q {
  margin-bottom: 8px;
}
.m-user-top-faq__item-a {
  margin-bottom: 16px;
  color: var(--color-orange-100);
}
.m-user-top-faq__item-a.--justify {
  text-align: justify;
}
@media screen and (min-width: 769px) {
  .m-user-top-faq__item-a {
    margin-bottom: 24px;
  }
}
.m-user-top-faq__more {
  width: 100%;
  text-align: center;
}

.m-user-top-footer-image {
  z-index: 1;
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
  padding-top: 242px;
}
@media screen and (min-width: 769px) {
  .m-user-top-footer-image {
    margin-top: -100px;
    margin-bottom: 0;
    padding-top: 320px;
  }
}
.m-user-top-footer-image::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  padding-top: 82px;
  transform: translateX(-50%);
  background-color: var(--color-green-40);
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-footer-image::before {
    padding-top: 85px;
  }
}
.m-user-top-footer-image::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 375px;
  height: 297px;
  transform: translateX(-50%);
  background-image: url("/img/bg_usr_top_bottom_sm.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (min-width: 769px) {
  .m-user-top-footer-image::after {
    width: 1360px;
    height: 320px;
    background-image: url("/img/bg_usr_top_bottom_md.svg");
  }
}

.m-user-top-decoration {
  z-index: -1;
  position: absolute;
}
.m-user-top-decoration.--point-tree-01 {
  top: -109px;
  left: -20px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--point-tree-01 {
    top: -118px;
    left: 50px;
    width: 72px;
    height: 108px;
  }
}
.m-user-top-decoration.--point-tree-02 {
  top: -50px;
  left: 30px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--point-tree-02 {
    top: -45px;
    left: 150px;
    width: 72px;
    height: 108px;
  }
}
.m-user-top-decoration.--point-pair {
  top: -62px;
  right: 13px;
  width: 150px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--point-pair {
    top: -70px;
    right: 74px;
    width: 220px;
  }
}
.m-user-top-decoration.--point-man {
  display: none;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--point-man {
    display: block;
    top: 292px;
    right: -233px;
    width: 72px;
    height: auto;
  }
}
.m-user-top-decoration.--usage-tree-01 {
  top: 177px;
  right: -15px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-tree-01 {
    top: 200px;
    right: 108px;
    width: 72px;
    height: 108px;
  }
}
.m-user-top-decoration.--usage-tree-02 {
  top: 958px;
  left: -1px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-tree-02 {
    display: none;
    width: 72px;
    height: 108px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--usage-tree-02 {
    display: block;
    top: 404px;
    left: -20px;
  }
}
.m-user-top-decoration.--usage-tree-03 {
  top: 922px;
  left: -35px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-tree-03 {
    display: none;
    width: 72px;
    height: 108px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--usage-tree-03 {
    display: block;
    top: 322px;
    left: 45px;
  }
}
.m-user-top-decoration.--usage-tree-04 {
  display: none;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-tree-04 {
    display: block;
    bottom: 550px;
    left: 109px;
    width: 72px;
    height: 108px;
  }
}
.m-user-top-decoration.--usage-pair-01 {
  top: -77px;
  left: 30px;
  width: 152px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-pair-01 {
    top: -80px;
    left: 30px;
    width: 200px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--usage-pair-01 {
    top: -68px;
    left: 134px;
    width: 220px;
  }
}
.m-user-top-decoration.--usage-pair-02 {
  z-index: 2;
  right: -37px;
  bottom: 27px;
  width: 200px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-pair-02 {
    right: 0;
    bottom: 370px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--usage-pair-02 {
    top: 434px;
    right: -32px;
    left: auto;
    width: 288px;
  }
}
.m-user-top-decoration.--usage-building {
  z-index: 1;
  right: 63px;
  bottom: 90px;
  width: 146px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--usage-building {
    right: 110px;
    bottom: 430px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--usage-building {
    top: 546px;
    right: auto;
    bottom: auto;
    left: 8px;
    width: 200px;
  }
}
.m-user-top-decoration.--faq-tree-01 {
  display: none;
  z-index: 1;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--faq-tree-01 {
    width: 72px;
    height: 108px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--faq-tree-01 {
    display: inline-block;
    top: -393px;
    right: 44px;
  }
}
.m-user-top-decoration.--faq-tree-02 {
  display: none;
  z-index: 1;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--faq-tree-02 {
    width: 72px;
    height: 108px;
  }
}
@media screen and (min-width: 1200px) {
  .m-user-top-decoration.--faq-tree-02 {
    display: inline-block;
    top: -436px;
    right: -40px;
  }
}
.m-user-top-decoration.--faq-tree-03 {
  z-index: 1;
  bottom: -34px;
  left: 35px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--faq-tree-03 {
    bottom: 207px;
    left: 14px;
    width: 72px;
    height: 108px;
  }
}
.m-user-top-decoration.--faq-tree-04 {
  z-index: 1;
  bottom: 0;
  left: -30px;
  width: 56px;
  height: 84px;
}
@media screen and (min-width: 769px) {
  .m-user-top-decoration.--faq-tree-04 {
    bottom: 132px;
    left: 84px;
    width: 72px;
    height: 108px;
  }
}
@media (min-width: 769px) {

  .md\:u-mt-1 {
    margin-top: 0.25rem;
  }

  .md\:u-mt-10 {
    margin-top: 2.5rem;
  }

  .md\:u-mt-12 {
    margin-top: 3rem;
  }

  .md\:u-mt-2 {
    margin-top: 0.5rem;
  }

  .md\:u-mt-4 {
    margin-top: 1rem;
  }

  .md\:u-mt-6 {
    margin-top: 1.5rem;
  }

  .md\:u-mt-8 {
    margin-top: 2rem;
  }

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

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

  .md\:u-inline {
    display: inline;
  }

  .md\:u-flex {
    display: flex;
  }

  .md\:u-inline-flex {
    display: inline-flex;
  }

  .md\:u-grid {
    display: grid;
  }

  .md\:u-inline-grid {
    display: inline-grid;
  }

  .md\:u-hidden {
    display: none;
  }

  .md\:u-w-full {
    width: 100%;
  }

  .md\:u-shrink {
    flex-shrink: 1;
  }

  .md\:u-shrink-0 {
    flex-shrink: 0;
  }

  .md\:u-grow {
    flex-grow: 1;
  }

  .md\:u-grow-0 {
    flex-grow: 0;
  }

  .md\:u-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:u-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:u-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:u-grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:u-grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:u-grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:u-flex-row {
    flex-direction: row;
  }

  .md\:u-flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:u-flex-col {
    flex-direction: column;
  }

  .md\:u-flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:u-flex-wrap {
    flex-wrap: wrap;
  }

  .md\:u-flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:u-items-start {
    align-items: flex-start;
  }

  .md\:u-items-end {
    align-items: flex-end;
  }

  .md\:u-items-center {
    align-items: center;
  }

  .md\:u-justify-start {
    justify-content: flex-start;
  }

  .md\:u-justify-end {
    justify-content: flex-end;
  }

  .md\:u-justify-center {
    justify-content: center;
  }

  .md\:u-justify-between {
    justify-content: space-between;
  }

  .md\:u-justify-around {
    justify-content: space-around;
  }

  .md\:u-gap-1 {
    gap: 0.25rem;
  }

  .md\:u-gap-10 {
    gap: 2.5rem;
  }

  .md\:u-gap-12 {
    gap: 3rem;
  }

  .md\:u-gap-2 {
    gap: 0.5rem;
  }

  .md\:u-gap-4 {
    gap: 1rem;
  }

  .md\:u-gap-6 {
    gap: 1.5rem;
  }

  .md\:u-gap-8 {
    gap: 2rem;
  }

  .md\:u-gap-x-1 {
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:u-gap-x-10 {
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:u-gap-x-12 {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:u-gap-x-2 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:u-gap-x-4 {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:u-gap-x-6 {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:u-gap-x-8 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:u-gap-y-1 {
    row-gap: 0.25rem;
  }

  .md\:u-gap-y-10 {
    row-gap: 2.5rem;
  }

  .md\:u-gap-y-12 {
    row-gap: 3rem;
  }

  .md\:u-gap-y-2 {
    row-gap: 0.5rem;
  }

  .md\:u-gap-y-4 {
    row-gap: 1rem;
  }

  .md\:u-gap-y-6 {
    row-gap: 1.5rem;
  }

  .md\:u-gap-y-8 {
    row-gap: 2rem;
  }

  .md\:u-whitespace-normal {
    white-space: normal;
  }

  .md\:u-whitespace-nowrap {
    white-space: nowrap;
  }

  .md\:u-overflow-hidden {
    overflow: hidden;
  }

  .md\:u-overflow-visible {
    overflow: visible;
  }

  .md\:u-pt-1 {
    padding-top: 0.25rem;
  }

  .md\:u-pt-10 {
    padding-top: 2.5rem;
  }

  .md\:u-pt-12 {
    padding-top: 3rem;
  }

  .md\:u-pt-2 {
    padding-top: 0.5rem;
  }

  .md\:u-pt-4 {
    padding-top: 1rem;
  }

  .md\:u-pt-6 {
    padding-top: 1.5rem;
  }

  .md\:u-pt-8 {
    padding-top: 2rem;
  }

  .md\:u-outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}