@charset "UTF-8";
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500&display=swap");
/* Libraries */
/**
 * Swiper 11.0.4
 * 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: November 9, 2023
 */
/* FONT_START */
@font-face {
  font-family: "swiper-icons";
  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-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.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 {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.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);
  -webkit-backface-visibility: hidden;
  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 {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: 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 {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.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 {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.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 {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  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 */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

: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 {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  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 {
  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 {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.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-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.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 {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.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 {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.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 {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  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 {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.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 {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.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 {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.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 {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* Variable */
/*

base color

*/
/* $color_sub : ; */
/* biosimilar comparison table category headers (新薬 / バイオシミラー / ジェネリック医薬品) */
/* accent colors */
/*

text color

*/
/*

base font size

*/
/* $basic_font_size : 14, 87.5%; */
/* $basic_font_size : 15, 93.75%; */
/*

width

*/
/*

brakepoints

*/
/* Mixin */
/*

メディアクエリ

ブレークポイント定義
```sass
$breakpoints:(
	tablet: 959px,
	sp: 679px
);
```

● max-widthで指定する
```sass
@include mq(sp) {
	height:40px;
}
```
```output css
@media all and (max-width: 679px) {
	height: 40px;
}
```

● 範囲指定する場合は、引数に2つ入れる
```sass
@include mq(sp tablet) {
	height:40px;
}
```
```output css
@media all and (min-width: 680px) and (max-width: 959px) {
	height: 40px;
}
```

● min-widthで指定する場合は第2引数をtrueにする
```sass
@include mq(tablet, true) {
	height:40px;
}
```
```output css
@media all and (min-width: 960px) {
	height: 40px;
}
```

*/
/* Base */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  font-size: 100%;
}

body {
  margin: 0;
  font-size: inherit;
  background: 0 0;
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

dd,
figure {
  margin: 0;
}

template {
  display: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  color: #323232;
  text-decoration: none;
  word-break: break-all;
  transition: color 0.1s linear;
  cursor: pointer;
}

a:active {
  color: #323232;
}

a:active,
a:hover {
  outline: 0;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  text-decoration: none;
}

abbr[title] {
  text-decoration: none;
  cursor: help;
}

abbr[title],
fieldset,
hr {
  border: 0;
}

b,
dfn,
strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

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

mark {
  background-color: #FFE200;
  color: #323232;
  font-style: normal;
  font-weight: normal;
}

small {
  font-size: smaller;
}

sub,
sup {
  position: static;
  display: inline;
  font-size: 0.7em;
  line-height: normal;
}

sup {
  vertical-align: top;
}

sub {
  vertical-align: bottom;
}

hr {
  box-sizing: content-box;
  display: block;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #cccccc;
  height: 1px;
  clear: both;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp,
tt {
  font-family: monospace;
  font-size: 1em;
  line-height: 100%;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

input,
select {
  vertical-align: middle;
}

input,
textarea {
  padding: 0;
}

textarea {
  overflow: auto;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

optgroup {
  font-weight: 700;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit;
}

td,
th {
  padding: 0;
}

caption,
td,
th {
  text-align: left;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

progress {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

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

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
  color: #999999;
  font-weight: 400;
  opacity: 1;
}

::-moz-selection {
  background: #d8e6fe;
  text-shadow: none;
  color: #181818;
}

::selection {
  background: #d8e6fe;
  text-shadow: none;
  color: #181818;
}

/*

プロジェクトにおける基本的なスタイル
（ページ全体の背景や、基本的なタイポグラフィ）
※ クラスは使わない

*/
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  word-wrap: break-word;
  line-break: strict;
  line-height: 1.5;
  color: #323232;
}

@media screen and (max-width: 679px) {
  p {
    font-size: 14px;
  }
}

/* Component */
/*

標準のマーカーを使ったリスト

*/
@media screen and (max-width: 679px) {
  .ph-generic-quality-info .list_decimal_01, .imep_list_reference_mark, .heartline-homewatching-list_reference_mark, .heartline-homewatching-information-communication-equipment-item .list_reference_mark, .heartline-homewatching-requirement-and-point-item .list_reference_mark, .heartline-introduction-of-recommended-function .list_reference_mark, .heartline-application-information-content .list_reference_mark, .heartline-application-call-to-action-content .list_reference_mark, .list_decimal_05, .heartline-tokutei-table .list_reference_mark, .list_reference_mark, .list_arrow_right, .list_check_square, .list_upper_alpha_01, .list_decimal_04, .list_decimal_03, .list_decimal_02_01, .list_decimal_02, .list_decimal_01, .list_footnote, .list_star, .list_dash, .list_circle, .list_dot, .list_decimal_zero, .list_decimal, .list_square, .list_disc, .list {
    font-size: 14px;
  }
}
.ph-generic-quality-info .list_decimal_01 > li, .imep_list_reference_mark > li, .heartline-homewatching-list_reference_mark > li, .heartline-homewatching-information-communication-equipment-item .list_reference_mark > li, .heartline-homewatching-requirement-and-point-item .list_reference_mark > li, .heartline-introduction-of-recommended-function .list_reference_mark > li, .heartline-application-information-content .list_reference_mark > li, .heartline-application-call-to-action-content .list_reference_mark > li, .list_decimal_05 > li, .heartline-tokutei-table .list_reference_mark > li, .list_reference_mark > li, .list_arrow_right > li, .list_check_square > li, .list_upper_alpha_01 > li, .list_decimal_04 > li, .list_decimal_03 > li, .list_decimal_02_01 > li, .list_decimal_02 > li, .list_decimal_01 > li, .list_footnote > li, .list_star > li, .list_dash > li, .list_circle > li, .list_dot > li, .list_decimal_zero > li, .list_decimal > li, .list_square > li, .list_disc > li, .list > li {
  margin-bottom: 5px;
  line-height: 1.5;
  color: var(--list-color);
}
.ph-generic-quality-info .list_decimal_01 > li::before, .imep_list_reference_mark > li::before, .heartline-homewatching-list_reference_mark > li::before, .heartline-homewatching-information-communication-equipment-item .list_reference_mark > li::before, .heartline-homewatching-requirement-and-point-item .list_reference_mark > li::before, .heartline-introduction-of-recommended-function .list_reference_mark > li::before, .heartline-application-information-content .list_reference_mark > li::before, .heartline-application-call-to-action-content .list_reference_mark > li::before, .list_decimal_05 > li::before, .heartline-tokutei-table .list_reference_mark > li::before, .list_reference_mark > li::before, .list_arrow_right > li::before, .list_check_square > li::before, .list_upper_alpha_01 > li::before, .list_decimal_04 > li::before, .list_decimal_03 > li::before, .list_decimal_02_01 > li::before, .list_decimal_02 > li::before, .list_decimal_01 > li::before, .list_footnote > li::before, .list_star > li::before, .list_dash > li::before, .list_circle > li::before, .list_dot > li::before, .list_decimal_zero > li::before, .list_decimal > li::before, .list_square > li::before, .list_disc > li::before, .list > li::before {
  color: var(--list-marker-color);
}
.imep_list_reference_mark > li:last-child, .heartline-homewatching-list_reference_mark > li:last-child, .list_decimal_05 > li:last-child, .list_reference_mark > li:last-child, .list_arrow_right > li:last-child, .list_check_square > li:last-child, .list_upper_alpha_01 > li:last-child, .list_decimal_04 > li:last-child, .list_decimal_03 > li:last-child, .list_decimal_02_01 > li:last-child, .list_decimal_02 > li:last-child, .list_decimal_01 > li:last-child, .list_footnote > li:last-child, .list_star > li:last-child, .list_dash > li:last-child, .list_circle > li:last-child, .list_dot > li:last-child, .list_decimal_zero > li:last-child, .list_decimal > li:last-child, .list_square > li:last-child, .list_disc > li:last-child, .list > li:last-child {
  margin-bottom: 0;
}
.imep_list_reference_mark > li.--color-white, .heartline-homewatching-list_reference_mark > li.--color-white, .list_decimal_05 > li.--color-white, .list_reference_mark > li.--color-white, .list_arrow_right > li.--color-white, .list_check_square > li.--color-white, .list_upper_alpha_01 > li.--color-white, .list_decimal_04 > li.--color-white, .list_decimal_03 > li.--color-white, .list_decimal_02_01 > li.--color-white, .list_decimal_02 > li.--color-white, .list_decimal_01 > li.--color-white, .list_footnote > li.--color-white, .list_star > li.--color-white, .list_dash > li.--color-white, .list_circle > li.--color-white, .list_dot > li.--color-white, .list_decimal_zero > li.--color-white, .list_decimal > li.--color-white, .list_square > li.--color-white, .list_disc > li.--color-white, .list > li.--color-white {
  --list-color: #ffffff;
}
.imep_list_reference_mark > li.--marker-color-white, .heartline-homewatching-list_reference_mark > li.--marker-color-white, .list_decimal_05 > li.--marker-color-white, .list_reference_mark > li.--marker-color-white, .list_arrow_right > li.--marker-color-white, .list_check_square > li.--marker-color-white, .list_upper_alpha_01 > li.--marker-color-white, .list_decimal_04 > li.--marker-color-white, .list_decimal_03 > li.--marker-color-white, .list_decimal_02_01 > li.--marker-color-white, .list_decimal_02 > li.--marker-color-white, .list_decimal_01 > li.--marker-color-white, .list_footnote > li.--marker-color-white, .list_star > li.--marker-color-white, .list_dash > li.--marker-color-white, .list_circle > li.--marker-color-white, .list_dot > li.--marker-color-white, .list_decimal_zero > li.--marker-color-white, .list_decimal > li.--marker-color-white, .list_square > li.--marker-color-white, .list_disc > li.--marker-color-white, .list > li.--marker-color-white {
  --list-marker-color: #ffffff;
}
.imep_list_reference_mark > li.--color-main, .heartline-homewatching-list_reference_mark > li.--color-main, .list_decimal_05 > li.--color-main, .list_reference_mark > li.--color-main, .list_arrow_right > li.--color-main, .list_check_square > li.--color-main, .list_upper_alpha_01 > li.--color-main, .list_decimal_04 > li.--color-main, .list_decimal_03 > li.--color-main, .list_decimal_02_01 > li.--color-main, .list_decimal_02 > li.--color-main, .list_decimal_01 > li.--color-main, .list_footnote > li.--color-main, .list_star > li.--color-main, .list_dash > li.--color-main, .list_circle > li.--color-main, .list_dot > li.--color-main, .list_decimal_zero > li.--color-main, .list_decimal > li.--color-main, .list_square > li.--color-main, .list_disc > li.--color-main, .list > li.--color-main {
  --list-color: #005EAE;
}
.imep_list_reference_mark > li.--marker-color-main, .heartline-homewatching-list_reference_mark > li.--marker-color-main, .list_decimal_05 > li.--marker-color-main, .list_reference_mark > li.--marker-color-main, .list_arrow_right > li.--marker-color-main, .list_check_square > li.--marker-color-main, .list_upper_alpha_01 > li.--marker-color-main, .list_decimal_04 > li.--marker-color-main, .list_decimal_03 > li.--marker-color-main, .list_decimal_02_01 > li.--marker-color-main, .list_decimal_02 > li.--marker-color-main, .list_decimal_01 > li.--marker-color-main, .list_footnote > li.--marker-color-main, .list_star > li.--marker-color-main, .list_dash > li.--marker-color-main, .list_circle > li.--marker-color-main, .list_dot > li.--marker-color-main, .list_decimal_zero > li.--marker-color-main, .list_decimal > li.--marker-color-main, .list_square > li.--marker-color-main, .list_disc > li.--marker-color-main, .list > li.--marker-color-main {
  --list-marker-color: #005EAE;
}
.imep_list_reference_mark > li.--color-blue, .heartline-homewatching-list_reference_mark > li.--color-blue, .list_decimal_05 > li.--color-blue, .list_reference_mark > li.--color-blue, .list_arrow_right > li.--color-blue, .list_check_square > li.--color-blue, .list_upper_alpha_01 > li.--color-blue, .list_decimal_04 > li.--color-blue, .list_decimal_03 > li.--color-blue, .list_decimal_02_01 > li.--color-blue, .list_decimal_02 > li.--color-blue, .list_decimal_01 > li.--color-blue, .list_footnote > li.--color-blue, .list_star > li.--color-blue, .list_dash > li.--color-blue, .list_circle > li.--color-blue, .list_dot > li.--color-blue, .list_decimal_zero > li.--color-blue, .list_decimal > li.--color-blue, .list_square > li.--color-blue, .list_disc > li.--color-blue, .list > li.--color-blue {
  --list-color: rgb(13, 165, 213);
}
.imep_list_reference_mark > li.--marker-color-blue, .heartline-homewatching-list_reference_mark > li.--marker-color-blue, .list_decimal_05 > li.--marker-color-blue, .list_reference_mark > li.--marker-color-blue, .list_arrow_right > li.--marker-color-blue, .list_check_square > li.--marker-color-blue, .list_upper_alpha_01 > li.--marker-color-blue, .list_decimal_04 > li.--marker-color-blue, .list_decimal_03 > li.--marker-color-blue, .list_decimal_02_01 > li.--marker-color-blue, .list_decimal_02 > li.--marker-color-blue, .list_decimal_01 > li.--marker-color-blue, .list_footnote > li.--marker-color-blue, .list_star > li.--marker-color-blue, .list_dash > li.--marker-color-blue, .list_circle > li.--marker-color-blue, .list_dot > li.--marker-color-blue, .list_decimal_zero > li.--marker-color-blue, .list_decimal > li.--marker-color-blue, .list_square > li.--marker-color-blue, .list_disc > li.--marker-color-blue, .list > li.--marker-color-blue {
  --list-marker-color: rgb(13, 165, 213);
}
.imep_list_reference_mark > li.--color-green, .heartline-homewatching-list_reference_mark > li.--color-green, .list_decimal_05 > li.--color-green, .list_reference_mark > li.--color-green, .list_arrow_right > li.--color-green, .list_check_square > li.--color-green, .list_upper_alpha_01 > li.--color-green, .list_decimal_04 > li.--color-green, .list_decimal_03 > li.--color-green, .list_decimal_02_01 > li.--color-green, .list_decimal_02 > li.--color-green, .list_decimal_01 > li.--color-green, .list_footnote > li.--color-green, .list_star > li.--color-green, .list_dash > li.--color-green, .list_circle > li.--color-green, .list_dot > li.--color-green, .list_decimal_zero > li.--color-green, .list_decimal > li.--color-green, .list_square > li.--color-green, .list_disc > li.--color-green, .list > li.--color-green {
  --list-color: rgb(74, 191, 40);
}
.imep_list_reference_mark > li.--marker-color-green, .heartline-homewatching-list_reference_mark > li.--marker-color-green, .list_decimal_05 > li.--marker-color-green, .list_reference_mark > li.--marker-color-green, .list_arrow_right > li.--marker-color-green, .list_check_square > li.--marker-color-green, .list_upper_alpha_01 > li.--marker-color-green, .list_decimal_04 > li.--marker-color-green, .list_decimal_03 > li.--marker-color-green, .list_decimal_02_01 > li.--marker-color-green, .list_decimal_02 > li.--marker-color-green, .list_decimal_01 > li.--marker-color-green, .list_footnote > li.--marker-color-green, .list_star > li.--marker-color-green, .list_dash > li.--marker-color-green, .list_circle > li.--marker-color-green, .list_dot > li.--marker-color-green, .list_decimal_zero > li.--marker-color-green, .list_decimal > li.--marker-color-green, .list_square > li.--marker-color-green, .list_disc > li.--marker-color-green, .list > li.--marker-color-green {
  --list-marker-color: rgb(74, 191, 40);
}
.imep_list_reference_mark > li.--color-purple, .heartline-homewatching-list_reference_mark > li.--color-purple, .list_decimal_05 > li.--color-purple, .list_reference_mark > li.--color-purple, .list_arrow_right > li.--color-purple, .list_check_square > li.--color-purple, .list_upper_alpha_01 > li.--color-purple, .list_decimal_04 > li.--color-purple, .list_decimal_03 > li.--color-purple, .list_decimal_02_01 > li.--color-purple, .list_decimal_02 > li.--color-purple, .list_decimal_01 > li.--color-purple, .list_footnote > li.--color-purple, .list_star > li.--color-purple, .list_dash > li.--color-purple, .list_circle > li.--color-purple, .list_dot > li.--color-purple, .list_decimal_zero > li.--color-purple, .list_decimal > li.--color-purple, .list_square > li.--color-purple, .list_disc > li.--color-purple, .list > li.--color-purple {
  --list-color: rgb(142, 113, 200);
}
.imep_list_reference_mark > li.--marker-color-purple, .heartline-homewatching-list_reference_mark > li.--marker-color-purple, .list_decimal_05 > li.--marker-color-purple, .list_reference_mark > li.--marker-color-purple, .list_arrow_right > li.--marker-color-purple, .list_check_square > li.--marker-color-purple, .list_upper_alpha_01 > li.--marker-color-purple, .list_decimal_04 > li.--marker-color-purple, .list_decimal_03 > li.--marker-color-purple, .list_decimal_02_01 > li.--marker-color-purple, .list_decimal_02 > li.--marker-color-purple, .list_decimal_01 > li.--marker-color-purple, .list_footnote > li.--marker-color-purple, .list_star > li.--marker-color-purple, .list_dash > li.--marker-color-purple, .list_circle > li.--marker-color-purple, .list_dot > li.--marker-color-purple, .list_decimal_zero > li.--marker-color-purple, .list_decimal > li.--marker-color-purple, .list_square > li.--marker-color-purple, .list_disc > li.--marker-color-purple, .list > li.--marker-color-purple {
  --list-marker-color: rgb(142, 113, 200);
}
.imep_list_reference_mark > li.--color-orange, .heartline-homewatching-list_reference_mark > li.--color-orange, .list_decimal_05 > li.--color-orange, .list_reference_mark > li.--color-orange, .list_arrow_right > li.--color-orange, .list_check_square > li.--color-orange, .list_upper_alpha_01 > li.--color-orange, .list_decimal_04 > li.--color-orange, .list_decimal_03 > li.--color-orange, .list_decimal_02_01 > li.--color-orange, .list_decimal_02 > li.--color-orange, .list_decimal_01 > li.--color-orange, .list_footnote > li.--color-orange, .list_star > li.--color-orange, .list_dash > li.--color-orange, .list_circle > li.--color-orange, .list_dot > li.--color-orange, .list_decimal_zero > li.--color-orange, .list_decimal > li.--color-orange, .list_square > li.--color-orange, .list_disc > li.--color-orange, .list > li.--color-orange {
  --list-color: rgb(254, 181, 36);
}
.imep_list_reference_mark > li.--marker-color-orange, .heartline-homewatching-list_reference_mark > li.--marker-color-orange, .list_decimal_05 > li.--marker-color-orange, .list_reference_mark > li.--marker-color-orange, .list_arrow_right > li.--marker-color-orange, .list_check_square > li.--marker-color-orange, .list_upper_alpha_01 > li.--marker-color-orange, .list_decimal_04 > li.--marker-color-orange, .list_decimal_03 > li.--marker-color-orange, .list_decimal_02_01 > li.--marker-color-orange, .list_decimal_02 > li.--marker-color-orange, .list_decimal_01 > li.--marker-color-orange, .list_footnote > li.--marker-color-orange, .list_star > li.--marker-color-orange, .list_dash > li.--marker-color-orange, .list_circle > li.--marker-color-orange, .list_dot > li.--marker-color-orange, .list_decimal_zero > li.--marker-color-orange, .list_decimal > li.--marker-color-orange, .list_square > li.--marker-color-orange, .list_disc > li.--marker-color-orange, .list > li.--marker-color-orange {
  --list-marker-color: rgb(254, 181, 36);
}
.imep_list_reference_mark > li.--color-pink, .heartline-homewatching-list_reference_mark > li.--color-pink, .list_decimal_05 > li.--color-pink, .list_reference_mark > li.--color-pink, .list_arrow_right > li.--color-pink, .list_check_square > li.--color-pink, .list_upper_alpha_01 > li.--color-pink, .list_decimal_04 > li.--color-pink, .list_decimal_03 > li.--color-pink, .list_decimal_02_01 > li.--color-pink, .list_decimal_02 > li.--color-pink, .list_decimal_01 > li.--color-pink, .list_footnote > li.--color-pink, .list_star > li.--color-pink, .list_dash > li.--color-pink, .list_circle > li.--color-pink, .list_dot > li.--color-pink, .list_decimal_zero > li.--color-pink, .list_decimal > li.--color-pink, .list_square > li.--color-pink, .list_disc > li.--color-pink, .list > li.--color-pink {
  --list-color: rgb(252, 128, 178);
}
.imep_list_reference_mark > li.--marker-color-pink, .heartline-homewatching-list_reference_mark > li.--marker-color-pink, .list_decimal_05 > li.--marker-color-pink, .list_reference_mark > li.--marker-color-pink, .list_arrow_right > li.--marker-color-pink, .list_check_square > li.--marker-color-pink, .list_upper_alpha_01 > li.--marker-color-pink, .list_decimal_04 > li.--marker-color-pink, .list_decimal_03 > li.--marker-color-pink, .list_decimal_02_01 > li.--marker-color-pink, .list_decimal_02 > li.--marker-color-pink, .list_decimal_01 > li.--marker-color-pink, .list_footnote > li.--marker-color-pink, .list_star > li.--marker-color-pink, .list_dash > li.--marker-color-pink, .list_circle > li.--marker-color-pink, .list_dot > li.--marker-color-pink, .list_decimal_zero > li.--marker-color-pink, .list_decimal > li.--marker-color-pink, .list_square > li.--marker-color-pink, .list_disc > li.--marker-color-pink, .list > li.--marker-color-pink {
  --list-marker-color: rgb(252, 128, 178);
}
.imep_list_reference_mark > li.--color-pink-dark, .heartline-homewatching-list_reference_mark > li.--color-pink-dark, .list_decimal_05 > li.--color-pink-dark, .list_reference_mark > li.--color-pink-dark, .list_arrow_right > li.--color-pink-dark, .list_check_square > li.--color-pink-dark, .list_upper_alpha_01 > li.--color-pink-dark, .list_decimal_04 > li.--color-pink-dark, .list_decimal_03 > li.--color-pink-dark, .list_decimal_02_01 > li.--color-pink-dark, .list_decimal_02 > li.--color-pink-dark, .list_decimal_01 > li.--color-pink-dark, .list_footnote > li.--color-pink-dark, .list_star > li.--color-pink-dark, .list_dash > li.--color-pink-dark, .list_circle > li.--color-pink-dark, .list_dot > li.--color-pink-dark, .list_decimal_zero > li.--color-pink-dark, .list_decimal > li.--color-pink-dark, .list_square > li.--color-pink-dark, .list_disc > li.--color-pink-dark, .list > li.--color-pink-dark {
  --list-color: #DB6693;
}
.imep_list_reference_mark > li.--marker-color-pink-dark, .heartline-homewatching-list_reference_mark > li.--marker-color-pink-dark, .list_decimal_05 > li.--marker-color-pink-dark, .list_reference_mark > li.--marker-color-pink-dark, .list_arrow_right > li.--marker-color-pink-dark, .list_check_square > li.--marker-color-pink-dark, .list_upper_alpha_01 > li.--marker-color-pink-dark, .list_decimal_04 > li.--marker-color-pink-dark, .list_decimal_03 > li.--marker-color-pink-dark, .list_decimal_02_01 > li.--marker-color-pink-dark, .list_decimal_02 > li.--marker-color-pink-dark, .list_decimal_01 > li.--marker-color-pink-dark, .list_footnote > li.--marker-color-pink-dark, .list_star > li.--marker-color-pink-dark, .list_dash > li.--marker-color-pink-dark, .list_circle > li.--marker-color-pink-dark, .list_dot > li.--marker-color-pink-dark, .list_decimal_zero > li.--marker-color-pink-dark, .list_decimal > li.--marker-color-pink-dark, .list_square > li.--marker-color-pink-dark, .list_disc > li.--marker-color-pink-dark, .list > li.--marker-color-pink-dark {
  --list-marker-color: #DB6693;
}
.imep_list_reference_mark > li.--color-teal, .heartline-homewatching-list_reference_mark > li.--color-teal, .list_decimal_05 > li.--color-teal, .list_reference_mark > li.--color-teal, .list_arrow_right > li.--color-teal, .list_check_square > li.--color-teal, .list_upper_alpha_01 > li.--color-teal, .list_decimal_04 > li.--color-teal, .list_decimal_03 > li.--color-teal, .list_decimal_02_01 > li.--color-teal, .list_decimal_02 > li.--color-teal, .list_decimal_01 > li.--color-teal, .list_footnote > li.--color-teal, .list_star > li.--color-teal, .list_dash > li.--color-teal, .list_circle > li.--color-teal, .list_dot > li.--color-teal, .list_decimal_zero > li.--color-teal, .list_decimal > li.--color-teal, .list_square > li.--color-teal, .list_disc > li.--color-teal, .list > li.--color-teal {
  --list-color: rgb(10, 156, 167);
}
.imep_list_reference_mark > li.--marker-color-teal, .heartline-homewatching-list_reference_mark > li.--marker-color-teal, .list_decimal_05 > li.--marker-color-teal, .list_reference_mark > li.--marker-color-teal, .list_arrow_right > li.--marker-color-teal, .list_check_square > li.--marker-color-teal, .list_upper_alpha_01 > li.--marker-color-teal, .list_decimal_04 > li.--marker-color-teal, .list_decimal_03 > li.--marker-color-teal, .list_decimal_02_01 > li.--marker-color-teal, .list_decimal_02 > li.--marker-color-teal, .list_decimal_01 > li.--marker-color-teal, .list_footnote > li.--marker-color-teal, .list_star > li.--marker-color-teal, .list_dash > li.--marker-color-teal, .list_circle > li.--marker-color-teal, .list_dot > li.--marker-color-teal, .list_decimal_zero > li.--marker-color-teal, .list_decimal > li.--marker-color-teal, .list_square > li.--marker-color-teal, .list_disc > li.--marker-color-teal, .list > li.--marker-color-teal {
  --list-marker-color: rgb(10, 156, 167);
}
.imep_list_reference_mark > li.--color-red, .heartline-homewatching-list_reference_mark > li.--color-red, .list_decimal_05 > li.--color-red, .list_reference_mark > li.--color-red, .list_arrow_right > li.--color-red, .list_check_square > li.--color-red, .list_upper_alpha_01 > li.--color-red, .list_decimal_04 > li.--color-red, .list_decimal_03 > li.--color-red, .list_decimal_02_01 > li.--color-red, .list_decimal_02 > li.--color-red, .list_decimal_01 > li.--color-red, .list_footnote > li.--color-red, .list_star > li.--color-red, .list_dash > li.--color-red, .list_circle > li.--color-red, .list_dot > li.--color-red, .list_decimal_zero > li.--color-red, .list_decimal > li.--color-red, .list_square > li.--color-red, .list_disc > li.--color-red, .list > li.--color-red {
  --list-color: rgb(236, 85, 85);
}
.imep_list_reference_mark > li.--marker-color-red, .heartline-homewatching-list_reference_mark > li.--marker-color-red, .list_decimal_05 > li.--marker-color-red, .list_reference_mark > li.--marker-color-red, .list_arrow_right > li.--marker-color-red, .list_check_square > li.--marker-color-red, .list_upper_alpha_01 > li.--marker-color-red, .list_decimal_04 > li.--marker-color-red, .list_decimal_03 > li.--marker-color-red, .list_decimal_02_01 > li.--marker-color-red, .list_decimal_02 > li.--marker-color-red, .list_decimal_01 > li.--marker-color-red, .list_footnote > li.--marker-color-red, .list_star > li.--marker-color-red, .list_dash > li.--marker-color-red, .list_circle > li.--marker-color-red, .list_dot > li.--marker-color-red, .list_decimal_zero > li.--marker-color-red, .list_decimal > li.--marker-color-red, .list_square > li.--marker-color-red, .list_disc > li.--marker-color-red, .list > li.--marker-color-red {
  --list-marker-color: rgb(236, 85, 85);
}
.imep_list_reference_mark > li.--color-red-dark, .heartline-homewatching-list_reference_mark > li.--color-red-dark, .list_decimal_05 > li.--color-red-dark, .list_reference_mark > li.--color-red-dark, .list_arrow_right > li.--color-red-dark, .list_check_square > li.--color-red-dark, .list_upper_alpha_01 > li.--color-red-dark, .list_decimal_04 > li.--color-red-dark, .list_decimal_03 > li.--color-red-dark, .list_decimal_02_01 > li.--color-red-dark, .list_decimal_02 > li.--color-red-dark, .list_decimal_01 > li.--color-red-dark, .list_footnote > li.--color-red-dark, .list_star > li.--color-red-dark, .list_dash > li.--color-red-dark, .list_circle > li.--color-red-dark, .list_dot > li.--color-red-dark, .list_decimal_zero > li.--color-red-dark, .list_decimal > li.--color-red-dark, .list_square > li.--color-red-dark, .list_disc > li.--color-red-dark, .list > li.--color-red-dark {
  --list-color: #D40000;
}
.imep_list_reference_mark > li.--marker-color-red-dark, .heartline-homewatching-list_reference_mark > li.--marker-color-red-dark, .list_decimal_05 > li.--marker-color-red-dark, .list_reference_mark > li.--marker-color-red-dark, .list_arrow_right > li.--marker-color-red-dark, .list_check_square > li.--marker-color-red-dark, .list_upper_alpha_01 > li.--marker-color-red-dark, .list_decimal_04 > li.--marker-color-red-dark, .list_decimal_03 > li.--marker-color-red-dark, .list_decimal_02_01 > li.--marker-color-red-dark, .list_decimal_02 > li.--marker-color-red-dark, .list_decimal_01 > li.--marker-color-red-dark, .list_footnote > li.--marker-color-red-dark, .list_star > li.--marker-color-red-dark, .list_dash > li.--marker-color-red-dark, .list_circle > li.--marker-color-red-dark, .list_dot > li.--marker-color-red-dark, .list_decimal_zero > li.--marker-color-red-dark, .list_decimal > li.--marker-color-red-dark, .list_square > li.--marker-color-red-dark, .list_disc > li.--marker-color-red-dark, .list > li.--marker-color-red-dark {
  --list-marker-color: #D40000;
}
.imep_list_reference_mark > li.--color-hl-blue, .heartline-homewatching-list_reference_mark > li.--color-hl-blue, .list_decimal_05 > li.--color-hl-blue, .list_reference_mark > li.--color-hl-blue, .list_arrow_right > li.--color-hl-blue, .list_check_square > li.--color-hl-blue, .list_upper_alpha_01 > li.--color-hl-blue, .list_decimal_04 > li.--color-hl-blue, .list_decimal_03 > li.--color-hl-blue, .list_decimal_02_01 > li.--color-hl-blue, .list_decimal_02 > li.--color-hl-blue, .list_decimal_01 > li.--color-hl-blue, .list_footnote > li.--color-hl-blue, .list_star > li.--color-hl-blue, .list_dash > li.--color-hl-blue, .list_circle > li.--color-hl-blue, .list_dot > li.--color-hl-blue, .list_decimal_zero > li.--color-hl-blue, .list_decimal > li.--color-hl-blue, .list_square > li.--color-hl-blue, .list_disc > li.--color-hl-blue, .list > li.--color-hl-blue {
  --list-color: #027FFF;
}
.imep_list_reference_mark > li.--marker-color-hl-blue, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-blue, .list_decimal_05 > li.--marker-color-hl-blue, .list_reference_mark > li.--marker-color-hl-blue, .list_arrow_right > li.--marker-color-hl-blue, .list_check_square > li.--marker-color-hl-blue, .list_upper_alpha_01 > li.--marker-color-hl-blue, .list_decimal_04 > li.--marker-color-hl-blue, .list_decimal_03 > li.--marker-color-hl-blue, .list_decimal_02_01 > li.--marker-color-hl-blue, .list_decimal_02 > li.--marker-color-hl-blue, .list_decimal_01 > li.--marker-color-hl-blue, .list_footnote > li.--marker-color-hl-blue, .list_star > li.--marker-color-hl-blue, .list_dash > li.--marker-color-hl-blue, .list_circle > li.--marker-color-hl-blue, .list_dot > li.--marker-color-hl-blue, .list_decimal_zero > li.--marker-color-hl-blue, .list_decimal > li.--marker-color-hl-blue, .list_square > li.--marker-color-hl-blue, .list_disc > li.--marker-color-hl-blue, .list > li.--marker-color-hl-blue {
  --list-marker-color: #027FFF;
}
.imep_list_reference_mark > li.--color-hl-green, .heartline-homewatching-list_reference_mark > li.--color-hl-green, .list_decimal_05 > li.--color-hl-green, .list_reference_mark > li.--color-hl-green, .list_arrow_right > li.--color-hl-green, .list_check_square > li.--color-hl-green, .list_upper_alpha_01 > li.--color-hl-green, .list_decimal_04 > li.--color-hl-green, .list_decimal_03 > li.--color-hl-green, .list_decimal_02_01 > li.--color-hl-green, .list_decimal_02 > li.--color-hl-green, .list_decimal_01 > li.--color-hl-green, .list_footnote > li.--color-hl-green, .list_star > li.--color-hl-green, .list_dash > li.--color-hl-green, .list_circle > li.--color-hl-green, .list_dot > li.--color-hl-green, .list_decimal_zero > li.--color-hl-green, .list_decimal > li.--color-hl-green, .list_square > li.--color-hl-green, .list_disc > li.--color-hl-green, .list > li.--color-hl-green {
  --list-color: #5CB44C;
}
.imep_list_reference_mark > li.--marker-color-hl-green, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-green, .list_decimal_05 > li.--marker-color-hl-green, .list_reference_mark > li.--marker-color-hl-green, .list_arrow_right > li.--marker-color-hl-green, .list_check_square > li.--marker-color-hl-green, .list_upper_alpha_01 > li.--marker-color-hl-green, .list_decimal_04 > li.--marker-color-hl-green, .list_decimal_03 > li.--marker-color-hl-green, .list_decimal_02_01 > li.--marker-color-hl-green, .list_decimal_02 > li.--marker-color-hl-green, .list_decimal_01 > li.--marker-color-hl-green, .list_footnote > li.--marker-color-hl-green, .list_star > li.--marker-color-hl-green, .list_dash > li.--marker-color-hl-green, .list_circle > li.--marker-color-hl-green, .list_dot > li.--marker-color-hl-green, .list_decimal_zero > li.--marker-color-hl-green, .list_decimal > li.--marker-color-hl-green, .list_square > li.--marker-color-hl-green, .list_disc > li.--marker-color-hl-green, .list > li.--marker-color-hl-green {
  --list-marker-color: #5CB44C;
}
.imep_list_reference_mark > li.--color-hl-orange, .heartline-homewatching-list_reference_mark > li.--color-hl-orange, .list_decimal_05 > li.--color-hl-orange, .list_reference_mark > li.--color-hl-orange, .list_arrow_right > li.--color-hl-orange, .list_check_square > li.--color-hl-orange, .list_upper_alpha_01 > li.--color-hl-orange, .list_decimal_04 > li.--color-hl-orange, .list_decimal_03 > li.--color-hl-orange, .list_decimal_02_01 > li.--color-hl-orange, .list_decimal_02 > li.--color-hl-orange, .list_decimal_01 > li.--color-hl-orange, .list_footnote > li.--color-hl-orange, .list_star > li.--color-hl-orange, .list_dash > li.--color-hl-orange, .list_circle > li.--color-hl-orange, .list_dot > li.--color-hl-orange, .list_decimal_zero > li.--color-hl-orange, .list_decimal > li.--color-hl-orange, .list_square > li.--color-hl-orange, .list_disc > li.--color-hl-orange, .list > li.--color-hl-orange {
  --list-color: #F8B857;
}
.imep_list_reference_mark > li.--marker-color-hl-orange, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-orange, .list_decimal_05 > li.--marker-color-hl-orange, .list_reference_mark > li.--marker-color-hl-orange, .list_arrow_right > li.--marker-color-hl-orange, .list_check_square > li.--marker-color-hl-orange, .list_upper_alpha_01 > li.--marker-color-hl-orange, .list_decimal_04 > li.--marker-color-hl-orange, .list_decimal_03 > li.--marker-color-hl-orange, .list_decimal_02_01 > li.--marker-color-hl-orange, .list_decimal_02 > li.--marker-color-hl-orange, .list_decimal_01 > li.--marker-color-hl-orange, .list_footnote > li.--marker-color-hl-orange, .list_star > li.--marker-color-hl-orange, .list_dash > li.--marker-color-hl-orange, .list_circle > li.--marker-color-hl-orange, .list_dot > li.--marker-color-hl-orange, .list_decimal_zero > li.--marker-color-hl-orange, .list_decimal > li.--marker-color-hl-orange, .list_square > li.--marker-color-hl-orange, .list_disc > li.--marker-color-hl-orange, .list > li.--marker-color-hl-orange {
  --list-marker-color: #F8B857;
}
.imep_list_reference_mark > li.--color-hl-pink, .heartline-homewatching-list_reference_mark > li.--color-hl-pink, .list_decimal_05 > li.--color-hl-pink, .list_reference_mark > li.--color-hl-pink, .list_arrow_right > li.--color-hl-pink, .list_check_square > li.--color-hl-pink, .list_upper_alpha_01 > li.--color-hl-pink, .list_decimal_04 > li.--color-hl-pink, .list_decimal_03 > li.--color-hl-pink, .list_decimal_02_01 > li.--color-hl-pink, .list_decimal_02 > li.--color-hl-pink, .list_decimal_01 > li.--color-hl-pink, .list_footnote > li.--color-hl-pink, .list_star > li.--color-hl-pink, .list_dash > li.--color-hl-pink, .list_circle > li.--color-hl-pink, .list_dot > li.--color-hl-pink, .list_decimal_zero > li.--color-hl-pink, .list_decimal > li.--color-hl-pink, .list_square > li.--color-hl-pink, .list_disc > li.--color-hl-pink, .list > li.--color-hl-pink {
  --list-color: #F19C9F;
}
.imep_list_reference_mark > li.--marker-color-hl-pink, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-pink, .list_decimal_05 > li.--marker-color-hl-pink, .list_reference_mark > li.--marker-color-hl-pink, .list_arrow_right > li.--marker-color-hl-pink, .list_check_square > li.--marker-color-hl-pink, .list_upper_alpha_01 > li.--marker-color-hl-pink, .list_decimal_04 > li.--marker-color-hl-pink, .list_decimal_03 > li.--marker-color-hl-pink, .list_decimal_02_01 > li.--marker-color-hl-pink, .list_decimal_02 > li.--marker-color-hl-pink, .list_decimal_01 > li.--marker-color-hl-pink, .list_footnote > li.--marker-color-hl-pink, .list_star > li.--marker-color-hl-pink, .list_dash > li.--marker-color-hl-pink, .list_circle > li.--marker-color-hl-pink, .list_dot > li.--marker-color-hl-pink, .list_decimal_zero > li.--marker-color-hl-pink, .list_decimal > li.--marker-color-hl-pink, .list_square > li.--marker-color-hl-pink, .list_disc > li.--marker-color-hl-pink, .list > li.--marker-color-hl-pink {
  --list-marker-color: #F19C9F;
}
.imep_list_reference_mark > li.--color-hl-purple, .heartline-homewatching-list_reference_mark > li.--color-hl-purple, .list_decimal_05 > li.--color-hl-purple, .list_reference_mark > li.--color-hl-purple, .list_arrow_right > li.--color-hl-purple, .list_check_square > li.--color-hl-purple, .list_upper_alpha_01 > li.--color-hl-purple, .list_decimal_04 > li.--color-hl-purple, .list_decimal_03 > li.--color-hl-purple, .list_decimal_02_01 > li.--color-hl-purple, .list_decimal_02 > li.--color-hl-purple, .list_decimal_01 > li.--color-hl-purple, .list_footnote > li.--color-hl-purple, .list_star > li.--color-hl-purple, .list_dash > li.--color-hl-purple, .list_circle > li.--color-hl-purple, .list_dot > li.--color-hl-purple, .list_decimal_zero > li.--color-hl-purple, .list_decimal > li.--color-hl-purple, .list_square > li.--color-hl-purple, .list_disc > li.--color-hl-purple, .list > li.--color-hl-purple {
  --list-color: #BA79B1;
}
.imep_list_reference_mark > li.--marker-color-hl-purple, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-purple, .list_decimal_05 > li.--marker-color-hl-purple, .list_reference_mark > li.--marker-color-hl-purple, .list_arrow_right > li.--marker-color-hl-purple, .list_check_square > li.--marker-color-hl-purple, .list_upper_alpha_01 > li.--marker-color-hl-purple, .list_decimal_04 > li.--marker-color-hl-purple, .list_decimal_03 > li.--marker-color-hl-purple, .list_decimal_02_01 > li.--marker-color-hl-purple, .list_decimal_02 > li.--marker-color-hl-purple, .list_decimal_01 > li.--marker-color-hl-purple, .list_footnote > li.--marker-color-hl-purple, .list_star > li.--marker-color-hl-purple, .list_dash > li.--marker-color-hl-purple, .list_circle > li.--marker-color-hl-purple, .list_dot > li.--marker-color-hl-purple, .list_decimal_zero > li.--marker-color-hl-purple, .list_decimal > li.--marker-color-hl-purple, .list_square > li.--marker-color-hl-purple, .list_disc > li.--marker-color-hl-purple, .list > li.--marker-color-hl-purple {
  --list-marker-color: #BA79B1;
}
.imep_list_reference_mark > li.--color-hl-teal, .heartline-homewatching-list_reference_mark > li.--color-hl-teal, .list_decimal_05 > li.--color-hl-teal, .list_reference_mark > li.--color-hl-teal, .list_arrow_right > li.--color-hl-teal, .list_check_square > li.--color-hl-teal, .list_upper_alpha_01 > li.--color-hl-teal, .list_decimal_04 > li.--color-hl-teal, .list_decimal_03 > li.--color-hl-teal, .list_decimal_02_01 > li.--color-hl-teal, .list_decimal_02 > li.--color-hl-teal, .list_decimal_01 > li.--color-hl-teal, .list_footnote > li.--color-hl-teal, .list_star > li.--color-hl-teal, .list_dash > li.--color-hl-teal, .list_circle > li.--color-hl-teal, .list_dot > li.--color-hl-teal, .list_decimal_zero > li.--color-hl-teal, .list_decimal > li.--color-hl-teal, .list_square > li.--color-hl-teal, .list_disc > li.--color-hl-teal, .list > li.--color-hl-teal {
  --list-color: #5EC2C9;
}
.imep_list_reference_mark > li.--marker-color-hl-teal, .heartline-homewatching-list_reference_mark > li.--marker-color-hl-teal, .list_decimal_05 > li.--marker-color-hl-teal, .list_reference_mark > li.--marker-color-hl-teal, .list_arrow_right > li.--marker-color-hl-teal, .list_check_square > li.--marker-color-hl-teal, .list_upper_alpha_01 > li.--marker-color-hl-teal, .list_decimal_04 > li.--marker-color-hl-teal, .list_decimal_03 > li.--marker-color-hl-teal, .list_decimal_02_01 > li.--marker-color-hl-teal, .list_decimal_02 > li.--marker-color-hl-teal, .list_decimal_01 > li.--marker-color-hl-teal, .list_footnote > li.--marker-color-hl-teal, .list_star > li.--marker-color-hl-teal, .list_dash > li.--marker-color-hl-teal, .list_circle > li.--marker-color-hl-teal, .list_dot > li.--marker-color-hl-teal, .list_decimal_zero > li.--marker-color-hl-teal, .list_decimal > li.--marker-color-hl-teal, .list_square > li.--marker-color-hl-teal, .list_disc > li.--marker-color-hl-teal, .list > li.--marker-color-hl-teal {
  --list-marker-color: #5EC2C9;
}

.list_disc {
  margin-left: 1.2em;
  list-style: disc;
}

.list_square {
  margin-left: 1.2em;
  list-style: square;
}

.list_decimal {
  margin-left: 1.7em;
  list-style: decimal;
}

.list_decimal_zero {
  margin-left: 2.3em;
  list-style: decimal-leading-zero;
}

/*

beforeでマーカーを作ったリスト (IE8以上)

*/
/* ---- ・ ---- */
.list_dot > li {
  text-indent: -1em;
  margin-left: 1em;
}
.list_dot > li:before {
  content: "・";
}
.list_dot > li > * {
  text-indent: 0;
}

/* ---- ● ---- */
.list_circle > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
}
.list_circle > li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #999999;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 3px;
}
.list_circle > li > * {
  text-indent: 0;
}
.list_circle--small li::before {
  width: 4px;
  height: 4px;
  margin-right: 6px;
}

/* ---- - ---- */
.list_dash {
  margin-top: 10px;
}
.list_dash > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
}
.list_dash > li:before {
  content: "ー";
  font-size: 0.5em;
  color: #999999;
  vertical-align: middle;
  margin-right: 1.125em;
}
.list_dash > li > * {
  text-indent: 0;
}

/* ---- ※ ---- */
.list_star {
  margin-top: 10px;
}
.list_star > li {
  text-indent: -1.4em;
  margin-left: 1.4em;
}
.list_star > li:before {
  content: "※";
  font-size: 1em;
  color: #323232;
  margin-right: 0.4em;
}
.list_star > li > * {
  text-indent: 0;
}

/* ---- ※1 ---- */
.list_footnote > li {
  counter-increment: decimal_01;
  text-indent: -2.25em;
  margin-left: 2.25em;
}
.list_footnote > li:before {
  content: "※" counter(decimal_01) " ";
  font-size: 1em;
  margin-right: 0.5em;
}
.list_footnote > li > * {
  text-indent: 0;
}

/* ---- 1. ---- */
.list_decimal_01 > li {
  counter-increment: decimal_01;
  margin-left: 1.2em;
  text-indent: -1.2em;
}
.list_decimal_01 > li:before {
  content: counter(decimal_01) ". ";
}
.list_decimal_01 > li > * {
  text-indent: 0;
}

/* ---- (1) ---- */
.list_decimal_02 > li {
  counter-increment: decimal_02;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.list_decimal_02 > li:before {
  content: "(" counter(decimal_02) ") ";
}
.list_decimal_02 > li > * {
  text-indent: 0;
}

/* ---- 1) ---- */
.list_decimal_02_01 > li {
  counter-increment: decimal_02;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.list_decimal_02_01 > li:before {
  content: counter(decimal_02) "）";
}
.list_decimal_02_01 > li > * {
  text-indent: 0;
}

/* ---- [1] ---- */
.list_decimal_03 > li {
  counter-increment: decimal_03;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.list_decimal_03 > li:before {
  content: "[" counter(decimal_03) "] ";
}
.list_decimal_03 > li > * {
  text-indent: 0;
}

/* ---- 丸数字 ---- */
.list_decimal_04 > li {
  counter-increment: decimal_04;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.list_decimal_04 > li:before {
  content: counter(decimal_04);
  border: 1px solid #000;
  padding: 0 3px;
  font-size: 10px;
  margin-right: 5px;
  text-align: center;
  line-height: 1;
  border-radius: 50%;
}
.list_decimal_04 > li > * {
  text-indent: 0;
}

/* ---- upper alpha ---- */
.list_upper_alpha_01 > li {
  counter-increment: upper_alpha_01;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.list_upper_alpha_01 > li:before {
  content: counter(upper_alpha_01, upper-alpha) ") ";
}
.list_upper_alpha_01 > li > * {
  text-indent: 0;
}

/* ---- ● ---- */
.list_check_square > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
}
.list_check_square > li::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  display: inline-block;
  margin-right: 10px;
}
.list_check_square > li > * {
  text-indent: 0;
}
.list_check_square--small li::before {
  width: 4px;
  height: 4px;
  margin-right: 6px;
}

.list_arrow_right > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
}
.list_arrow_right > li::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  margin-right: 10px;
  font-size: 8px;
  color: #005EAE;
}
.list_arrow_right > li > * {
  text-indent: 0;
}

.list-star-decimal li {
  margin-left: 1.8em;
  text-indent: -1.8em;
}
.list-star-decimal li::before {
  content: "※" counter(decimal_01) " ";
}

.list_reference_mark > li {
  text-indent: -1.4em;
  margin-left: 1.4em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .list_reference_mark > li {
    font-size: 12px;
  }
}
.list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: baseline;
  margin-right: 0.4em;
}
@media screen and (max-width: 679px) {
  .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.list_reference_mark > li > * {
  text-indent: 0;
}

/*

注釈 (IE8以上)

*/
/* ---- ※（注釈） ---- */
.notes {
  margin-left: 1.3em !important;
  text-indent: -1.3em !important;
}
.notes:before {
  content: "※ ";
}
.notes > * {
  text-indent: 0;
}

/* ---- ※n （番号付き注釈）---- */
.notes_num {
  counter-increment: decimal_notes;
  margin-left: 1.9em !important;
  text-indent: -1.9em !important;
}
.notes_num:before {
  content: "※" counter(decimal_notes) " ";
}
.notes_num > * {
  text-indent: 0;
}

/* Component */
/* Project */
@font-face {
  font-family: "nipro-icon";
  src: url("fonts/nipro-icon.ttf?m7p76x") format("truetype"), url("fonts/nipro-icon.woff?m7p76x") format("woff"), url("fonts/nipro-icon.svg?m7p76x#nipro-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-password-hidden:before {
  content: "\e932";
}

.icon-password-shown:before {
  content: "\e933";
}

.icon-zoom:before {
  content: "\e930";
}

.icon-logistics:before {
  content: "\e92f";
}

.icon-member:before {
  content: "\e92e";
}

.icon-entrance:before {
  content: "\e92d";
}

.icon-check-square:before {
  content: "\e921";
}

.icon-play-down:before {
  content: "\e926";
}

.icon-play:before {
  content: "\e916";
}

.icon-stop:before {
  content: "\e918";
}

.icon-video-filled:before {
  content: "\e91f";
}

.icon-video:before {
  content: "\e91c";
}

.icon-question:before {
  content: "\e91d";
}

.icon-barcode:before {
  content: "\e922";
}

.icon-card:before {
  content: "\e911";
}

.icon-calendar:before {
  content: "\e91a";
}

.icon-list:before {
  content: "\e919";
}

.icon-documents:before {
  content: "\e912";
}

.icon-community:before {
  content: "\e929";
}

.icon-stuff-female:before {
  content: "\e913";
}

.icon-virus:before {
  content: "\e92a";
}

.icon-heart-vital:before {
  content: "\e92b";
}

.icon-lab-potions:before {
  content: "\e923";
}

.icon-microscope:before {
  content: "\e924";
}

.icon-stethoscope:before {
  content: "\e914";
}

.icon-pill-bottles:before {
  content: "\e91b";
}

.icon-pills-new:before {
  content: "\e917";
}

.icon-pills:before {
  content: "\e915";
}

.icon-pill-cycle:before {
  content: "\e92c";
}

.icon-checkbox-check:before {
  content: "\e910";
}

.icon-word:before {
  content: "\e90c";
}

.icon-excel:before {
  content: "\e90d";
}

.icon-pdf:before {
  content: "\e907";
}

.icon-attachment:before {
  content: "\e90e";
}

.icon-image:before {
  content: "\e931";
}

.icon-book:before {
  content: "\e90a";
}

.icon-printer:before {
  content: "\e90f";
}

.icon-download:before {
  content: "\e90b";
}

.icon-external:before {
  content: "\e903";
}

.icon-close-thick:before {
  content: "\e908";
}

.icon-close:before {
  content: "\e906";
}

.icon-magnifier:before {
  content: "\e904";
}

.icon-arrow-down-round:before {
  content: "\e905";
}

.icon-arrow-up-round:before {
  content: "\e935";
}

.icon-arrow-left-round:before {
  content: "\e901";
}

.icon-arrow-right-round:before {
  content: "\e900";
}

.icon-arrow-left-round-square:before {
  content: "\e920";
}

.icon-arrow-right-round-square:before {
  content: "\e91e";
}

.icon-arrow-down-round-square:before {
  content: "\e934";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-key-arrow-left:before {
  content: "\e927";
}

.icon-key-arrow-right:before {
  content: "\e928";
}

.icon-scroll_hint:before {
  content: "\e909";
}

.icon-warning-filled:before {
  content: "\e925";
}

/* Scope */
/* Utility */
.align_l {
  text-align: left !important;
}

.align_r {
  text-align: right !important;
}

.align_c {
  text-align: center !important;
}

.valign_m {
  vertical-align: middle !important;
}

.valign_t {
  vertical-align: top !important;
}

.valign_b {
  vertical-align: bottom !important;
}

@media screen and (max-width: 1199px) {
  .liquid_align_l {
    text-align: left !important;
  }
  .liquid_align_r {
    text-align: right !important;
  }
  .liquid_align_c {
    text-align: center !important;
  }
  .liquid_valign_m {
    vertical-align: middle !important;
  }
  .liquid_valign_t {
    vertical-align: top !important;
  }
  .liquid_valign_b {
    vertical-align: bottom !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_align_l {
    text-align: left !important;
  }
  .tablet_align_r {
    text-align: right !important;
  }
  .tablet_align_c {
    text-align: center !important;
  }
  .tablet_valign_m {
    vertical-align: middle !important;
  }
  .tablet_valign_t {
    vertical-align: top !important;
  }
  .tablet_valign_b {
    vertical-align: bottom !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_align_l {
    text-align: left !important;
  }
  .sp_align_r {
    text-align: right !important;
  }
  .sp_align_c {
    text-align: center !important;
  }
  .sp_valign_m {
    vertical-align: middle !important;
  }
  .sp_valign_t {
    vertical-align: top !important;
  }
  .sp_valign_b {
    vertical-align: bottom !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_align_l {
    text-align: left !important;
  }
  .sp_small_align_r {
    text-align: right !important;
  }
  .sp_small_align_c {
    text-align: center !important;
  }
  .sp_small_valign_m {
    vertical-align: middle !important;
  }
  .sp_small_valign_t {
    vertical-align: top !important;
  }
  .sp_small_valign_b {
    vertical-align: bottom !important;
  }
}
.bb0 {
  border-bottom-width: 0px !important;
}

.bt0 {
  border-top-width: 0px !important;
}

.br0 {
  border-right-width: 0px !important;
}

.bl0 {
  border-left-width: 0px !important;
}

.bb1 {
  border-bottom-width: 1px !important;
}

.bt1 {
  border-top-width: 1px !important;
}

.br1 {
  border-right-width: 1px !important;
}

.bl1 {
  border-left-width: 1px !important;
}

.bb2 {
  border-bottom-width: 2px !important;
}

.bt2 {
  border-top-width: 2px !important;
}

.br2 {
  border-right-width: 2px !important;
}

.bl2 {
  border-left-width: 2px !important;
}

.bb3 {
  border-bottom-width: 3px !important;
}

.bt3 {
  border-top-width: 3px !important;
}

.br3 {
  border-right-width: 3px !important;
}

.bl3 {
  border-left-width: 3px !important;
}

.bb4 {
  border-bottom-width: 4px !important;
}

.bt4 {
  border-top-width: 4px !important;
}

.br4 {
  border-right-width: 4px !important;
}

.bl4 {
  border-left-width: 4px !important;
}

@media screen and (max-width: 1199px) {
  .liquid_bb0 {
    border-bottom-width: 0px !important;
  }
  .liquid_bt0 {
    border-top-width: 0px !important;
  }
  .liquid_br0 {
    border-right-width: 0px !important;
  }
  .liquid_bl0 {
    border-left-width: 0px !important;
  }
  .liquid_bb1 {
    border-bottom-width: 1px !important;
  }
  .liquid_bt1 {
    border-top-width: 1px !important;
  }
  .liquid_br1 {
    border-right-width: 1px !important;
  }
  .liquid_bl1 {
    border-left-width: 1px !important;
  }
  .liquid_bb2 {
    border-bottom-width: 2px !important;
  }
  .liquid_bt2 {
    border-top-width: 2px !important;
  }
  .liquid_br2 {
    border-right-width: 2px !important;
  }
  .liquid_bl2 {
    border-left-width: 2px !important;
  }
  .liquid_bb3 {
    border-bottom-width: 3px !important;
  }
  .liquid_bt3 {
    border-top-width: 3px !important;
  }
  .liquid_br3 {
    border-right-width: 3px !important;
  }
  .liquid_bl3 {
    border-left-width: 3px !important;
  }
  .liquid_bb4 {
    border-bottom-width: 4px !important;
  }
  .liquid_bt4 {
    border-top-width: 4px !important;
  }
  .liquid_br4 {
    border-right-width: 4px !important;
  }
  .liquid_bl4 {
    border-left-width: 4px !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_bb0 {
    border-bottom-width: 0px !important;
  }
  .tablet_bt0 {
    border-top-width: 0px !important;
  }
  .tablet_br0 {
    border-right-width: 0px !important;
  }
  .tablet_bl0 {
    border-left-width: 0px !important;
  }
  .tablet_bb1 {
    border-bottom-width: 1px !important;
  }
  .tablet_bt1 {
    border-top-width: 1px !important;
  }
  .tablet_br1 {
    border-right-width: 1px !important;
  }
  .tablet_bl1 {
    border-left-width: 1px !important;
  }
  .tablet_bb2 {
    border-bottom-width: 2px !important;
  }
  .tablet_bt2 {
    border-top-width: 2px !important;
  }
  .tablet_br2 {
    border-right-width: 2px !important;
  }
  .tablet_bl2 {
    border-left-width: 2px !important;
  }
  .tablet_bb3 {
    border-bottom-width: 3px !important;
  }
  .tablet_bt3 {
    border-top-width: 3px !important;
  }
  .tablet_br3 {
    border-right-width: 3px !important;
  }
  .tablet_bl3 {
    border-left-width: 3px !important;
  }
  .tablet_bb4 {
    border-bottom-width: 4px !important;
  }
  .tablet_bt4 {
    border-top-width: 4px !important;
  }
  .tablet_br4 {
    border-right-width: 4px !important;
  }
  .tablet_bl4 {
    border-left-width: 4px !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_bb0 {
    border-bottom-width: 0px !important;
  }
  .sp_bt0 {
    border-top-width: 0px !important;
  }
  .sp_br0 {
    border-right-width: 0px !important;
  }
  .sp_bl0 {
    border-left-width: 0px !important;
  }
  .sp_bb1 {
    border-bottom-width: 1px !important;
  }
  .sp_bt1 {
    border-top-width: 1px !important;
  }
  .sp_br1 {
    border-right-width: 1px !important;
  }
  .sp_bl1 {
    border-left-width: 1px !important;
  }
  .sp_bb2 {
    border-bottom-width: 2px !important;
  }
  .sp_bt2 {
    border-top-width: 2px !important;
  }
  .sp_br2 {
    border-right-width: 2px !important;
  }
  .sp_bl2 {
    border-left-width: 2px !important;
  }
  .sp_bb3 {
    border-bottom-width: 3px !important;
  }
  .sp_bt3 {
    border-top-width: 3px !important;
  }
  .sp_br3 {
    border-right-width: 3px !important;
  }
  .sp_bl3 {
    border-left-width: 3px !important;
  }
  .sp_bb4 {
    border-bottom-width: 4px !important;
  }
  .sp_bt4 {
    border-top-width: 4px !important;
  }
  .sp_br4 {
    border-right-width: 4px !important;
  }
  .sp_bl4 {
    border-left-width: 4px !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_bb0 {
    border-bottom-width: 0px !important;
  }
  .sp_small_bt0 {
    border-top-width: 0px !important;
  }
  .sp_small_br0 {
    border-right-width: 0px !important;
  }
  .sp_small_bl0 {
    border-left-width: 0px !important;
  }
  .sp_small_bb1 {
    border-bottom-width: 1px !important;
  }
  .sp_small_bt1 {
    border-top-width: 1px !important;
  }
  .sp_small_br1 {
    border-right-width: 1px !important;
  }
  .sp_small_bl1 {
    border-left-width: 1px !important;
  }
  .sp_small_bb2 {
    border-bottom-width: 2px !important;
  }
  .sp_small_bt2 {
    border-top-width: 2px !important;
  }
  .sp_small_br2 {
    border-right-width: 2px !important;
  }
  .sp_small_bl2 {
    border-left-width: 2px !important;
  }
  .sp_small_bb3 {
    border-bottom-width: 3px !important;
  }
  .sp_small_bt3 {
    border-top-width: 3px !important;
  }
  .sp_small_br3 {
    border-right-width: 3px !important;
  }
  .sp_small_bl3 {
    border-left-width: 3px !important;
  }
  .sp_small_bb4 {
    border-bottom-width: 4px !important;
  }
  .sp_small_bt4 {
    border-top-width: 4px !important;
  }
  .sp_small_br4 {
    border-right-width: 4px !important;
  }
  .sp_small_bl4 {
    border-left-width: 4px !important;
  }
}
.rounded-corner {
  --rounded-corner-radius: 20px;
  border-radius: var(--rounded-corner-radius);
}
@media screen and (max-width: 679px) {
  .rounded-corner {
    --rounded-corner-radius: 10px;
  }
}

/*for modern browser*/
.clear_fix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
}

/*for IE 5.5-7*/
.clear_fix {
  zoom: 1;
}

.clear_both {
  clear: both;
  height: 1px;
  font-size: 1px;
  text-align: center;
  line-height: 0;
}

.clear {
  clear: both;
}

.accent-color-main {
  --accent-color: #005EAE;
  --accent-color-pale: #337EBE;
}

.accent-color-blue {
  --accent-color: rgb(13, 165, 213);
  --accent-color-pale: rgba(13, 165, 213, 0.8);
  --accent-color-bright: rgb(2, 127, 255);
}

.accent-color-blue-bright {
  --accent-color: rgb(2, 127, 255);
}

.accent-color-green {
  --accent-color: rgb(74, 191, 40);
  --accent-color-pale: rgba(74, 191, 40, 0.8);
}

.accent-color-purple {
  --accent-color: rgb(142, 113, 200);
  --accent-color-pale: rgba(142, 113, 200, 0.8);
}

.accent-color-orange {
  --accent-color: rgb(254, 181, 36);
  --accent-color-pale: rgba(254, 181, 36, 0.8);
}

.accent-color-pink {
  --accent-color: rgb(252, 128, 178);
  --accent-color-pale: rgba(252, 128, 178, 0.8);
}

.accent-color-teal {
  --accent-color: rgb(10, 156, 167);
  --accent-color-pale: rgba(10, 156, 167, 0.8);
}

.accent-color-red {
  --accent-color: rgb(236, 85, 85);
  --accent-color-pale: rgba(236, 85, 85, 0.8);
}

/*

display用クラス

PC向け
.none
.block
.inline_block
.inline
.table
.table_cell

タブレット向け
.tablet_none
.tablet_block
.tablet_inline_block
.tablet_inline
.tablet_table
.tablet_table_cell

スマホ向け
.sp_none
.sp_block
.sp_inline_block
.sp_inline
.sp_table
.sp_table_cell

*/
.none {
  display: none !important;
}

.block {
  display: block !important;
}

.inline_block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.table {
  display: table !important;
}

.table_cell {
  display: table-cell !important;
}

.flex {
  display: flex !important;
}

.jc_center {
  justify-content: center !important;
}

.ai_center {
  align-items: center !important;
}

@media screen and (max-width: 1199px) {
  .liquid_none {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_none {
    display: none !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_none {
    display: none !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_none {
    display: none !important;
  }
}
@media screen and (max-width: 1199px) {
  .liquid_block {
    display: block !important;
  }
  .liquid_inline_block {
    display: inline-block !important;
  }
  .liquid_inline {
    display: inline !important;
  }
  .liquid_table {
    display: table !important;
  }
  .liquid_cell {
    display: table-cell !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_block {
    display: block !important;
  }
  .tablet_inline_block {
    display: inline-block !important;
  }
  .tablet_inline {
    display: inline !important;
  }
  .tablet_table {
    display: table !important;
  }
  .tablet_cell {
    display: table-cell !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_block {
    display: block !important;
  }
  .sp_inline_block {
    display: inline-block !important;
  }
  .sp_inline {
    display: inline !important;
  }
  .sp_table {
    display: table !important;
  }
  .sp_cell {
    display: table-cell !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_block {
    display: block !important;
  }
  .sp_small_inline_block {
    display: inline-block !important;
  }
  .sp_small_inline {
    display: inline !important;
  }
  .sp_small_table {
    display: table !important;
  }
  .sp_small_cell {
    display: table-cell !important;
  }
}
/*

margin and padding

5刻みで上下左右のマージンとパディングのクラスを定義
$start_value x 5の値から、$end_value x 5 までを設定

```class
.mb-5
.mt-5
.mr-5
.ml-5

.mb0
.mt0
.mr0
.ml0

.mb5
.mt5
.mr5
.ml5

.mb10
.mt10
.mr10
.ml10

.pb-5
.pt-5
.pr-5
.pl-5

.pb0
.pt0
.pr0
.pl0

.pb5
.pt5
.pr5
.pl5

.pb10
.pt10
.pr10
.pl10
```

レスポンシブ用に$breakpointsのキーを接頭辞にしたクラスも書き出します。
```class
.tablet_mb10
.sp_mb10
```

*/
.fs9 {
  font-size: 9px !important;
}

.fs10 {
  font-size: 10px !important;
}

.fs11 {
  font-size: 11px !important;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs19 {
  font-size: 19px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs21 {
  font-size: 21px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs23 {
  font-size: 23px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs25 {
  font-size: 25px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs27 {
  font-size: 27px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs29 {
  font-size: 29px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs31 {
  font-size: 31px !important;
}

.fs32 {
  font-size: 32px !important;
}

.fs33 {
  font-size: 33px !important;
}

.fs34 {
  font-size: 34px !important;
}

.fs35 {
  font-size: 35px !important;
}

.fs36 {
  font-size: 36px !important;
}

.fs37 {
  font-size: 37px !important;
}

.fs38 {
  font-size: 38px !important;
}

.fs39 {
  font-size: 39px !important;
}

.fs40 {
  font-size: 40px !important;
}

@media screen and (max-width: 1199px) {
  .liquid_fs9 {
    font-size: 9px !important;
  }
  .liquid_fs10 {
    font-size: 10px !important;
  }
  .liquid_fs11 {
    font-size: 11px !important;
  }
  .liquid_fs12 {
    font-size: 12px !important;
  }
  .liquid_fs13 {
    font-size: 13px !important;
  }
  .liquid_fs14 {
    font-size: 14px !important;
  }
  .liquid_fs15 {
    font-size: 15px !important;
  }
  .liquid_fs16 {
    font-size: 16px !important;
  }
  .liquid_fs17 {
    font-size: 17px !important;
  }
  .liquid_fs18 {
    font-size: 18px !important;
  }
  .liquid_fs19 {
    font-size: 19px !important;
  }
  .liquid_fs20 {
    font-size: 20px !important;
  }
  .liquid_fs21 {
    font-size: 21px !important;
  }
  .liquid_fs22 {
    font-size: 22px !important;
  }
  .liquid_fs23 {
    font-size: 23px !important;
  }
  .liquid_fs24 {
    font-size: 24px !important;
  }
  .liquid_fs25 {
    font-size: 25px !important;
  }
  .liquid_fs26 {
    font-size: 26px !important;
  }
  .liquid_fs27 {
    font-size: 27px !important;
  }
  .liquid_fs28 {
    font-size: 28px !important;
  }
  .liquid_fs29 {
    font-size: 29px !important;
  }
  .liquid_fs30 {
    font-size: 30px !important;
  }
  .liquid_fs31 {
    font-size: 31px !important;
  }
  .liquid_fs32 {
    font-size: 32px !important;
  }
  .liquid_fs33 {
    font-size: 33px !important;
  }
  .liquid_fs34 {
    font-size: 34px !important;
  }
  .liquid_fs35 {
    font-size: 35px !important;
  }
  .liquid_fs36 {
    font-size: 36px !important;
  }
  .liquid_fs37 {
    font-size: 37px !important;
  }
  .liquid_fs38 {
    font-size: 38px !important;
  }
  .liquid_fs39 {
    font-size: 39px !important;
  }
  .liquid_fs40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_fs9 {
    font-size: 9px !important;
  }
  .tablet_fs10 {
    font-size: 10px !important;
  }
  .tablet_fs11 {
    font-size: 11px !important;
  }
  .tablet_fs12 {
    font-size: 12px !important;
  }
  .tablet_fs13 {
    font-size: 13px !important;
  }
  .tablet_fs14 {
    font-size: 14px !important;
  }
  .tablet_fs15 {
    font-size: 15px !important;
  }
  .tablet_fs16 {
    font-size: 16px !important;
  }
  .tablet_fs17 {
    font-size: 17px !important;
  }
  .tablet_fs18 {
    font-size: 18px !important;
  }
  .tablet_fs19 {
    font-size: 19px !important;
  }
  .tablet_fs20 {
    font-size: 20px !important;
  }
  .tablet_fs21 {
    font-size: 21px !important;
  }
  .tablet_fs22 {
    font-size: 22px !important;
  }
  .tablet_fs23 {
    font-size: 23px !important;
  }
  .tablet_fs24 {
    font-size: 24px !important;
  }
  .tablet_fs25 {
    font-size: 25px !important;
  }
  .tablet_fs26 {
    font-size: 26px !important;
  }
  .tablet_fs27 {
    font-size: 27px !important;
  }
  .tablet_fs28 {
    font-size: 28px !important;
  }
  .tablet_fs29 {
    font-size: 29px !important;
  }
  .tablet_fs30 {
    font-size: 30px !important;
  }
  .tablet_fs31 {
    font-size: 31px !important;
  }
  .tablet_fs32 {
    font-size: 32px !important;
  }
  .tablet_fs33 {
    font-size: 33px !important;
  }
  .tablet_fs34 {
    font-size: 34px !important;
  }
  .tablet_fs35 {
    font-size: 35px !important;
  }
  .tablet_fs36 {
    font-size: 36px !important;
  }
  .tablet_fs37 {
    font-size: 37px !important;
  }
  .tablet_fs38 {
    font-size: 38px !important;
  }
  .tablet_fs39 {
    font-size: 39px !important;
  }
  .tablet_fs40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_fs9 {
    font-size: 9px !important;
  }
  .sp_fs10 {
    font-size: 10px !important;
  }
  .sp_fs11 {
    font-size: 11px !important;
  }
  .sp_fs12 {
    font-size: 12px !important;
  }
  .sp_fs13 {
    font-size: 13px !important;
  }
  .sp_fs14 {
    font-size: 14px !important;
  }
  .sp_fs15 {
    font-size: 15px !important;
  }
  .sp_fs16 {
    font-size: 16px !important;
  }
  .sp_fs17 {
    font-size: 17px !important;
  }
  .sp_fs18 {
    font-size: 18px !important;
  }
  .sp_fs19 {
    font-size: 19px !important;
  }
  .sp_fs20 {
    font-size: 20px !important;
  }
  .sp_fs21 {
    font-size: 21px !important;
  }
  .sp_fs22 {
    font-size: 22px !important;
  }
  .sp_fs23 {
    font-size: 23px !important;
  }
  .sp_fs24 {
    font-size: 24px !important;
  }
  .sp_fs25 {
    font-size: 25px !important;
  }
  .sp_fs26 {
    font-size: 26px !important;
  }
  .sp_fs27 {
    font-size: 27px !important;
  }
  .sp_fs28 {
    font-size: 28px !important;
  }
  .sp_fs29 {
    font-size: 29px !important;
  }
  .sp_fs30 {
    font-size: 30px !important;
  }
  .sp_fs31 {
    font-size: 31px !important;
  }
  .sp_fs32 {
    font-size: 32px !important;
  }
  .sp_fs33 {
    font-size: 33px !important;
  }
  .sp_fs34 {
    font-size: 34px !important;
  }
  .sp_fs35 {
    font-size: 35px !important;
  }
  .sp_fs36 {
    font-size: 36px !important;
  }
  .sp_fs37 {
    font-size: 37px !important;
  }
  .sp_fs38 {
    font-size: 38px !important;
  }
  .sp_fs39 {
    font-size: 39px !important;
  }
  .sp_fs40 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_fs9 {
    font-size: 9px !important;
  }
  .sp_small_fs10 {
    font-size: 10px !important;
  }
  .sp_small_fs11 {
    font-size: 11px !important;
  }
  .sp_small_fs12 {
    font-size: 12px !important;
  }
  .sp_small_fs13 {
    font-size: 13px !important;
  }
  .sp_small_fs14 {
    font-size: 14px !important;
  }
  .sp_small_fs15 {
    font-size: 15px !important;
  }
  .sp_small_fs16 {
    font-size: 16px !important;
  }
  .sp_small_fs17 {
    font-size: 17px !important;
  }
  .sp_small_fs18 {
    font-size: 18px !important;
  }
  .sp_small_fs19 {
    font-size: 19px !important;
  }
  .sp_small_fs20 {
    font-size: 20px !important;
  }
  .sp_small_fs21 {
    font-size: 21px !important;
  }
  .sp_small_fs22 {
    font-size: 22px !important;
  }
  .sp_small_fs23 {
    font-size: 23px !important;
  }
  .sp_small_fs24 {
    font-size: 24px !important;
  }
  .sp_small_fs25 {
    font-size: 25px !important;
  }
  .sp_small_fs26 {
    font-size: 26px !important;
  }
  .sp_small_fs27 {
    font-size: 27px !important;
  }
  .sp_small_fs28 {
    font-size: 28px !important;
  }
  .sp_small_fs29 {
    font-size: 29px !important;
  }
  .sp_small_fs30 {
    font-size: 30px !important;
  }
  .sp_small_fs31 {
    font-size: 31px !important;
  }
  .sp_small_fs32 {
    font-size: 32px !important;
  }
  .sp_small_fs33 {
    font-size: 33px !important;
  }
  .sp_small_fs34 {
    font-size: 34px !important;
  }
  .sp_small_fs35 {
    font-size: 35px !important;
  }
  .sp_small_fs36 {
    font-size: 36px !important;
  }
  .sp_small_fs37 {
    font-size: 37px !important;
  }
  .sp_small_fs38 {
    font-size: 38px !important;
  }
  .sp_small_fs39 {
    font-size: 39px !important;
  }
  .sp_small_fs40 {
    font-size: 40px !important;
  }
}
/*

margin and padding

5刻みで上下左右のマージンとパディングのクラスを定義
$start_value x 5の値から、$end_value x 5 までを設定

```class
.mb-5
.mt-5
.mr-5
.ml-5

.mb0
.mt0
.mr0
.ml0

.mb5
.mt5
.mr5
.ml5

.mb10
.mt10
.mr10
.ml10

.pb-5
.pt-5
.pr-5
.pl-5

.pb0
.pt0
.pr0
.pl0

.pb5
.pt5
.pr5
.pl5

.pb10
.pt10
.pr10
.pl10
```

レスポンシブ用に$breakpointsのキーを接頭辞にしたクラスも書き出します。
```class
.tablet_mb10
.sp_mb10
```

*/
.mb-60 {
  margin-bottom: -60px !important;
}

.mt-60 {
  margin-top: -60px !important;
}

.mr-60 {
  margin-right: -60px !important;
}

.ml-60 {
  margin-left: -60px !important;
}

.mb-55 {
  margin-bottom: -55px !important;
}

.mt-55 {
  margin-top: -55px !important;
}

.mr-55 {
  margin-right: -55px !important;
}

.ml-55 {
  margin-left: -55px !important;
}

.mb-50 {
  margin-bottom: -50px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

.mr-50 {
  margin-right: -50px !important;
}

.ml-50 {
  margin-left: -50px !important;
}

.mb-45 {
  margin-bottom: -45px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mr-45 {
  margin-right: -45px !important;
}

.ml-45 {
  margin-left: -45px !important;
}

.mb-40 {
  margin-bottom: -40px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mr-40 {
  margin-right: -40px !important;
}

.ml-40 {
  margin-left: -40px !important;
}

.mb-35 {
  margin-bottom: -35px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mr-35 {
  margin-right: -35px !important;
}

.ml-35 {
  margin-left: -35px !important;
}

.mb-30 {
  margin-bottom: -30px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mr-30 {
  margin-right: -30px !important;
}

.ml-30 {
  margin-left: -30px !important;
}

.mb-25 {
  margin-bottom: -25px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mr-25 {
  margin-right: -25px !important;
}

.ml-25 {
  margin-left: -25px !important;
}

.mb-20 {
  margin-bottom: -20px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mr-20 {
  margin-right: -20px !important;
}

.ml-20 {
  margin-left: -20px !important;
}

.mb-15 {
  margin-bottom: -15px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mr-15 {
  margin-right: -15px !important;
}

.ml-15 {
  margin-left: -15px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.mb-5 {
  margin-bottom: -5px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mb105 {
  margin-bottom: 105px !important;
}

.mt105 {
  margin-top: 105px !important;
}

.mr105 {
  margin-right: 105px !important;
}

.ml105 {
  margin-left: 105px !important;
}

.mb110 {
  margin-bottom: 110px !important;
}

.mt110 {
  margin-top: 110px !important;
}

.mr110 {
  margin-right: 110px !important;
}

.ml110 {
  margin-left: 110px !important;
}

.mb115 {
  margin-bottom: 115px !important;
}

.mt115 {
  margin-top: 115px !important;
}

.mr115 {
  margin-right: 115px !important;
}

.ml115 {
  margin-left: 115px !important;
}

.mb120 {
  margin-bottom: 120px !important;
}

.mt120 {
  margin-top: 120px !important;
}

.mr120 {
  margin-right: 120px !important;
}

.ml120 {
  margin-left: 120px !important;
}

.mb125 {
  margin-bottom: 125px !important;
}

.mt125 {
  margin-top: 125px !important;
}

.mr125 {
  margin-right: 125px !important;
}

.ml125 {
  margin-left: 125px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.mt150em {
  margin-top: 1.5em !important;
}

.mb150em {
  margin-bottom: 1.5em !important;
}

@media screen and (max-width: 1199px) {
  .liquid_mb-60 {
    margin-bottom: -60px !important;
  }
  .liquid_mt-60 {
    margin-top: -60px !important;
  }
  .liquid_mr-60 {
    margin-right: -60px !important;
  }
  .liquid_ml-60 {
    margin-left: -60px !important;
  }
  .liquid_mb-55 {
    margin-bottom: -55px !important;
  }
  .liquid_mt-55 {
    margin-top: -55px !important;
  }
  .liquid_mr-55 {
    margin-right: -55px !important;
  }
  .liquid_ml-55 {
    margin-left: -55px !important;
  }
  .liquid_mb-50 {
    margin-bottom: -50px !important;
  }
  .liquid_mt-50 {
    margin-top: -50px !important;
  }
  .liquid_mr-50 {
    margin-right: -50px !important;
  }
  .liquid_ml-50 {
    margin-left: -50px !important;
  }
  .liquid_mb-45 {
    margin-bottom: -45px !important;
  }
  .liquid_mt-45 {
    margin-top: -45px !important;
  }
  .liquid_mr-45 {
    margin-right: -45px !important;
  }
  .liquid_ml-45 {
    margin-left: -45px !important;
  }
  .liquid_mb-40 {
    margin-bottom: -40px !important;
  }
  .liquid_mt-40 {
    margin-top: -40px !important;
  }
  .liquid_mr-40 {
    margin-right: -40px !important;
  }
  .liquid_ml-40 {
    margin-left: -40px !important;
  }
  .liquid_mb-35 {
    margin-bottom: -35px !important;
  }
  .liquid_mt-35 {
    margin-top: -35px !important;
  }
  .liquid_mr-35 {
    margin-right: -35px !important;
  }
  .liquid_ml-35 {
    margin-left: -35px !important;
  }
  .liquid_mb-30 {
    margin-bottom: -30px !important;
  }
  .liquid_mt-30 {
    margin-top: -30px !important;
  }
  .liquid_mr-30 {
    margin-right: -30px !important;
  }
  .liquid_ml-30 {
    margin-left: -30px !important;
  }
  .liquid_mb-25 {
    margin-bottom: -25px !important;
  }
  .liquid_mt-25 {
    margin-top: -25px !important;
  }
  .liquid_mr-25 {
    margin-right: -25px !important;
  }
  .liquid_ml-25 {
    margin-left: -25px !important;
  }
  .liquid_mb-20 {
    margin-bottom: -20px !important;
  }
  .liquid_mt-20 {
    margin-top: -20px !important;
  }
  .liquid_mr-20 {
    margin-right: -20px !important;
  }
  .liquid_ml-20 {
    margin-left: -20px !important;
  }
  .liquid_mb-15 {
    margin-bottom: -15px !important;
  }
  .liquid_mt-15 {
    margin-top: -15px !important;
  }
  .liquid_mr-15 {
    margin-right: -15px !important;
  }
  .liquid_ml-15 {
    margin-left: -15px !important;
  }
  .liquid_mb-10 {
    margin-bottom: -10px !important;
  }
  .liquid_mt-10 {
    margin-top: -10px !important;
  }
  .liquid_mr-10 {
    margin-right: -10px !important;
  }
  .liquid_ml-10 {
    margin-left: -10px !important;
  }
  .liquid_mb-5 {
    margin-bottom: -5px !important;
  }
  .liquid_mt-5 {
    margin-top: -5px !important;
  }
  .liquid_mr-5 {
    margin-right: -5px !important;
  }
  .liquid_ml-5 {
    margin-left: -5px !important;
  }
  .liquid_mb0 {
    margin-bottom: 0px !important;
  }
  .liquid_mt0 {
    margin-top: 0px !important;
  }
  .liquid_mr0 {
    margin-right: 0px !important;
  }
  .liquid_ml0 {
    margin-left: 0px !important;
  }
  .liquid_mb5 {
    margin-bottom: 5px !important;
  }
  .liquid_mt5 {
    margin-top: 5px !important;
  }
  .liquid_mr5 {
    margin-right: 5px !important;
  }
  .liquid_ml5 {
    margin-left: 5px !important;
  }
  .liquid_mb10 {
    margin-bottom: 10px !important;
  }
  .liquid_mt10 {
    margin-top: 10px !important;
  }
  .liquid_mr10 {
    margin-right: 10px !important;
  }
  .liquid_ml10 {
    margin-left: 10px !important;
  }
  .liquid_mb15 {
    margin-bottom: 15px !important;
  }
  .liquid_mt15 {
    margin-top: 15px !important;
  }
  .liquid_mr15 {
    margin-right: 15px !important;
  }
  .liquid_ml15 {
    margin-left: 15px !important;
  }
  .liquid_mb20 {
    margin-bottom: 20px !important;
  }
  .liquid_mt20 {
    margin-top: 20px !important;
  }
  .liquid_mr20 {
    margin-right: 20px !important;
  }
  .liquid_ml20 {
    margin-left: 20px !important;
  }
  .liquid_mb25 {
    margin-bottom: 25px !important;
  }
  .liquid_mt25 {
    margin-top: 25px !important;
  }
  .liquid_mr25 {
    margin-right: 25px !important;
  }
  .liquid_ml25 {
    margin-left: 25px !important;
  }
  .liquid_mb30 {
    margin-bottom: 30px !important;
  }
  .liquid_mt30 {
    margin-top: 30px !important;
  }
  .liquid_mr30 {
    margin-right: 30px !important;
  }
  .liquid_ml30 {
    margin-left: 30px !important;
  }
  .liquid_mb35 {
    margin-bottom: 35px !important;
  }
  .liquid_mt35 {
    margin-top: 35px !important;
  }
  .liquid_mr35 {
    margin-right: 35px !important;
  }
  .liquid_ml35 {
    margin-left: 35px !important;
  }
  .liquid_mb40 {
    margin-bottom: 40px !important;
  }
  .liquid_mt40 {
    margin-top: 40px !important;
  }
  .liquid_mr40 {
    margin-right: 40px !important;
  }
  .liquid_ml40 {
    margin-left: 40px !important;
  }
  .liquid_mb45 {
    margin-bottom: 45px !important;
  }
  .liquid_mt45 {
    margin-top: 45px !important;
  }
  .liquid_mr45 {
    margin-right: 45px !important;
  }
  .liquid_ml45 {
    margin-left: 45px !important;
  }
  .liquid_mb50 {
    margin-bottom: 50px !important;
  }
  .liquid_mt50 {
    margin-top: 50px !important;
  }
  .liquid_mr50 {
    margin-right: 50px !important;
  }
  .liquid_ml50 {
    margin-left: 50px !important;
  }
  .liquid_mb55 {
    margin-bottom: 55px !important;
  }
  .liquid_mt55 {
    margin-top: 55px !important;
  }
  .liquid_mr55 {
    margin-right: 55px !important;
  }
  .liquid_ml55 {
    margin-left: 55px !important;
  }
  .liquid_mb60 {
    margin-bottom: 60px !important;
  }
  .liquid_mt60 {
    margin-top: 60px !important;
  }
  .liquid_mr60 {
    margin-right: 60px !important;
  }
  .liquid_ml60 {
    margin-left: 60px !important;
  }
  .liquid_mb65 {
    margin-bottom: 65px !important;
  }
  .liquid_mt65 {
    margin-top: 65px !important;
  }
  .liquid_mr65 {
    margin-right: 65px !important;
  }
  .liquid_ml65 {
    margin-left: 65px !important;
  }
  .liquid_mb70 {
    margin-bottom: 70px !important;
  }
  .liquid_mt70 {
    margin-top: 70px !important;
  }
  .liquid_mr70 {
    margin-right: 70px !important;
  }
  .liquid_ml70 {
    margin-left: 70px !important;
  }
  .liquid_mb75 {
    margin-bottom: 75px !important;
  }
  .liquid_mt75 {
    margin-top: 75px !important;
  }
  .liquid_mr75 {
    margin-right: 75px !important;
  }
  .liquid_ml75 {
    margin-left: 75px !important;
  }
  .liquid_mb80 {
    margin-bottom: 80px !important;
  }
  .liquid_mt80 {
    margin-top: 80px !important;
  }
  .liquid_mr80 {
    margin-right: 80px !important;
  }
  .liquid_ml80 {
    margin-left: 80px !important;
  }
  .liquid_mb85 {
    margin-bottom: 85px !important;
  }
  .liquid_mt85 {
    margin-top: 85px !important;
  }
  .liquid_mr85 {
    margin-right: 85px !important;
  }
  .liquid_ml85 {
    margin-left: 85px !important;
  }
  .liquid_mb90 {
    margin-bottom: 90px !important;
  }
  .liquid_mt90 {
    margin-top: 90px !important;
  }
  .liquid_mr90 {
    margin-right: 90px !important;
  }
  .liquid_ml90 {
    margin-left: 90px !important;
  }
  .liquid_mb95 {
    margin-bottom: 95px !important;
  }
  .liquid_mt95 {
    margin-top: 95px !important;
  }
  .liquid_mr95 {
    margin-right: 95px !important;
  }
  .liquid_ml95 {
    margin-left: 95px !important;
  }
  .liquid_mb100 {
    margin-bottom: 100px !important;
  }
  .liquid_mt100 {
    margin-top: 100px !important;
  }
  .liquid_mr100 {
    margin-right: 100px !important;
  }
  .liquid_ml100 {
    margin-left: 100px !important;
  }
  .liquid_mb105 {
    margin-bottom: 105px !important;
  }
  .liquid_mt105 {
    margin-top: 105px !important;
  }
  .liquid_mr105 {
    margin-right: 105px !important;
  }
  .liquid_ml105 {
    margin-left: 105px !important;
  }
  .liquid_mb110 {
    margin-bottom: 110px !important;
  }
  .liquid_mt110 {
    margin-top: 110px !important;
  }
  .liquid_mr110 {
    margin-right: 110px !important;
  }
  .liquid_ml110 {
    margin-left: 110px !important;
  }
  .liquid_mb115 {
    margin-bottom: 115px !important;
  }
  .liquid_mt115 {
    margin-top: 115px !important;
  }
  .liquid_mr115 {
    margin-right: 115px !important;
  }
  .liquid_ml115 {
    margin-left: 115px !important;
  }
  .liquid_mb120 {
    margin-bottom: 120px !important;
  }
  .liquid_mt120 {
    margin-top: 120px !important;
  }
  .liquid_mr120 {
    margin-right: 120px !important;
  }
  .liquid_ml120 {
    margin-left: 120px !important;
  }
  .liquid_mb125 {
    margin-bottom: 125px !important;
  }
  .liquid_mt125 {
    margin-top: 125px !important;
  }
  .liquid_mr125 {
    margin-right: 125px !important;
  }
  .liquid_ml125 {
    margin-left: 125px !important;
  }
  .liquid_mb7 {
    margin-bottom: 7px !important;
  }
  .liquid_mt7 {
    margin-top: 7px !important;
  }
  .liquid_mr7 {
    margin-right: 7px !important;
  }
  .liquid_ml7 {
    margin-left: 7px !important;
  }
  .liquid_mt150em {
    margin-top: 1.5em !important;
  }
  .liquid_mb150em {
    margin-bottom: 1.5em !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_mb-60 {
    margin-bottom: -60px !important;
  }
  .tablet_mt-60 {
    margin-top: -60px !important;
  }
  .tablet_mr-60 {
    margin-right: -60px !important;
  }
  .tablet_ml-60 {
    margin-left: -60px !important;
  }
  .tablet_mb-55 {
    margin-bottom: -55px !important;
  }
  .tablet_mt-55 {
    margin-top: -55px !important;
  }
  .tablet_mr-55 {
    margin-right: -55px !important;
  }
  .tablet_ml-55 {
    margin-left: -55px !important;
  }
  .tablet_mb-50 {
    margin-bottom: -50px !important;
  }
  .tablet_mt-50 {
    margin-top: -50px !important;
  }
  .tablet_mr-50 {
    margin-right: -50px !important;
  }
  .tablet_ml-50 {
    margin-left: -50px !important;
  }
  .tablet_mb-45 {
    margin-bottom: -45px !important;
  }
  .tablet_mt-45 {
    margin-top: -45px !important;
  }
  .tablet_mr-45 {
    margin-right: -45px !important;
  }
  .tablet_ml-45 {
    margin-left: -45px !important;
  }
  .tablet_mb-40 {
    margin-bottom: -40px !important;
  }
  .tablet_mt-40 {
    margin-top: -40px !important;
  }
  .tablet_mr-40 {
    margin-right: -40px !important;
  }
  .tablet_ml-40 {
    margin-left: -40px !important;
  }
  .tablet_mb-35 {
    margin-bottom: -35px !important;
  }
  .tablet_mt-35 {
    margin-top: -35px !important;
  }
  .tablet_mr-35 {
    margin-right: -35px !important;
  }
  .tablet_ml-35 {
    margin-left: -35px !important;
  }
  .tablet_mb-30 {
    margin-bottom: -30px !important;
  }
  .tablet_mt-30 {
    margin-top: -30px !important;
  }
  .tablet_mr-30 {
    margin-right: -30px !important;
  }
  .tablet_ml-30 {
    margin-left: -30px !important;
  }
  .tablet_mb-25 {
    margin-bottom: -25px !important;
  }
  .tablet_mt-25 {
    margin-top: -25px !important;
  }
  .tablet_mr-25 {
    margin-right: -25px !important;
  }
  .tablet_ml-25 {
    margin-left: -25px !important;
  }
  .tablet_mb-20 {
    margin-bottom: -20px !important;
  }
  .tablet_mt-20 {
    margin-top: -20px !important;
  }
  .tablet_mr-20 {
    margin-right: -20px !important;
  }
  .tablet_ml-20 {
    margin-left: -20px !important;
  }
  .tablet_mb-15 {
    margin-bottom: -15px !important;
  }
  .tablet_mt-15 {
    margin-top: -15px !important;
  }
  .tablet_mr-15 {
    margin-right: -15px !important;
  }
  .tablet_ml-15 {
    margin-left: -15px !important;
  }
  .tablet_mb-10 {
    margin-bottom: -10px !important;
  }
  .tablet_mt-10 {
    margin-top: -10px !important;
  }
  .tablet_mr-10 {
    margin-right: -10px !important;
  }
  .tablet_ml-10 {
    margin-left: -10px !important;
  }
  .tablet_mb-5 {
    margin-bottom: -5px !important;
  }
  .tablet_mt-5 {
    margin-top: -5px !important;
  }
  .tablet_mr-5 {
    margin-right: -5px !important;
  }
  .tablet_ml-5 {
    margin-left: -5px !important;
  }
  .tablet_mb0 {
    margin-bottom: 0px !important;
  }
  .tablet_mt0 {
    margin-top: 0px !important;
  }
  .tablet_mr0 {
    margin-right: 0px !important;
  }
  .tablet_ml0 {
    margin-left: 0px !important;
  }
  .tablet_mb5 {
    margin-bottom: 5px !important;
  }
  .tablet_mt5 {
    margin-top: 5px !important;
  }
  .tablet_mr5 {
    margin-right: 5px !important;
  }
  .tablet_ml5 {
    margin-left: 5px !important;
  }
  .tablet_mb10 {
    margin-bottom: 10px !important;
  }
  .tablet_mt10 {
    margin-top: 10px !important;
  }
  .tablet_mr10 {
    margin-right: 10px !important;
  }
  .tablet_ml10 {
    margin-left: 10px !important;
  }
  .tablet_mb15 {
    margin-bottom: 15px !important;
  }
  .tablet_mt15 {
    margin-top: 15px !important;
  }
  .tablet_mr15 {
    margin-right: 15px !important;
  }
  .tablet_ml15 {
    margin-left: 15px !important;
  }
  .tablet_mb20 {
    margin-bottom: 20px !important;
  }
  .tablet_mt20 {
    margin-top: 20px !important;
  }
  .tablet_mr20 {
    margin-right: 20px !important;
  }
  .tablet_ml20 {
    margin-left: 20px !important;
  }
  .tablet_mb25 {
    margin-bottom: 25px !important;
  }
  .tablet_mt25 {
    margin-top: 25px !important;
  }
  .tablet_mr25 {
    margin-right: 25px !important;
  }
  .tablet_ml25 {
    margin-left: 25px !important;
  }
  .tablet_mb30 {
    margin-bottom: 30px !important;
  }
  .tablet_mt30 {
    margin-top: 30px !important;
  }
  .tablet_mr30 {
    margin-right: 30px !important;
  }
  .tablet_ml30 {
    margin-left: 30px !important;
  }
  .tablet_mb35 {
    margin-bottom: 35px !important;
  }
  .tablet_mt35 {
    margin-top: 35px !important;
  }
  .tablet_mr35 {
    margin-right: 35px !important;
  }
  .tablet_ml35 {
    margin-left: 35px !important;
  }
  .tablet_mb40 {
    margin-bottom: 40px !important;
  }
  .tablet_mt40 {
    margin-top: 40px !important;
  }
  .tablet_mr40 {
    margin-right: 40px !important;
  }
  .tablet_ml40 {
    margin-left: 40px !important;
  }
  .tablet_mb45 {
    margin-bottom: 45px !important;
  }
  .tablet_mt45 {
    margin-top: 45px !important;
  }
  .tablet_mr45 {
    margin-right: 45px !important;
  }
  .tablet_ml45 {
    margin-left: 45px !important;
  }
  .tablet_mb50 {
    margin-bottom: 50px !important;
  }
  .tablet_mt50 {
    margin-top: 50px !important;
  }
  .tablet_mr50 {
    margin-right: 50px !important;
  }
  .tablet_ml50 {
    margin-left: 50px !important;
  }
  .tablet_mb55 {
    margin-bottom: 55px !important;
  }
  .tablet_mt55 {
    margin-top: 55px !important;
  }
  .tablet_mr55 {
    margin-right: 55px !important;
  }
  .tablet_ml55 {
    margin-left: 55px !important;
  }
  .tablet_mb60 {
    margin-bottom: 60px !important;
  }
  .tablet_mt60 {
    margin-top: 60px !important;
  }
  .tablet_mr60 {
    margin-right: 60px !important;
  }
  .tablet_ml60 {
    margin-left: 60px !important;
  }
  .tablet_mb65 {
    margin-bottom: 65px !important;
  }
  .tablet_mt65 {
    margin-top: 65px !important;
  }
  .tablet_mr65 {
    margin-right: 65px !important;
  }
  .tablet_ml65 {
    margin-left: 65px !important;
  }
  .tablet_mb70 {
    margin-bottom: 70px !important;
  }
  .tablet_mt70 {
    margin-top: 70px !important;
  }
  .tablet_mr70 {
    margin-right: 70px !important;
  }
  .tablet_ml70 {
    margin-left: 70px !important;
  }
  .tablet_mb75 {
    margin-bottom: 75px !important;
  }
  .tablet_mt75 {
    margin-top: 75px !important;
  }
  .tablet_mr75 {
    margin-right: 75px !important;
  }
  .tablet_ml75 {
    margin-left: 75px !important;
  }
  .tablet_mb80 {
    margin-bottom: 80px !important;
  }
  .tablet_mt80 {
    margin-top: 80px !important;
  }
  .tablet_mr80 {
    margin-right: 80px !important;
  }
  .tablet_ml80 {
    margin-left: 80px !important;
  }
  .tablet_mb85 {
    margin-bottom: 85px !important;
  }
  .tablet_mt85 {
    margin-top: 85px !important;
  }
  .tablet_mr85 {
    margin-right: 85px !important;
  }
  .tablet_ml85 {
    margin-left: 85px !important;
  }
  .tablet_mb90 {
    margin-bottom: 90px !important;
  }
  .tablet_mt90 {
    margin-top: 90px !important;
  }
  .tablet_mr90 {
    margin-right: 90px !important;
  }
  .tablet_ml90 {
    margin-left: 90px !important;
  }
  .tablet_mb95 {
    margin-bottom: 95px !important;
  }
  .tablet_mt95 {
    margin-top: 95px !important;
  }
  .tablet_mr95 {
    margin-right: 95px !important;
  }
  .tablet_ml95 {
    margin-left: 95px !important;
  }
  .tablet_mb100 {
    margin-bottom: 100px !important;
  }
  .tablet_mt100 {
    margin-top: 100px !important;
  }
  .tablet_mr100 {
    margin-right: 100px !important;
  }
  .tablet_ml100 {
    margin-left: 100px !important;
  }
  .tablet_mb105 {
    margin-bottom: 105px !important;
  }
  .tablet_mt105 {
    margin-top: 105px !important;
  }
  .tablet_mr105 {
    margin-right: 105px !important;
  }
  .tablet_ml105 {
    margin-left: 105px !important;
  }
  .tablet_mb110 {
    margin-bottom: 110px !important;
  }
  .tablet_mt110 {
    margin-top: 110px !important;
  }
  .tablet_mr110 {
    margin-right: 110px !important;
  }
  .tablet_ml110 {
    margin-left: 110px !important;
  }
  .tablet_mb115 {
    margin-bottom: 115px !important;
  }
  .tablet_mt115 {
    margin-top: 115px !important;
  }
  .tablet_mr115 {
    margin-right: 115px !important;
  }
  .tablet_ml115 {
    margin-left: 115px !important;
  }
  .tablet_mb120 {
    margin-bottom: 120px !important;
  }
  .tablet_mt120 {
    margin-top: 120px !important;
  }
  .tablet_mr120 {
    margin-right: 120px !important;
  }
  .tablet_ml120 {
    margin-left: 120px !important;
  }
  .tablet_mb125 {
    margin-bottom: 125px !important;
  }
  .tablet_mt125 {
    margin-top: 125px !important;
  }
  .tablet_mr125 {
    margin-right: 125px !important;
  }
  .tablet_ml125 {
    margin-left: 125px !important;
  }
  .tablet_mb7 {
    margin-bottom: 7px !important;
  }
  .tablet_mt7 {
    margin-top: 7px !important;
  }
  .tablet_mr7 {
    margin-right: 7px !important;
  }
  .tablet_ml7 {
    margin-left: 7px !important;
  }
  .tablet_mt150em {
    margin-top: 1.5em !important;
  }
  .tablet_mb150em {
    margin-bottom: 1.5em !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_mb-60 {
    margin-bottom: -60px !important;
  }
  .sp_mt-60 {
    margin-top: -60px !important;
  }
  .sp_mr-60 {
    margin-right: -60px !important;
  }
  .sp_ml-60 {
    margin-left: -60px !important;
  }
  .sp_mb-55 {
    margin-bottom: -55px !important;
  }
  .sp_mt-55 {
    margin-top: -55px !important;
  }
  .sp_mr-55 {
    margin-right: -55px !important;
  }
  .sp_ml-55 {
    margin-left: -55px !important;
  }
  .sp_mb-50 {
    margin-bottom: -50px !important;
  }
  .sp_mt-50 {
    margin-top: -50px !important;
  }
  .sp_mr-50 {
    margin-right: -50px !important;
  }
  .sp_ml-50 {
    margin-left: -50px !important;
  }
  .sp_mb-45 {
    margin-bottom: -45px !important;
  }
  .sp_mt-45 {
    margin-top: -45px !important;
  }
  .sp_mr-45 {
    margin-right: -45px !important;
  }
  .sp_ml-45 {
    margin-left: -45px !important;
  }
  .sp_mb-40 {
    margin-bottom: -40px !important;
  }
  .sp_mt-40 {
    margin-top: -40px !important;
  }
  .sp_mr-40 {
    margin-right: -40px !important;
  }
  .sp_ml-40 {
    margin-left: -40px !important;
  }
  .sp_mb-35 {
    margin-bottom: -35px !important;
  }
  .sp_mt-35 {
    margin-top: -35px !important;
  }
  .sp_mr-35 {
    margin-right: -35px !important;
  }
  .sp_ml-35 {
    margin-left: -35px !important;
  }
  .sp_mb-30 {
    margin-bottom: -30px !important;
  }
  .sp_mt-30 {
    margin-top: -30px !important;
  }
  .sp_mr-30 {
    margin-right: -30px !important;
  }
  .sp_ml-30 {
    margin-left: -30px !important;
  }
  .sp_mb-25 {
    margin-bottom: -25px !important;
  }
  .sp_mt-25 {
    margin-top: -25px !important;
  }
  .sp_mr-25 {
    margin-right: -25px !important;
  }
  .sp_ml-25 {
    margin-left: -25px !important;
  }
  .sp_mb-20 {
    margin-bottom: -20px !important;
  }
  .sp_mt-20 {
    margin-top: -20px !important;
  }
  .sp_mr-20 {
    margin-right: -20px !important;
  }
  .sp_ml-20 {
    margin-left: -20px !important;
  }
  .sp_mb-15 {
    margin-bottom: -15px !important;
  }
  .sp_mt-15 {
    margin-top: -15px !important;
  }
  .sp_mr-15 {
    margin-right: -15px !important;
  }
  .sp_ml-15 {
    margin-left: -15px !important;
  }
  .sp_mb-10 {
    margin-bottom: -10px !important;
  }
  .sp_mt-10 {
    margin-top: -10px !important;
  }
  .sp_mr-10 {
    margin-right: -10px !important;
  }
  .sp_ml-10 {
    margin-left: -10px !important;
  }
  .sp_mb-5 {
    margin-bottom: -5px !important;
  }
  .sp_mt-5 {
    margin-top: -5px !important;
  }
  .sp_mr-5 {
    margin-right: -5px !important;
  }
  .sp_ml-5 {
    margin-left: -5px !important;
  }
  .sp_mb0 {
    margin-bottom: 0px !important;
  }
  .sp_mt0 {
    margin-top: 0px !important;
  }
  .sp_mr0 {
    margin-right: 0px !important;
  }
  .sp_ml0 {
    margin-left: 0px !important;
  }
  .sp_mb5 {
    margin-bottom: 5px !important;
  }
  .sp_mt5 {
    margin-top: 5px !important;
  }
  .sp_mr5 {
    margin-right: 5px !important;
  }
  .sp_ml5 {
    margin-left: 5px !important;
  }
  .sp_mb10 {
    margin-bottom: 10px !important;
  }
  .sp_mt10 {
    margin-top: 10px !important;
  }
  .sp_mr10 {
    margin-right: 10px !important;
  }
  .sp_ml10 {
    margin-left: 10px !important;
  }
  .sp_mb15 {
    margin-bottom: 15px !important;
  }
  .sp_mt15 {
    margin-top: 15px !important;
  }
  .sp_mr15 {
    margin-right: 15px !important;
  }
  .sp_ml15 {
    margin-left: 15px !important;
  }
  .sp_mb20 {
    margin-bottom: 20px !important;
  }
  .sp_mt20 {
    margin-top: 20px !important;
  }
  .sp_mr20 {
    margin-right: 20px !important;
  }
  .sp_ml20 {
    margin-left: 20px !important;
  }
  .sp_mb25 {
    margin-bottom: 25px !important;
  }
  .sp_mt25 {
    margin-top: 25px !important;
  }
  .sp_mr25 {
    margin-right: 25px !important;
  }
  .sp_ml25 {
    margin-left: 25px !important;
  }
  .sp_mb30 {
    margin-bottom: 30px !important;
  }
  .sp_mt30 {
    margin-top: 30px !important;
  }
  .sp_mr30 {
    margin-right: 30px !important;
  }
  .sp_ml30 {
    margin-left: 30px !important;
  }
  .sp_mb35 {
    margin-bottom: 35px !important;
  }
  .sp_mt35 {
    margin-top: 35px !important;
  }
  .sp_mr35 {
    margin-right: 35px !important;
  }
  .sp_ml35 {
    margin-left: 35px !important;
  }
  .sp_mb40 {
    margin-bottom: 40px !important;
  }
  .sp_mt40 {
    margin-top: 40px !important;
  }
  .sp_mr40 {
    margin-right: 40px !important;
  }
  .sp_ml40 {
    margin-left: 40px !important;
  }
  .sp_mb45 {
    margin-bottom: 45px !important;
  }
  .sp_mt45 {
    margin-top: 45px !important;
  }
  .sp_mr45 {
    margin-right: 45px !important;
  }
  .sp_ml45 {
    margin-left: 45px !important;
  }
  .sp_mb50 {
    margin-bottom: 50px !important;
  }
  .sp_mt50 {
    margin-top: 50px !important;
  }
  .sp_mr50 {
    margin-right: 50px !important;
  }
  .sp_ml50 {
    margin-left: 50px !important;
  }
  .sp_mb55 {
    margin-bottom: 55px !important;
  }
  .sp_mt55 {
    margin-top: 55px !important;
  }
  .sp_mr55 {
    margin-right: 55px !important;
  }
  .sp_ml55 {
    margin-left: 55px !important;
  }
  .sp_mb60 {
    margin-bottom: 60px !important;
  }
  .sp_mt60 {
    margin-top: 60px !important;
  }
  .sp_mr60 {
    margin-right: 60px !important;
  }
  .sp_ml60 {
    margin-left: 60px !important;
  }
  .sp_mb65 {
    margin-bottom: 65px !important;
  }
  .sp_mt65 {
    margin-top: 65px !important;
  }
  .sp_mr65 {
    margin-right: 65px !important;
  }
  .sp_ml65 {
    margin-left: 65px !important;
  }
  .sp_mb70 {
    margin-bottom: 70px !important;
  }
  .sp_mt70 {
    margin-top: 70px !important;
  }
  .sp_mr70 {
    margin-right: 70px !important;
  }
  .sp_ml70 {
    margin-left: 70px !important;
  }
  .sp_mb75 {
    margin-bottom: 75px !important;
  }
  .sp_mt75 {
    margin-top: 75px !important;
  }
  .sp_mr75 {
    margin-right: 75px !important;
  }
  .sp_ml75 {
    margin-left: 75px !important;
  }
  .sp_mb80 {
    margin-bottom: 80px !important;
  }
  .sp_mt80 {
    margin-top: 80px !important;
  }
  .sp_mr80 {
    margin-right: 80px !important;
  }
  .sp_ml80 {
    margin-left: 80px !important;
  }
  .sp_mb85 {
    margin-bottom: 85px !important;
  }
  .sp_mt85 {
    margin-top: 85px !important;
  }
  .sp_mr85 {
    margin-right: 85px !important;
  }
  .sp_ml85 {
    margin-left: 85px !important;
  }
  .sp_mb90 {
    margin-bottom: 90px !important;
  }
  .sp_mt90 {
    margin-top: 90px !important;
  }
  .sp_mr90 {
    margin-right: 90px !important;
  }
  .sp_ml90 {
    margin-left: 90px !important;
  }
  .sp_mb95 {
    margin-bottom: 95px !important;
  }
  .sp_mt95 {
    margin-top: 95px !important;
  }
  .sp_mr95 {
    margin-right: 95px !important;
  }
  .sp_ml95 {
    margin-left: 95px !important;
  }
  .sp_mb100 {
    margin-bottom: 100px !important;
  }
  .sp_mt100 {
    margin-top: 100px !important;
  }
  .sp_mr100 {
    margin-right: 100px !important;
  }
  .sp_ml100 {
    margin-left: 100px !important;
  }
  .sp_mb105 {
    margin-bottom: 105px !important;
  }
  .sp_mt105 {
    margin-top: 105px !important;
  }
  .sp_mr105 {
    margin-right: 105px !important;
  }
  .sp_ml105 {
    margin-left: 105px !important;
  }
  .sp_mb110 {
    margin-bottom: 110px !important;
  }
  .sp_mt110 {
    margin-top: 110px !important;
  }
  .sp_mr110 {
    margin-right: 110px !important;
  }
  .sp_ml110 {
    margin-left: 110px !important;
  }
  .sp_mb115 {
    margin-bottom: 115px !important;
  }
  .sp_mt115 {
    margin-top: 115px !important;
  }
  .sp_mr115 {
    margin-right: 115px !important;
  }
  .sp_ml115 {
    margin-left: 115px !important;
  }
  .sp_mb120 {
    margin-bottom: 120px !important;
  }
  .sp_mt120 {
    margin-top: 120px !important;
  }
  .sp_mr120 {
    margin-right: 120px !important;
  }
  .sp_ml120 {
    margin-left: 120px !important;
  }
  .sp_mb125 {
    margin-bottom: 125px !important;
  }
  .sp_mt125 {
    margin-top: 125px !important;
  }
  .sp_mr125 {
    margin-right: 125px !important;
  }
  .sp_ml125 {
    margin-left: 125px !important;
  }
  .sp_mb7 {
    margin-bottom: 7px !important;
  }
  .sp_mt7 {
    margin-top: 7px !important;
  }
  .sp_mr7 {
    margin-right: 7px !important;
  }
  .sp_ml7 {
    margin-left: 7px !important;
  }
  .sp_mt150em {
    margin-top: 1.5em !important;
  }
  .sp_mb150em {
    margin-bottom: 1.5em !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_mb-60 {
    margin-bottom: -60px !important;
  }
  .sp_small_mt-60 {
    margin-top: -60px !important;
  }
  .sp_small_mr-60 {
    margin-right: -60px !important;
  }
  .sp_small_ml-60 {
    margin-left: -60px !important;
  }
  .sp_small_mb-55 {
    margin-bottom: -55px !important;
  }
  .sp_small_mt-55 {
    margin-top: -55px !important;
  }
  .sp_small_mr-55 {
    margin-right: -55px !important;
  }
  .sp_small_ml-55 {
    margin-left: -55px !important;
  }
  .sp_small_mb-50 {
    margin-bottom: -50px !important;
  }
  .sp_small_mt-50 {
    margin-top: -50px !important;
  }
  .sp_small_mr-50 {
    margin-right: -50px !important;
  }
  .sp_small_ml-50 {
    margin-left: -50px !important;
  }
  .sp_small_mb-45 {
    margin-bottom: -45px !important;
  }
  .sp_small_mt-45 {
    margin-top: -45px !important;
  }
  .sp_small_mr-45 {
    margin-right: -45px !important;
  }
  .sp_small_ml-45 {
    margin-left: -45px !important;
  }
  .sp_small_mb-40 {
    margin-bottom: -40px !important;
  }
  .sp_small_mt-40 {
    margin-top: -40px !important;
  }
  .sp_small_mr-40 {
    margin-right: -40px !important;
  }
  .sp_small_ml-40 {
    margin-left: -40px !important;
  }
  .sp_small_mb-35 {
    margin-bottom: -35px !important;
  }
  .sp_small_mt-35 {
    margin-top: -35px !important;
  }
  .sp_small_mr-35 {
    margin-right: -35px !important;
  }
  .sp_small_ml-35 {
    margin-left: -35px !important;
  }
  .sp_small_mb-30 {
    margin-bottom: -30px !important;
  }
  .sp_small_mt-30 {
    margin-top: -30px !important;
  }
  .sp_small_mr-30 {
    margin-right: -30px !important;
  }
  .sp_small_ml-30 {
    margin-left: -30px !important;
  }
  .sp_small_mb-25 {
    margin-bottom: -25px !important;
  }
  .sp_small_mt-25 {
    margin-top: -25px !important;
  }
  .sp_small_mr-25 {
    margin-right: -25px !important;
  }
  .sp_small_ml-25 {
    margin-left: -25px !important;
  }
  .sp_small_mb-20 {
    margin-bottom: -20px !important;
  }
  .sp_small_mt-20 {
    margin-top: -20px !important;
  }
  .sp_small_mr-20 {
    margin-right: -20px !important;
  }
  .sp_small_ml-20 {
    margin-left: -20px !important;
  }
  .sp_small_mb-15 {
    margin-bottom: -15px !important;
  }
  .sp_small_mt-15 {
    margin-top: -15px !important;
  }
  .sp_small_mr-15 {
    margin-right: -15px !important;
  }
  .sp_small_ml-15 {
    margin-left: -15px !important;
  }
  .sp_small_mb-10 {
    margin-bottom: -10px !important;
  }
  .sp_small_mt-10 {
    margin-top: -10px !important;
  }
  .sp_small_mr-10 {
    margin-right: -10px !important;
  }
  .sp_small_ml-10 {
    margin-left: -10px !important;
  }
  .sp_small_mb-5 {
    margin-bottom: -5px !important;
  }
  .sp_small_mt-5 {
    margin-top: -5px !important;
  }
  .sp_small_mr-5 {
    margin-right: -5px !important;
  }
  .sp_small_ml-5 {
    margin-left: -5px !important;
  }
  .sp_small_mb0 {
    margin-bottom: 0px !important;
  }
  .sp_small_mt0 {
    margin-top: 0px !important;
  }
  .sp_small_mr0 {
    margin-right: 0px !important;
  }
  .sp_small_ml0 {
    margin-left: 0px !important;
  }
  .sp_small_mb5 {
    margin-bottom: 5px !important;
  }
  .sp_small_mt5 {
    margin-top: 5px !important;
  }
  .sp_small_mr5 {
    margin-right: 5px !important;
  }
  .sp_small_ml5 {
    margin-left: 5px !important;
  }
  .sp_small_mb10 {
    margin-bottom: 10px !important;
  }
  .sp_small_mt10 {
    margin-top: 10px !important;
  }
  .sp_small_mr10 {
    margin-right: 10px !important;
  }
  .sp_small_ml10 {
    margin-left: 10px !important;
  }
  .sp_small_mb15 {
    margin-bottom: 15px !important;
  }
  .sp_small_mt15 {
    margin-top: 15px !important;
  }
  .sp_small_mr15 {
    margin-right: 15px !important;
  }
  .sp_small_ml15 {
    margin-left: 15px !important;
  }
  .sp_small_mb20 {
    margin-bottom: 20px !important;
  }
  .sp_small_mt20 {
    margin-top: 20px !important;
  }
  .sp_small_mr20 {
    margin-right: 20px !important;
  }
  .sp_small_ml20 {
    margin-left: 20px !important;
  }
  .sp_small_mb25 {
    margin-bottom: 25px !important;
  }
  .sp_small_mt25 {
    margin-top: 25px !important;
  }
  .sp_small_mr25 {
    margin-right: 25px !important;
  }
  .sp_small_ml25 {
    margin-left: 25px !important;
  }
  .sp_small_mb30 {
    margin-bottom: 30px !important;
  }
  .sp_small_mt30 {
    margin-top: 30px !important;
  }
  .sp_small_mr30 {
    margin-right: 30px !important;
  }
  .sp_small_ml30 {
    margin-left: 30px !important;
  }
  .sp_small_mb35 {
    margin-bottom: 35px !important;
  }
  .sp_small_mt35 {
    margin-top: 35px !important;
  }
  .sp_small_mr35 {
    margin-right: 35px !important;
  }
  .sp_small_ml35 {
    margin-left: 35px !important;
  }
  .sp_small_mb40 {
    margin-bottom: 40px !important;
  }
  .sp_small_mt40 {
    margin-top: 40px !important;
  }
  .sp_small_mr40 {
    margin-right: 40px !important;
  }
  .sp_small_ml40 {
    margin-left: 40px !important;
  }
  .sp_small_mb45 {
    margin-bottom: 45px !important;
  }
  .sp_small_mt45 {
    margin-top: 45px !important;
  }
  .sp_small_mr45 {
    margin-right: 45px !important;
  }
  .sp_small_ml45 {
    margin-left: 45px !important;
  }
  .sp_small_mb50 {
    margin-bottom: 50px !important;
  }
  .sp_small_mt50 {
    margin-top: 50px !important;
  }
  .sp_small_mr50 {
    margin-right: 50px !important;
  }
  .sp_small_ml50 {
    margin-left: 50px !important;
  }
  .sp_small_mb55 {
    margin-bottom: 55px !important;
  }
  .sp_small_mt55 {
    margin-top: 55px !important;
  }
  .sp_small_mr55 {
    margin-right: 55px !important;
  }
  .sp_small_ml55 {
    margin-left: 55px !important;
  }
  .sp_small_mb60 {
    margin-bottom: 60px !important;
  }
  .sp_small_mt60 {
    margin-top: 60px !important;
  }
  .sp_small_mr60 {
    margin-right: 60px !important;
  }
  .sp_small_ml60 {
    margin-left: 60px !important;
  }
  .sp_small_mb65 {
    margin-bottom: 65px !important;
  }
  .sp_small_mt65 {
    margin-top: 65px !important;
  }
  .sp_small_mr65 {
    margin-right: 65px !important;
  }
  .sp_small_ml65 {
    margin-left: 65px !important;
  }
  .sp_small_mb70 {
    margin-bottom: 70px !important;
  }
  .sp_small_mt70 {
    margin-top: 70px !important;
  }
  .sp_small_mr70 {
    margin-right: 70px !important;
  }
  .sp_small_ml70 {
    margin-left: 70px !important;
  }
  .sp_small_mb75 {
    margin-bottom: 75px !important;
  }
  .sp_small_mt75 {
    margin-top: 75px !important;
  }
  .sp_small_mr75 {
    margin-right: 75px !important;
  }
  .sp_small_ml75 {
    margin-left: 75px !important;
  }
  .sp_small_mb80 {
    margin-bottom: 80px !important;
  }
  .sp_small_mt80 {
    margin-top: 80px !important;
  }
  .sp_small_mr80 {
    margin-right: 80px !important;
  }
  .sp_small_ml80 {
    margin-left: 80px !important;
  }
  .sp_small_mb85 {
    margin-bottom: 85px !important;
  }
  .sp_small_mt85 {
    margin-top: 85px !important;
  }
  .sp_small_mr85 {
    margin-right: 85px !important;
  }
  .sp_small_ml85 {
    margin-left: 85px !important;
  }
  .sp_small_mb90 {
    margin-bottom: 90px !important;
  }
  .sp_small_mt90 {
    margin-top: 90px !important;
  }
  .sp_small_mr90 {
    margin-right: 90px !important;
  }
  .sp_small_ml90 {
    margin-left: 90px !important;
  }
  .sp_small_mb95 {
    margin-bottom: 95px !important;
  }
  .sp_small_mt95 {
    margin-top: 95px !important;
  }
  .sp_small_mr95 {
    margin-right: 95px !important;
  }
  .sp_small_ml95 {
    margin-left: 95px !important;
  }
  .sp_small_mb100 {
    margin-bottom: 100px !important;
  }
  .sp_small_mt100 {
    margin-top: 100px !important;
  }
  .sp_small_mr100 {
    margin-right: 100px !important;
  }
  .sp_small_ml100 {
    margin-left: 100px !important;
  }
  .sp_small_mb105 {
    margin-bottom: 105px !important;
  }
  .sp_small_mt105 {
    margin-top: 105px !important;
  }
  .sp_small_mr105 {
    margin-right: 105px !important;
  }
  .sp_small_ml105 {
    margin-left: 105px !important;
  }
  .sp_small_mb110 {
    margin-bottom: 110px !important;
  }
  .sp_small_mt110 {
    margin-top: 110px !important;
  }
  .sp_small_mr110 {
    margin-right: 110px !important;
  }
  .sp_small_ml110 {
    margin-left: 110px !important;
  }
  .sp_small_mb115 {
    margin-bottom: 115px !important;
  }
  .sp_small_mt115 {
    margin-top: 115px !important;
  }
  .sp_small_mr115 {
    margin-right: 115px !important;
  }
  .sp_small_ml115 {
    margin-left: 115px !important;
  }
  .sp_small_mb120 {
    margin-bottom: 120px !important;
  }
  .sp_small_mt120 {
    margin-top: 120px !important;
  }
  .sp_small_mr120 {
    margin-right: 120px !important;
  }
  .sp_small_ml120 {
    margin-left: 120px !important;
  }
  .sp_small_mb125 {
    margin-bottom: 125px !important;
  }
  .sp_small_mt125 {
    margin-top: 125px !important;
  }
  .sp_small_mr125 {
    margin-right: 125px !important;
  }
  .sp_small_ml125 {
    margin-left: 125px !important;
  }
  .sp_small_mb7 {
    margin-bottom: 7px !important;
  }
  .sp_small_mt7 {
    margin-top: 7px !important;
  }
  .sp_small_mr7 {
    margin-right: 7px !important;
  }
  .sp_small_ml7 {
    margin-left: 7px !important;
  }
  .sp_small_mt150em {
    margin-top: 1.5em !important;
  }
  .sp_small_mb150em {
    margin-bottom: 1.5em !important;
  }
}
.pb0 {
  padding-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.pb105 {
  padding-bottom: 105px !important;
}

.pt105 {
  padding-top: 105px !important;
}

.pr105 {
  padding-right: 105px !important;
}

.pl105 {
  padding-left: 105px !important;
}

.pb110 {
  padding-bottom: 110px !important;
}

.pt110 {
  padding-top: 110px !important;
}

.pr110 {
  padding-right: 110px !important;
}

.pl110 {
  padding-left: 110px !important;
}

.pb115 {
  padding-bottom: 115px !important;
}

.pt115 {
  padding-top: 115px !important;
}

.pr115 {
  padding-right: 115px !important;
}

.pl115 {
  padding-left: 115px !important;
}

.pb120 {
  padding-bottom: 120px !important;
}

.pt120 {
  padding-top: 120px !important;
}

.pr120 {
  padding-right: 120px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.pb125 {
  padding-bottom: 125px !important;
}

.pt125 {
  padding-top: 125px !important;
}

.pr125 {
  padding-right: 125px !important;
}

.pl125 {
  padding-left: 125px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

@media screen and (max-width: 1199px) {
  .liquid_pb0 {
    padding-bottom: 0px !important;
  }
  .liquid_pt0 {
    padding-top: 0px !important;
  }
  .liquid_pr0 {
    padding-right: 0px !important;
  }
  .liquid_pl0 {
    padding-left: 0px !important;
  }
  .liquid_pb5 {
    padding-bottom: 5px !important;
  }
  .liquid_pt5 {
    padding-top: 5px !important;
  }
  .liquid_pr5 {
    padding-right: 5px !important;
  }
  .liquid_pl5 {
    padding-left: 5px !important;
  }
  .liquid_pb10 {
    padding-bottom: 10px !important;
  }
  .liquid_pt10 {
    padding-top: 10px !important;
  }
  .liquid_pr10 {
    padding-right: 10px !important;
  }
  .liquid_pl10 {
    padding-left: 10px !important;
  }
  .liquid_pb15 {
    padding-bottom: 15px !important;
  }
  .liquid_pt15 {
    padding-top: 15px !important;
  }
  .liquid_pr15 {
    padding-right: 15px !important;
  }
  .liquid_pl15 {
    padding-left: 15px !important;
  }
  .liquid_pb20 {
    padding-bottom: 20px !important;
  }
  .liquid_pt20 {
    padding-top: 20px !important;
  }
  .liquid_pr20 {
    padding-right: 20px !important;
  }
  .liquid_pl20 {
    padding-left: 20px !important;
  }
  .liquid_pb25 {
    padding-bottom: 25px !important;
  }
  .liquid_pt25 {
    padding-top: 25px !important;
  }
  .liquid_pr25 {
    padding-right: 25px !important;
  }
  .liquid_pl25 {
    padding-left: 25px !important;
  }
  .liquid_pb30 {
    padding-bottom: 30px !important;
  }
  .liquid_pt30 {
    padding-top: 30px !important;
  }
  .liquid_pr30 {
    padding-right: 30px !important;
  }
  .liquid_pl30 {
    padding-left: 30px !important;
  }
  .liquid_pb35 {
    padding-bottom: 35px !important;
  }
  .liquid_pt35 {
    padding-top: 35px !important;
  }
  .liquid_pr35 {
    padding-right: 35px !important;
  }
  .liquid_pl35 {
    padding-left: 35px !important;
  }
  .liquid_pb40 {
    padding-bottom: 40px !important;
  }
  .liquid_pt40 {
    padding-top: 40px !important;
  }
  .liquid_pr40 {
    padding-right: 40px !important;
  }
  .liquid_pl40 {
    padding-left: 40px !important;
  }
  .liquid_pb45 {
    padding-bottom: 45px !important;
  }
  .liquid_pt45 {
    padding-top: 45px !important;
  }
  .liquid_pr45 {
    padding-right: 45px !important;
  }
  .liquid_pl45 {
    padding-left: 45px !important;
  }
  .liquid_pb50 {
    padding-bottom: 50px !important;
  }
  .liquid_pt50 {
    padding-top: 50px !important;
  }
  .liquid_pr50 {
    padding-right: 50px !important;
  }
  .liquid_pl50 {
    padding-left: 50px !important;
  }
  .liquid_pb55 {
    padding-bottom: 55px !important;
  }
  .liquid_pt55 {
    padding-top: 55px !important;
  }
  .liquid_pr55 {
    padding-right: 55px !important;
  }
  .liquid_pl55 {
    padding-left: 55px !important;
  }
  .liquid_pb60 {
    padding-bottom: 60px !important;
  }
  .liquid_pt60 {
    padding-top: 60px !important;
  }
  .liquid_pr60 {
    padding-right: 60px !important;
  }
  .liquid_pl60 {
    padding-left: 60px !important;
  }
  .liquid_pb65 {
    padding-bottom: 65px !important;
  }
  .liquid_pt65 {
    padding-top: 65px !important;
  }
  .liquid_pr65 {
    padding-right: 65px !important;
  }
  .liquid_pl65 {
    padding-left: 65px !important;
  }
  .liquid_pb70 {
    padding-bottom: 70px !important;
  }
  .liquid_pt70 {
    padding-top: 70px !important;
  }
  .liquid_pr70 {
    padding-right: 70px !important;
  }
  .liquid_pl70 {
    padding-left: 70px !important;
  }
  .liquid_pb75 {
    padding-bottom: 75px !important;
  }
  .liquid_pt75 {
    padding-top: 75px !important;
  }
  .liquid_pr75 {
    padding-right: 75px !important;
  }
  .liquid_pl75 {
    padding-left: 75px !important;
  }
  .liquid_pb80 {
    padding-bottom: 80px !important;
  }
  .liquid_pt80 {
    padding-top: 80px !important;
  }
  .liquid_pr80 {
    padding-right: 80px !important;
  }
  .liquid_pl80 {
    padding-left: 80px !important;
  }
  .liquid_pb85 {
    padding-bottom: 85px !important;
  }
  .liquid_pt85 {
    padding-top: 85px !important;
  }
  .liquid_pr85 {
    padding-right: 85px !important;
  }
  .liquid_pl85 {
    padding-left: 85px !important;
  }
  .liquid_pb90 {
    padding-bottom: 90px !important;
  }
  .liquid_pt90 {
    padding-top: 90px !important;
  }
  .liquid_pr90 {
    padding-right: 90px !important;
  }
  .liquid_pl90 {
    padding-left: 90px !important;
  }
  .liquid_pb95 {
    padding-bottom: 95px !important;
  }
  .liquid_pt95 {
    padding-top: 95px !important;
  }
  .liquid_pr95 {
    padding-right: 95px !important;
  }
  .liquid_pl95 {
    padding-left: 95px !important;
  }
  .liquid_pb100 {
    padding-bottom: 100px !important;
  }
  .liquid_pt100 {
    padding-top: 100px !important;
  }
  .liquid_pr100 {
    padding-right: 100px !important;
  }
  .liquid_pl100 {
    padding-left: 100px !important;
  }
  .liquid_pb105 {
    padding-bottom: 105px !important;
  }
  .liquid_pt105 {
    padding-top: 105px !important;
  }
  .liquid_pr105 {
    padding-right: 105px !important;
  }
  .liquid_pl105 {
    padding-left: 105px !important;
  }
  .liquid_pb110 {
    padding-bottom: 110px !important;
  }
  .liquid_pt110 {
    padding-top: 110px !important;
  }
  .liquid_pr110 {
    padding-right: 110px !important;
  }
  .liquid_pl110 {
    padding-left: 110px !important;
  }
  .liquid_pb115 {
    padding-bottom: 115px !important;
  }
  .liquid_pt115 {
    padding-top: 115px !important;
  }
  .liquid_pr115 {
    padding-right: 115px !important;
  }
  .liquid_pl115 {
    padding-left: 115px !important;
  }
  .liquid_pb120 {
    padding-bottom: 120px !important;
  }
  .liquid_pt120 {
    padding-top: 120px !important;
  }
  .liquid_pr120 {
    padding-right: 120px !important;
  }
  .liquid_pl120 {
    padding-left: 120px !important;
  }
  .liquid_pb125 {
    padding-bottom: 125px !important;
  }
  .liquid_pt125 {
    padding-top: 125px !important;
  }
  .liquid_pr125 {
    padding-right: 125px !important;
  }
  .liquid_pl125 {
    padding-left: 125px !important;
  }
  .liquid_pb7 {
    padding-bottom: 7px !important;
  }
  .liquid_pt7 {
    padding-top: 7px !important;
  }
  .liquid_pr7 {
    padding-right: 7px !important;
  }
  .liquid_pl7 {
    padding-left: 7px !important;
  }
}
@media screen and (max-width: 959px) {
  .tablet_pb0 {
    padding-bottom: 0px !important;
  }
  .tablet_pt0 {
    padding-top: 0px !important;
  }
  .tablet_pr0 {
    padding-right: 0px !important;
  }
  .tablet_pl0 {
    padding-left: 0px !important;
  }
  .tablet_pb5 {
    padding-bottom: 5px !important;
  }
  .tablet_pt5 {
    padding-top: 5px !important;
  }
  .tablet_pr5 {
    padding-right: 5px !important;
  }
  .tablet_pl5 {
    padding-left: 5px !important;
  }
  .tablet_pb10 {
    padding-bottom: 10px !important;
  }
  .tablet_pt10 {
    padding-top: 10px !important;
  }
  .tablet_pr10 {
    padding-right: 10px !important;
  }
  .tablet_pl10 {
    padding-left: 10px !important;
  }
  .tablet_pb15 {
    padding-bottom: 15px !important;
  }
  .tablet_pt15 {
    padding-top: 15px !important;
  }
  .tablet_pr15 {
    padding-right: 15px !important;
  }
  .tablet_pl15 {
    padding-left: 15px !important;
  }
  .tablet_pb20 {
    padding-bottom: 20px !important;
  }
  .tablet_pt20 {
    padding-top: 20px !important;
  }
  .tablet_pr20 {
    padding-right: 20px !important;
  }
  .tablet_pl20 {
    padding-left: 20px !important;
  }
  .tablet_pb25 {
    padding-bottom: 25px !important;
  }
  .tablet_pt25 {
    padding-top: 25px !important;
  }
  .tablet_pr25 {
    padding-right: 25px !important;
  }
  .tablet_pl25 {
    padding-left: 25px !important;
  }
  .tablet_pb30 {
    padding-bottom: 30px !important;
  }
  .tablet_pt30 {
    padding-top: 30px !important;
  }
  .tablet_pr30 {
    padding-right: 30px !important;
  }
  .tablet_pl30 {
    padding-left: 30px !important;
  }
  .tablet_pb35 {
    padding-bottom: 35px !important;
  }
  .tablet_pt35 {
    padding-top: 35px !important;
  }
  .tablet_pr35 {
    padding-right: 35px !important;
  }
  .tablet_pl35 {
    padding-left: 35px !important;
  }
  .tablet_pb40 {
    padding-bottom: 40px !important;
  }
  .tablet_pt40 {
    padding-top: 40px !important;
  }
  .tablet_pr40 {
    padding-right: 40px !important;
  }
  .tablet_pl40 {
    padding-left: 40px !important;
  }
  .tablet_pb45 {
    padding-bottom: 45px !important;
  }
  .tablet_pt45 {
    padding-top: 45px !important;
  }
  .tablet_pr45 {
    padding-right: 45px !important;
  }
  .tablet_pl45 {
    padding-left: 45px !important;
  }
  .tablet_pb50 {
    padding-bottom: 50px !important;
  }
  .tablet_pt50 {
    padding-top: 50px !important;
  }
  .tablet_pr50 {
    padding-right: 50px !important;
  }
  .tablet_pl50 {
    padding-left: 50px !important;
  }
  .tablet_pb55 {
    padding-bottom: 55px !important;
  }
  .tablet_pt55 {
    padding-top: 55px !important;
  }
  .tablet_pr55 {
    padding-right: 55px !important;
  }
  .tablet_pl55 {
    padding-left: 55px !important;
  }
  .tablet_pb60 {
    padding-bottom: 60px !important;
  }
  .tablet_pt60 {
    padding-top: 60px !important;
  }
  .tablet_pr60 {
    padding-right: 60px !important;
  }
  .tablet_pl60 {
    padding-left: 60px !important;
  }
  .tablet_pb65 {
    padding-bottom: 65px !important;
  }
  .tablet_pt65 {
    padding-top: 65px !important;
  }
  .tablet_pr65 {
    padding-right: 65px !important;
  }
  .tablet_pl65 {
    padding-left: 65px !important;
  }
  .tablet_pb70 {
    padding-bottom: 70px !important;
  }
  .tablet_pt70 {
    padding-top: 70px !important;
  }
  .tablet_pr70 {
    padding-right: 70px !important;
  }
  .tablet_pl70 {
    padding-left: 70px !important;
  }
  .tablet_pb75 {
    padding-bottom: 75px !important;
  }
  .tablet_pt75 {
    padding-top: 75px !important;
  }
  .tablet_pr75 {
    padding-right: 75px !important;
  }
  .tablet_pl75 {
    padding-left: 75px !important;
  }
  .tablet_pb80 {
    padding-bottom: 80px !important;
  }
  .tablet_pt80 {
    padding-top: 80px !important;
  }
  .tablet_pr80 {
    padding-right: 80px !important;
  }
  .tablet_pl80 {
    padding-left: 80px !important;
  }
  .tablet_pb85 {
    padding-bottom: 85px !important;
  }
  .tablet_pt85 {
    padding-top: 85px !important;
  }
  .tablet_pr85 {
    padding-right: 85px !important;
  }
  .tablet_pl85 {
    padding-left: 85px !important;
  }
  .tablet_pb90 {
    padding-bottom: 90px !important;
  }
  .tablet_pt90 {
    padding-top: 90px !important;
  }
  .tablet_pr90 {
    padding-right: 90px !important;
  }
  .tablet_pl90 {
    padding-left: 90px !important;
  }
  .tablet_pb95 {
    padding-bottom: 95px !important;
  }
  .tablet_pt95 {
    padding-top: 95px !important;
  }
  .tablet_pr95 {
    padding-right: 95px !important;
  }
  .tablet_pl95 {
    padding-left: 95px !important;
  }
  .tablet_pb100 {
    padding-bottom: 100px !important;
  }
  .tablet_pt100 {
    padding-top: 100px !important;
  }
  .tablet_pr100 {
    padding-right: 100px !important;
  }
  .tablet_pl100 {
    padding-left: 100px !important;
  }
  .tablet_pb105 {
    padding-bottom: 105px !important;
  }
  .tablet_pt105 {
    padding-top: 105px !important;
  }
  .tablet_pr105 {
    padding-right: 105px !important;
  }
  .tablet_pl105 {
    padding-left: 105px !important;
  }
  .tablet_pb110 {
    padding-bottom: 110px !important;
  }
  .tablet_pt110 {
    padding-top: 110px !important;
  }
  .tablet_pr110 {
    padding-right: 110px !important;
  }
  .tablet_pl110 {
    padding-left: 110px !important;
  }
  .tablet_pb115 {
    padding-bottom: 115px !important;
  }
  .tablet_pt115 {
    padding-top: 115px !important;
  }
  .tablet_pr115 {
    padding-right: 115px !important;
  }
  .tablet_pl115 {
    padding-left: 115px !important;
  }
  .tablet_pb120 {
    padding-bottom: 120px !important;
  }
  .tablet_pt120 {
    padding-top: 120px !important;
  }
  .tablet_pr120 {
    padding-right: 120px !important;
  }
  .tablet_pl120 {
    padding-left: 120px !important;
  }
  .tablet_pb125 {
    padding-bottom: 125px !important;
  }
  .tablet_pt125 {
    padding-top: 125px !important;
  }
  .tablet_pr125 {
    padding-right: 125px !important;
  }
  .tablet_pl125 {
    padding-left: 125px !important;
  }
  .tablet_pb7 {
    padding-bottom: 7px !important;
  }
  .tablet_pt7 {
    padding-top: 7px !important;
  }
  .tablet_pr7 {
    padding-right: 7px !important;
  }
  .tablet_pl7 {
    padding-left: 7px !important;
  }
}
@media screen and (max-width: 679px) {
  .sp_pb0 {
    padding-bottom: 0px !important;
  }
  .sp_pt0 {
    padding-top: 0px !important;
  }
  .sp_pr0 {
    padding-right: 0px !important;
  }
  .sp_pl0 {
    padding-left: 0px !important;
  }
  .sp_pb5 {
    padding-bottom: 5px !important;
  }
  .sp_pt5 {
    padding-top: 5px !important;
  }
  .sp_pr5 {
    padding-right: 5px !important;
  }
  .sp_pl5 {
    padding-left: 5px !important;
  }
  .sp_pb10 {
    padding-bottom: 10px !important;
  }
  .sp_pt10 {
    padding-top: 10px !important;
  }
  .sp_pr10 {
    padding-right: 10px !important;
  }
  .sp_pl10 {
    padding-left: 10px !important;
  }
  .sp_pb15 {
    padding-bottom: 15px !important;
  }
  .sp_pt15 {
    padding-top: 15px !important;
  }
  .sp_pr15 {
    padding-right: 15px !important;
  }
  .sp_pl15 {
    padding-left: 15px !important;
  }
  .sp_pb20 {
    padding-bottom: 20px !important;
  }
  .sp_pt20 {
    padding-top: 20px !important;
  }
  .sp_pr20 {
    padding-right: 20px !important;
  }
  .sp_pl20 {
    padding-left: 20px !important;
  }
  .sp_pb25 {
    padding-bottom: 25px !important;
  }
  .sp_pt25 {
    padding-top: 25px !important;
  }
  .sp_pr25 {
    padding-right: 25px !important;
  }
  .sp_pl25 {
    padding-left: 25px !important;
  }
  .sp_pb30 {
    padding-bottom: 30px !important;
  }
  .sp_pt30 {
    padding-top: 30px !important;
  }
  .sp_pr30 {
    padding-right: 30px !important;
  }
  .sp_pl30 {
    padding-left: 30px !important;
  }
  .sp_pb35 {
    padding-bottom: 35px !important;
  }
  .sp_pt35 {
    padding-top: 35px !important;
  }
  .sp_pr35 {
    padding-right: 35px !important;
  }
  .sp_pl35 {
    padding-left: 35px !important;
  }
  .sp_pb40 {
    padding-bottom: 40px !important;
  }
  .sp_pt40 {
    padding-top: 40px !important;
  }
  .sp_pr40 {
    padding-right: 40px !important;
  }
  .sp_pl40 {
    padding-left: 40px !important;
  }
  .sp_pb45 {
    padding-bottom: 45px !important;
  }
  .sp_pt45 {
    padding-top: 45px !important;
  }
  .sp_pr45 {
    padding-right: 45px !important;
  }
  .sp_pl45 {
    padding-left: 45px !important;
  }
  .sp_pb50 {
    padding-bottom: 50px !important;
  }
  .sp_pt50 {
    padding-top: 50px !important;
  }
  .sp_pr50 {
    padding-right: 50px !important;
  }
  .sp_pl50 {
    padding-left: 50px !important;
  }
  .sp_pb55 {
    padding-bottom: 55px !important;
  }
  .sp_pt55 {
    padding-top: 55px !important;
  }
  .sp_pr55 {
    padding-right: 55px !important;
  }
  .sp_pl55 {
    padding-left: 55px !important;
  }
  .sp_pb60 {
    padding-bottom: 60px !important;
  }
  .sp_pt60 {
    padding-top: 60px !important;
  }
  .sp_pr60 {
    padding-right: 60px !important;
  }
  .sp_pl60 {
    padding-left: 60px !important;
  }
  .sp_pb65 {
    padding-bottom: 65px !important;
  }
  .sp_pt65 {
    padding-top: 65px !important;
  }
  .sp_pr65 {
    padding-right: 65px !important;
  }
  .sp_pl65 {
    padding-left: 65px !important;
  }
  .sp_pb70 {
    padding-bottom: 70px !important;
  }
  .sp_pt70 {
    padding-top: 70px !important;
  }
  .sp_pr70 {
    padding-right: 70px !important;
  }
  .sp_pl70 {
    padding-left: 70px !important;
  }
  .sp_pb75 {
    padding-bottom: 75px !important;
  }
  .sp_pt75 {
    padding-top: 75px !important;
  }
  .sp_pr75 {
    padding-right: 75px !important;
  }
  .sp_pl75 {
    padding-left: 75px !important;
  }
  .sp_pb80 {
    padding-bottom: 80px !important;
  }
  .sp_pt80 {
    padding-top: 80px !important;
  }
  .sp_pr80 {
    padding-right: 80px !important;
  }
  .sp_pl80 {
    padding-left: 80px !important;
  }
  .sp_pb85 {
    padding-bottom: 85px !important;
  }
  .sp_pt85 {
    padding-top: 85px !important;
  }
  .sp_pr85 {
    padding-right: 85px !important;
  }
  .sp_pl85 {
    padding-left: 85px !important;
  }
  .sp_pb90 {
    padding-bottom: 90px !important;
  }
  .sp_pt90 {
    padding-top: 90px !important;
  }
  .sp_pr90 {
    padding-right: 90px !important;
  }
  .sp_pl90 {
    padding-left: 90px !important;
  }
  .sp_pb95 {
    padding-bottom: 95px !important;
  }
  .sp_pt95 {
    padding-top: 95px !important;
  }
  .sp_pr95 {
    padding-right: 95px !important;
  }
  .sp_pl95 {
    padding-left: 95px !important;
  }
  .sp_pb100 {
    padding-bottom: 100px !important;
  }
  .sp_pt100 {
    padding-top: 100px !important;
  }
  .sp_pr100 {
    padding-right: 100px !important;
  }
  .sp_pl100 {
    padding-left: 100px !important;
  }
  .sp_pb105 {
    padding-bottom: 105px !important;
  }
  .sp_pt105 {
    padding-top: 105px !important;
  }
  .sp_pr105 {
    padding-right: 105px !important;
  }
  .sp_pl105 {
    padding-left: 105px !important;
  }
  .sp_pb110 {
    padding-bottom: 110px !important;
  }
  .sp_pt110 {
    padding-top: 110px !important;
  }
  .sp_pr110 {
    padding-right: 110px !important;
  }
  .sp_pl110 {
    padding-left: 110px !important;
  }
  .sp_pb115 {
    padding-bottom: 115px !important;
  }
  .sp_pt115 {
    padding-top: 115px !important;
  }
  .sp_pr115 {
    padding-right: 115px !important;
  }
  .sp_pl115 {
    padding-left: 115px !important;
  }
  .sp_pb120 {
    padding-bottom: 120px !important;
  }
  .sp_pt120 {
    padding-top: 120px !important;
  }
  .sp_pr120 {
    padding-right: 120px !important;
  }
  .sp_pl120 {
    padding-left: 120px !important;
  }
  .sp_pb125 {
    padding-bottom: 125px !important;
  }
  .sp_pt125 {
    padding-top: 125px !important;
  }
  .sp_pr125 {
    padding-right: 125px !important;
  }
  .sp_pl125 {
    padding-left: 125px !important;
  }
  .sp_pb7 {
    padding-bottom: 7px !important;
  }
  .sp_pt7 {
    padding-top: 7px !important;
  }
  .sp_pr7 {
    padding-right: 7px !important;
  }
  .sp_pl7 {
    padding-left: 7px !important;
  }
}
@media screen and (max-width: 320px) {
  .sp_small_pb0 {
    padding-bottom: 0px !important;
  }
  .sp_small_pt0 {
    padding-top: 0px !important;
  }
  .sp_small_pr0 {
    padding-right: 0px !important;
  }
  .sp_small_pl0 {
    padding-left: 0px !important;
  }
  .sp_small_pb5 {
    padding-bottom: 5px !important;
  }
  .sp_small_pt5 {
    padding-top: 5px !important;
  }
  .sp_small_pr5 {
    padding-right: 5px !important;
  }
  .sp_small_pl5 {
    padding-left: 5px !important;
  }
  .sp_small_pb10 {
    padding-bottom: 10px !important;
  }
  .sp_small_pt10 {
    padding-top: 10px !important;
  }
  .sp_small_pr10 {
    padding-right: 10px !important;
  }
  .sp_small_pl10 {
    padding-left: 10px !important;
  }
  .sp_small_pb15 {
    padding-bottom: 15px !important;
  }
  .sp_small_pt15 {
    padding-top: 15px !important;
  }
  .sp_small_pr15 {
    padding-right: 15px !important;
  }
  .sp_small_pl15 {
    padding-left: 15px !important;
  }
  .sp_small_pb20 {
    padding-bottom: 20px !important;
  }
  .sp_small_pt20 {
    padding-top: 20px !important;
  }
  .sp_small_pr20 {
    padding-right: 20px !important;
  }
  .sp_small_pl20 {
    padding-left: 20px !important;
  }
  .sp_small_pb25 {
    padding-bottom: 25px !important;
  }
  .sp_small_pt25 {
    padding-top: 25px !important;
  }
  .sp_small_pr25 {
    padding-right: 25px !important;
  }
  .sp_small_pl25 {
    padding-left: 25px !important;
  }
  .sp_small_pb30 {
    padding-bottom: 30px !important;
  }
  .sp_small_pt30 {
    padding-top: 30px !important;
  }
  .sp_small_pr30 {
    padding-right: 30px !important;
  }
  .sp_small_pl30 {
    padding-left: 30px !important;
  }
  .sp_small_pb35 {
    padding-bottom: 35px !important;
  }
  .sp_small_pt35 {
    padding-top: 35px !important;
  }
  .sp_small_pr35 {
    padding-right: 35px !important;
  }
  .sp_small_pl35 {
    padding-left: 35px !important;
  }
  .sp_small_pb40 {
    padding-bottom: 40px !important;
  }
  .sp_small_pt40 {
    padding-top: 40px !important;
  }
  .sp_small_pr40 {
    padding-right: 40px !important;
  }
  .sp_small_pl40 {
    padding-left: 40px !important;
  }
  .sp_small_pb45 {
    padding-bottom: 45px !important;
  }
  .sp_small_pt45 {
    padding-top: 45px !important;
  }
  .sp_small_pr45 {
    padding-right: 45px !important;
  }
  .sp_small_pl45 {
    padding-left: 45px !important;
  }
  .sp_small_pb50 {
    padding-bottom: 50px !important;
  }
  .sp_small_pt50 {
    padding-top: 50px !important;
  }
  .sp_small_pr50 {
    padding-right: 50px !important;
  }
  .sp_small_pl50 {
    padding-left: 50px !important;
  }
  .sp_small_pb55 {
    padding-bottom: 55px !important;
  }
  .sp_small_pt55 {
    padding-top: 55px !important;
  }
  .sp_small_pr55 {
    padding-right: 55px !important;
  }
  .sp_small_pl55 {
    padding-left: 55px !important;
  }
  .sp_small_pb60 {
    padding-bottom: 60px !important;
  }
  .sp_small_pt60 {
    padding-top: 60px !important;
  }
  .sp_small_pr60 {
    padding-right: 60px !important;
  }
  .sp_small_pl60 {
    padding-left: 60px !important;
  }
  .sp_small_pb65 {
    padding-bottom: 65px !important;
  }
  .sp_small_pt65 {
    padding-top: 65px !important;
  }
  .sp_small_pr65 {
    padding-right: 65px !important;
  }
  .sp_small_pl65 {
    padding-left: 65px !important;
  }
  .sp_small_pb70 {
    padding-bottom: 70px !important;
  }
  .sp_small_pt70 {
    padding-top: 70px !important;
  }
  .sp_small_pr70 {
    padding-right: 70px !important;
  }
  .sp_small_pl70 {
    padding-left: 70px !important;
  }
  .sp_small_pb75 {
    padding-bottom: 75px !important;
  }
  .sp_small_pt75 {
    padding-top: 75px !important;
  }
  .sp_small_pr75 {
    padding-right: 75px !important;
  }
  .sp_small_pl75 {
    padding-left: 75px !important;
  }
  .sp_small_pb80 {
    padding-bottom: 80px !important;
  }
  .sp_small_pt80 {
    padding-top: 80px !important;
  }
  .sp_small_pr80 {
    padding-right: 80px !important;
  }
  .sp_small_pl80 {
    padding-left: 80px !important;
  }
  .sp_small_pb85 {
    padding-bottom: 85px !important;
  }
  .sp_small_pt85 {
    padding-top: 85px !important;
  }
  .sp_small_pr85 {
    padding-right: 85px !important;
  }
  .sp_small_pl85 {
    padding-left: 85px !important;
  }
  .sp_small_pb90 {
    padding-bottom: 90px !important;
  }
  .sp_small_pt90 {
    padding-top: 90px !important;
  }
  .sp_small_pr90 {
    padding-right: 90px !important;
  }
  .sp_small_pl90 {
    padding-left: 90px !important;
  }
  .sp_small_pb95 {
    padding-bottom: 95px !important;
  }
  .sp_small_pt95 {
    padding-top: 95px !important;
  }
  .sp_small_pr95 {
    padding-right: 95px !important;
  }
  .sp_small_pl95 {
    padding-left: 95px !important;
  }
  .sp_small_pb100 {
    padding-bottom: 100px !important;
  }
  .sp_small_pt100 {
    padding-top: 100px !important;
  }
  .sp_small_pr100 {
    padding-right: 100px !important;
  }
  .sp_small_pl100 {
    padding-left: 100px !important;
  }
  .sp_small_pb105 {
    padding-bottom: 105px !important;
  }
  .sp_small_pt105 {
    padding-top: 105px !important;
  }
  .sp_small_pr105 {
    padding-right: 105px !important;
  }
  .sp_small_pl105 {
    padding-left: 105px !important;
  }
  .sp_small_pb110 {
    padding-bottom: 110px !important;
  }
  .sp_small_pt110 {
    padding-top: 110px !important;
  }
  .sp_small_pr110 {
    padding-right: 110px !important;
  }
  .sp_small_pl110 {
    padding-left: 110px !important;
  }
  .sp_small_pb115 {
    padding-bottom: 115px !important;
  }
  .sp_small_pt115 {
    padding-top: 115px !important;
  }
  .sp_small_pr115 {
    padding-right: 115px !important;
  }
  .sp_small_pl115 {
    padding-left: 115px !important;
  }
  .sp_small_pb120 {
    padding-bottom: 120px !important;
  }
  .sp_small_pt120 {
    padding-top: 120px !important;
  }
  .sp_small_pr120 {
    padding-right: 120px !important;
  }
  .sp_small_pl120 {
    padding-left: 120px !important;
  }
  .sp_small_pb125 {
    padding-bottom: 125px !important;
  }
  .sp_small_pt125 {
    padding-top: 125px !important;
  }
  .sp_small_pr125 {
    padding-right: 125px !important;
  }
  .sp_small_pl125 {
    padding-left: 125px !important;
  }
  .sp_small_pb7 {
    padding-bottom: 7px !important;
  }
  .sp_small_pt7 {
    padding-top: 7px !important;
  }
  .sp_small_pr7 {
    padding-right: 7px !important;
  }
  .sp_small_pl7 {
    padding-left: 7px !important;
  }
}
.disabled-content,
.disabled-content *,
.disabled-content *::before,
.disabled-content *::after {
  color: #ccc !important;
}
.disabled-content .heading-2::before,
.disabled-content .heading-3::before,
.disabled-content .heading-4::before,
.disabled-content .heading-5::before,
.disabled-content .heading-6::before {
  background-color: #ccc;
}
.disabled-content .list_circle > li::before {
  background-color: #ccc;
}

/*

font

*/
.smaller {
  font-size: 85% !important;
}

.larger {
  font-size: larger !important;
}

.bold {
  font-weight: bold !important;
}

.weight_medium {
  font-weight: 500 !important;
}

.weight_normal {
  font-weight: normal !important;
}

.style_normal {
  font-style: normal !important;
}

.nowrap {
  white-space: nowrap;
}

/*

line height

*/
.lh_l {
  line-height: 1.75 !important;
}

.lh_m {
  line-height: 1.5 !important;
}

.lh_s {
  line-height: 1.3 !important;
}

.lh_xs {
  line-height: 1 !important;
}

@media screen and (max-width: 679px) {
  .sp_lh_l {
    line-height: 1.75 !important;
  }
}

@media screen and (max-width: 679px) {
  .sp_lh_m {
    line-height: 1.5 !important;
  }
}

@media screen and (max-width: 679px) {
  .sp_lh_sm {
    line-height: 1.4 !important;
  }
}

@media screen and (max-width: 679px) {
  .sp_lh_s {
    line-height: 1.3 !important;
  }
}

@media screen and (max-width: 679px) {
  .sp_lh_xs {
    line-height: 1 !important;
  }
}

/*

font-feature-settings

*/
.ffs_palt {
  font-feature-settings: "palt" !important;
  letter-spacing: 0.08em;
}

.ffs_normal {
  font-feature-settings: normal !important;
  letter-spacing: 0.08em;
}

/*
colors
*/
.c_green {
  color: #4ABF28;
}

@media print {
  .print-block {
    display: block !important;
  }
}
@media print {
  .no-print {
    display: none !important;
  }
}

.accordion-icon {
  --accordion-icon-size: 14px;
  --accordion-icon-color: #005EAE;
  position: relative;
  width: var(--accordion-icon-size);
  height: var(--accordion-icon-size);
  transition: transform 0.3s ease;
}
.accordion-icon::before, .accordion-icon::after {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--accordion-icon-color);
}
.accordion-icon::before {
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  transition: opacity 0.3s ease;
}
.accordion-icon::after {
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 100%;
}
.accordion-icon.--size-sm {
  --accordion-icon-size: 10px;
}
.accordion-icon.--color-grey {
  --accordion-icon-color: #999999;
}
.accordion-icon.--open {
  transform: rotate(90deg);
}
.accordion-icon.--open::before {
  opacity: 0;
}

.archive-table-columns {
  display: flex;
  clear: both;
  background-color: #fff;
}

.archive-table-column {
  min-width: 0;
}
.archive-table-column.--fixed {
  flex: 0 0 auto;
}
.archive-table-column.--scrollable {
  flex: 1 1 auto;
}

.archive-header-footnote {
  margin-top: 20px;
}

.sticky-table-header {
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: calc(var(--sticky-table-header-height) * -1);
  background-color: #fff;
  overflow: hidden;
}
.sticky-table-header__inner {
  transform: translateX(var(--sticky-table-header-transform-x));
}

.archive-filter-content {
  padding: 30px;
}
@media screen and (max-width: 679px) {
  .archive-filter-content {
    padding: 15px;
  }
}

@media screen and (max-width: 679px) {
  .filter-form-table {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table > thead,
  .filter-form-table > tbody {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table > thead > tr,
  .filter-form-table > tbody > tr {
    display: block;
  }
}
.filter-form-table > thead > tr > th,
.filter-form-table > thead > tr > td,
.filter-form-table > tbody > tr > th,
.filter-form-table > tbody > tr > td {
  padding: 20px;
}
@media screen and (max-width: 679px) {
  .filter-form-table > thead > tr > th,
  .filter-form-table > thead > tr > td,
  .filter-form-table > tbody > tr > th,
  .filter-form-table > tbody > tr > td {
    display: block;
    padding: 15px;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table > thead > tr > th:first-child,
  .filter-form-table > thead > tr > td:first-child,
  .filter-form-table > tbody > tr > th:first-child,
  .filter-form-table > tbody > tr > td:first-child {
    padding-left: 30px;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table > thead > tr > th:last-child,
  .filter-form-table > thead > tr > td:last-child,
  .filter-form-table > tbody > tr > th:last-child,
  .filter-form-table > tbody > tr > td:last-child {
    padding-right: 30px;
  }
}
.filter-form-table > thead > tr > th.--vertical-align-middle,
.filter-form-table > thead > tr > td.--vertical-align-middle,
.filter-form-table > tbody > tr > th.--vertical-align-middle,
.filter-form-table > tbody > tr > td.--vertical-align-middle {
  vertical-align: middle;
}
.filter-form-table > thead > tr > th,
.filter-form-table > tbody > tr > th {
  text-align: left;
  font-weight: bold;
}
@media screen and (min-width: 680px) {
  .filter-form-table > thead > tr > th,
  .filter-form-table > tbody > tr > th {
    white-space: nowrap;
    vertical-align: top;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table > thead > tr > th,
  .filter-form-table > tbody > tr > th {
    padding-bottom: 5px;
    font-size: 14px;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table > thead > tr > th.--vertical-align-middle,
  .filter-form-table > tbody > tr > th.--vertical-align-middle {
    vertical-align: middle;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table > thead > tr > td:not(:first-child),
  .filter-form-table > tbody > tr > td:not(:first-child) {
    padding-top: 0;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table > thead > tr:not(:last-child) > th,
  .filter-form-table > tbody > tr:not(:last-child) > th {
    border-bottom: 1px solid #DCDCDC;
  }
}
.filter-form-table > thead > tr:not(:last-child) > td,
.filter-form-table > tbody > tr:not(:last-child) > td {
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (min-width: 680px) {
  .filter-form-table.--compact > thead > tr:not(:last-child) > th,
  .filter-form-table.--compact > thead > tr:not(:last-child) > td,
  .filter-form-table.--compact > tbody > tr:not(:last-child) > th,
  .filter-form-table.--compact > tbody > tr:not(:last-child) > td {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table.--compact > thead > tr:not(:last-child) > td,
  .filter-form-table.--compact > tbody > tr:not(:last-child) > td {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table.--compact > thead > tr:not(:first-child) > th,
  .filter-form-table.--compact > thead > tr:not(:first-child) > td,
  .filter-form-table.--compact > tbody > tr:not(:first-child) > th,
  .filter-form-table.--compact > tbody > tr:not(:first-child) > td {
    padding-top: 10px;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table.--compact > thead > tr:not(:first-child) > th,
  .filter-form-table.--compact > tbody > tr:not(:first-child) > th {
    padding-top: 5px;
  }
}
@media screen and (max-width: 679px) {
  .filter-form-table.--sp-border-none > thead > tr:not(:last-child) > td,
  .filter-form-table.--sp-border-none > tbody > tr:not(:last-child) > td {
    border-bottom: none;
  }
}
@media screen and (min-width: 680px) {
  .filter-form-table .search-form {
    width: 660px;
  }
}

.archive-table-header {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (min-width: 680px) {
  .archive-table-header {
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header {
    flex-direction: column;
  }
}
@media screen and (min-width: 680px) {
  .archive-table-header.--pc-float-left {
    float: left;
  }
}
.archive-table-header.--float-right {
  float: right;
}
.archive-table-header.--float-right:not(:first-child) {
  margin-right: 10px;
}
@media screen and (min-width: 680px) {
  .archive-table-header.--pc-float-right {
    float: right;
  }
}
@media screen and (min-width: 680px) {
  .archive-table-header.--pc-float-right:not(:first-child) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header.--sp-sticky {
    position: sticky;
    z-index: 99;
  }
}
.archive-table-header.--top {
  margin-bottom: 30px;
}
@media screen and (max-width: 679px) {
  .archive-table-header.--top {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header.--top.--sp-sticky {
    top: 10px;
  }
}
.archive-table-header.--bottom {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .archive-table-header.--bottom {
    margin-top: 20px;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header.--bottom.--sp-sticky {
    bottom: 10px;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header.--sp-transition:not(.--sp-transition-done) {
    transform: translateY(100%);
    opacity: 0;
    transition: 0.5s ease-out;
    transition-property: transform, opacity;
  }
}
@media screen and (max-width: 679px) {
  .archive-table-header.--sp-transition:not(.--sp-transition-done).--sp-transition-started {
    transform: translateY(0);
    opacity: 1;
  }
}

.list-search-box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--section-space-x);
  padding-bottom: var(--section-space-x);
  padding: 30px 0;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
@media screen and (min-width: 680px) {
  .list-search-box {
    padding-right: 0;
    padding-left: 0;
    width: 1040px;
  }
}
@media screen and (max-width: 679px) {
  .list-search-box {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 679px) {
  .list-search-box {
    padding: 15px;
    border-radius: 10px;
  }
}

.badge {
  --badge-color: #005EAE;
  --badge-text-color: var(--badge-color);
  display: flex;
  justify-content: center;
  min-width: 100px;
  padding: 3px 9px;
  border-radius: 20px;
  border: 1px solid var(--badge-color);
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  overflow: hidden;
  color: var(--badge-text-color);
}
@media screen and (max-width: 679px) {
  .badge {
    min-width: 90px;
    padding: 1px 6px;
    border-radius: 13px;
    font-size: 10px;
  }
}
.badge--width-auto {
  min-width: auto;
}
.badge--align-left {
  justify-content: flex-start;
}
.badge--wrap {
  white-space: normal;
}
@media screen and (max-width: 679px) {
  .badge--sp-size-xs {
    padding: 1px 3px;
    border-radius: 8px;
    font-size: 10px;
  }
}
@media screen and (min-width: 680px) {
  .badge--size-xs {
    padding: 1px 6px;
    border-radius: 13px;
    font-size: 10px;
  }
}
@media screen and (min-width: 680px) {
  .badge--size-sm {
    padding: 3px 8px;
    border-radius: 13px;
    font-size: 11px;
  }
}
@media screen and (min-width: 680px) {
  .badge--size-md {
    padding: 3px 15px;
    border-radius: 16px;
    font-size: 14px;
  }
}
.badge--fill {
  --badge-text-color: #ffffff;
  background-color: var(--badge-color);
}
.badge--new {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  min-width: auto;
  --badge-color: #D40000;
}
.badge--color-red {
  --badge-color: rgb(236, 85, 85);
}
.badge--color-teal {
  --badge-color: rgb(10, 156, 167);
}
.badge--color-blue {
  --badge-color: rgb(13, 165, 213);
}
.badge--color-green {
  --badge-color: rgb(74, 191, 40);
}
.badge--color-purple {
  --badge-color: rgb(142, 113, 200);
}
.badge--color-pink {
  --badge-color: rgb(252, 128, 178);
}
.badge--color-orange {
  --badge-color: #ED6400;
}
.badge--color-grey {
  --badge-color: #999999;
}
.badge--color-light-grey {
  --badge-color: #DCDCDC;
  --badge-text-color: #323232;
}
.badge--color-light-grey.badge--fill {
  --badge-text-color: #323232;
  background-color: var(--badge-color);
}
.badge--color-dark-grey {
  --badge-color: #707070;
  --badge-text-color: #323232;
}

.badge-list__list {
  display: flex;
  gap: 3px 5px;
  flex-wrap: wrap;
}
.badge-list.--vertical > .badge-list__list {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 679px) {
  .badge-list.--sp-vertical > .badge-list__list {
    flex-direction: column;
    align-items: flex-start;
  }
}

.banner-list__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 15px;
}
@media screen and (max-width: 679px) {
  .banner-list__list {
    gap: 15px 10px;
  }
}
.banner-list__list > * {
  width: calc((100% - 30px) / 3);
}
@media screen and (max-width: 679px) {
  .banner-list__list > * {
    width: calc((100% - 10px) / 2);
  }
}

.banner-list-item {
  position: relative;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .banner-list-item {
    border-radius: 10px 10px 0 0;
  }
}
.banner-list-item__figure {
  position: relative;
  padding-bottom: 36.6%;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .banner-list-item__figure {
    border-radius: 10px;
  }
}
.banner-list-item__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-list-item__text {
  padding-top: 5px;
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .banner-list-item__text {
    font-size: 14px;
  }
}
.banner-list-item__link .link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.banner-list-item:hover .banner-list-item__figure {
  opacity: 0.7;
}

.box-grid {
  --box-grid-columns: 3;
  --box-grid-gap-x: 15px;
  --box-grid-gap-y: 15px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--box-grid-gap-y) var(--box-grid-gap-x);
}
@media screen and (max-width: 679px) {
  .box-grid {
    --box-grid-gap-x: 0;
    --box-grid-gap-y: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 679px) {
  .box-grid:not(.--sp-gap) .box-grid-item:not(:first-child), .box-grid:not(.--sp-gap) .box-grid-item:not(:first-child)::after {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (max-width: 679px) {
  .box-grid:not(.--sp-gap) .box-grid-item:not(:first-child)::after {
    border-top-width: 2px;
  }
}
@media screen and (max-width: 679px) {
  .box-grid:not(.--sp-gap) .box-grid-item:not(:last-child), .box-grid:not(.--sp-gap) .box-grid-item:not(:last-child)::after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 679px) {
  .box-grid:not(.--sp-gap) .box-grid-item:not(:last-child)::after {
    border-bottom-width: 2px;
  }
}

.box-grid-item {
  --box-grid-item-border-color: #DCDCDC;
  --box-grid-item-border-radius: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--box-grid-item-border-radius);
  overflow: hidden;
}
@media screen and (min-width: 680px) {
  .box-grid-item {
    flex-basis: calc((100% - var(--box-grid-gap-x) * (var(--box-grid-columns) - 1)) / var(--box-grid-columns));
  }
}
@media screen and (max-width: 679px) {
  .box-grid-item {
    --box-grid-item-border-radius: 10px;
  }
}
.box-grid-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid var(--box-grid-item-border-color);
  border-radius: var(--box-grid-item-border-radius);
  pointer-events: none;
}
.box-grid-item.--no-border {
  --box-grid-item-border-color: transparent;
}
.box-grid-item__inner {
  flex-grow: 1;
}

@media print {
  .breadcrumb {
    display: none !important;
  }
}
@media screen and (max-width: 679px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb .section__inner {
  padding-top: 30px;
  padding-bottom: 15px;
}

.breadcrumb-list {
  display: flex;
  gap: 10px;
}

.breadcrumb-item,
.breadcrumb-item .breadcrumb-link {
  color: #999999;
  font-size: 13px;
}
.breadcrumb-item:not(:last-child)::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-size: 0.6em;
  margin-left: 10px;
  vertical-align: middle;
}

.breadcrumb-link {
  text-decoration: underline;
}
.breadcrumb-link:hover {
  color: #005EAE;
  text-decoration: none;
}

.button {
  --button-color: var(--accent-color, #005EAE);
  --button-color-hover: var(--accent-color-pale, #337EBE);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  min-width: 360px;
  min-height: 70px;
  padding: 10px;
  border: none;
  outline: none;
  appearance: none;
  border-radius: 35px;
  background-color: var(--button-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  transition: 0.3s ease;
  transition-property: color, background-color, opacity;
}
@media screen and (max-width: 679px) {
  .button {
    min-width: 250px;
    min-height: 50px;
    padding: 4px 8px;
    font-size: 16px;
  }
}
.button__icon {
  display: flex;
}
.button__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.button__icon[class*=icon-arrow]::before {
  font-size: 0.6em;
}
.button.--no-icon .button__icon {
  display: none;
}
.button.--icon-entrance .button__icon::before {
  font-size: 1.4em;
}
.button.--icon-download .button__icon::before, .button.--icon-book .button__icon::before {
  font-size: 1.2em;
}
.button.--icon-pdf .button__icon::before, .button.--icon-excel .button__icon::before, .button.--icon-word .button__icon::before, .button.--icon-attachment .button__icon::before {
  font-size: 22px;
}
.button.--size-sp {
  min-width: 250px;
  min-height: 50px;
  padding: 4px 8px;
  font-size: 16px;
}
.button.--size-sm {
  min-width: 0;
  min-height: 0;
  padding: 4px 15px;
  border-radius: 30px;
  font-size: 12px;
}
@media screen and (min-width: 680px) {
  .button.--size-md {
    min-width: 230px;
    min-height: 60px;
    padding: 6px 30px;
    border-radius: 30px;
  }
}
.button.--size-xs {
  gap: 0.1em;
  min-width: auto;
  min-height: 40px;
  padding: 5px 10px;
  border-radius: 25px;
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .button.--size-xs {
    gap: 0;
    min-height: 30px;
    padding-right: 9px;
    padding-left: 9px;
    font-size: 12px;
  }
}
.button.--size-xxs {
  gap: 0.1em;
  min-width: auto;
  min-height: 30px;
  padding: 2px 10px;
  border-radius: 25px;
  font-size: 10px;
}
@media screen and (max-width: 679px) {
  .button.--size-xxs {
    gap: 0;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 9px;
  }
}
@media screen and (max-width: 679px) {
  .button.--sp-size-xs {
    min-height: 35px;
    padding: 4px 15px;
    border-radius: 25px;
    font-size: 14px;
  }
}
.button.--width-auto {
  min-width: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 679px) {
  .button.--width-auto {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 679px) {
  .button.--sp-width-auto {
    min-width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.button.--variant-white {
  border: 1px solid #fff;
  background-color: #fff;
  color: #005EAE;
}
.button.--variant-white:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button.--variant-white-border {
  --button-color: #fff;
  --button-color-hover: #F7F7F7;
  border: 1px solid #DCDCDC;
}
.button.--variant-white-border .button__icon {
  color: #005EAE;
}
.button.--variant-white-border .button__content {
  color: #323232;
}
.button.--variant-black {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
}
.button.--variant-black:hover {
  background-color: #000;
  opacity: 0.7;
}
.button.--weight-normal {
  font-weight: normal;
}
.button.--disabled {
  --button-color: #c0c0c0;
  --button-color-hover: var(--button-color);
  cursor: default;
}
.button, .button:focus, .button:hover {
  color: #fff;
  text-decoration: none;
}
.button:hover {
  background-color: var(--button-color-hover);
}

.buttons {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .buttons:not(.--sp-horizontal) {
    flex-direction: column;
  }
}
.buttons.--vertical {
  flex-direction: column;
}
.buttons.--vertical.--align-center {
  align-items: center;
}
.buttons.--align-center {
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .buttons.--align-center {
    align-items: center;
  }
}
.buttons.--align-right {
  justify-content: flex-end;
}
@media screen and (max-width: 679px) {
  .buttons.--align-right {
    align-items: flex-end;
  }
}

@media screen and (min-width: 680px) {
  .card-box-container.--short .card-item {
    height: 250px;
  }
}
@media screen and (min-width: 680px) {
  .card-box-container.--short .card-item-figure-caption {
    height: 100px;
  }
}
@media screen and (min-width: 680px) {
  .card-box-container.--striped c-card-list-item:nth-child(2n) .card-item-figure-caption::before {
    opacity: 0.6;
  }
}
@media screen and (max-width: 679px) {
  .card-box-container.--striped c-card-list-item:nth-child(4n+2) .card-item-figure-caption::before, .card-box-container.--striped c-card-list-item:nth-child(4n+3) .card-item-figure-caption::before {
    opacity: 0.6;
  }
}

.card-list {
  --card-list-columns: 4;
  --card-list-gap: 2px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--card-list-gap);
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .card-list {
    --card-list-columns: 2;
    --card-list-gap: 1px;
    flex-wrap: wrap;
    border-radius: 10px;
  }
}
@media screen and (min-width: 680px) {
  .card-list.--cols-2 {
    --card-list-columns: 2;
  }
}

c-card-list-item {
  flex-basis: calc((100% - var(--card-list-gap) * (var(--card-list-columns) - 1)) / var(--card-list-columns));
}
@media screen and (min-width: 680px) {
  c-card-list-item.--cols-1 {
    --card-list-columns: 1;
  }
}
@media screen and (max-width: 679px) {
  c-card-list-item.--sp-cols-1 {
    --card-list-columns: 1;
  }
}
@media screen and (min-width: 680px) {
  c-card-list-item.--cols-2 {
    --card-list-columns: 2;
  }
}
@media screen and (max-width: 679px) {
  c-card-list-item.--sp-cols-2 {
    --card-list-columns: 2;
  }
}
@media screen and (min-width: 680px) {
  c-card-list-item.--cols-3 {
    --card-list-columns: 3;
  }
}
@media screen and (max-width: 679px) {
  c-card-list-item.--sp-cols-3 {
    --card-list-columns: 3;
  }
}
@media screen and (max-width: 679px) {
  c-card-list-item.--sp-caption-bg-opacity-60 .card-item-figure-caption::before {
    opacity: 60%;
  }
}

.card-item {
  --card-item-bg-color: var(--accent-color, #005EAE);
  display: block;
  height: 400px;
}
@media screen and (max-width: 679px) {
  .card-item {
    flex-basis: calc(50% - 1px);
    height: 53.33vw;
  }
}
.card-item:focus, .card-item:active {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.card-item:not(.--unlinked):hover .card-item-figure-img {
  transform: scale(1.1);
}
.card-item.--unlinked {
  pointer-events: none;
}
.card-item.--color-white {
  --card-item-bg-color: #ffffff;
}
.card-item.--color-main {
  --card-item-bg-color: #005EAE;
}
.card-item.--color-blue {
  --card-item-bg-color: rgb(13, 165, 213);
}
.card-item.--color-green {
  --card-item-bg-color: rgb(74, 191, 40);
}
.card-item.--color-purple {
  --card-item-bg-color: rgb(142, 113, 200);
}
.card-item.--color-orange {
  --card-item-bg-color: rgb(254, 181, 36);
}
.card-item.--color-pink {
  --card-item-bg-color: rgb(252, 128, 178);
}
.card-item.--color-pink-dark {
  --card-item-bg-color: #DB6693;
}
.card-item.--color-teal {
  --card-item-bg-color: rgb(10, 156, 167);
}
.card-item.--color-red {
  --card-item-bg-color: rgb(236, 85, 85);
}
.card-item.--color-red-dark {
  --card-item-bg-color: #D40000;
}
.card-item.--color-hl-blue {
  --card-item-bg-color: #027FFF;
}
.card-item.--color-hl-green {
  --card-item-bg-color: #5CB44C;
}
.card-item.--color-hl-orange {
  --card-item-bg-color: #F8B857;
}
.card-item.--color-hl-pink {
  --card-item-bg-color: #F19C9F;
}
.card-item.--color-hl-purple {
  --card-item-bg-color: #BA79B1;
}
.card-item.--color-hl-teal {
  --card-item-bg-color: #5EC2C9;
}

.card-item-figure {
  position: relative;
  height: 100%;
}

.card-item-figure-img-container {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
}

.card-item-figure-img {
  width: 100%;
  height: 100%;
  border: none;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.card-item-figure-caption {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 679px) {
  .card-item-figure-caption {
    height: 70px;
  }
}
.card-item-figure-caption::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--card-item-bg-color);
  opacity: 0.7;
}

.card-item-figure-caption-main-text,
.card-item-figure-caption-sub-text {
  position: relative;
  color: #ffffff;
  text-align: center;
}

.card-item-figure-caption-main-text {
  font-size: 25px;
}
@media screen and (max-width: 679px) {
  .card-item-figure-caption-main-text {
    font-size: 16px;
  }
}

.card-item-figure-caption-sub-text {
  font-size: 18px;
}
@media screen and (max-width: 679px) {
  .card-item-figure-caption-sub-text {
    font-size: 12px;
  }
}
.card-item-figure-caption-sub-text.--sm {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .card-item-figure-caption-sub-text.--sm {
    font-size: 10px;
  }
}
.card-item-figure-caption-sub-text sub {
  font-size: 0.5em;
  bottom: 0;
}

.category-filter {
  background-color: #fff;
}

.category-filter-group {
  display: flex;
}
@media screen and (max-width: 679px) {
  .category-filter-group {
    flex-direction: column;
  }
}
.category-filter-group:not(:first-child) {
  border-top: 1px solid #DCDCDC;
}
.category-filter-group__head {
  position: relative;
  display: flex;
  flex-shrink: 0;
  outline: none;
  border: none;
  appearance: none;
  background: none;
  padding: 12px 10px 12px 25px;
  text-align: left;
}
@media screen and (min-width: 680px) {
  .category-filter-group__head {
    width: 230px;
    cursor: auto;
  }
}
@media screen and (max-width: 679px) {
  .category-filter-group__head {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 15px 12px 15px;
  }
}
.category-filter-group__body {
  flex-grow: 1;
  padding: 12px 25px 12px 10px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .category-filter-group__body {
    padding: 0 15px 0 15px;
    transition: 0.3s ease;
    transition-property: height, opacity;
  }
}
@media screen and (max-width: 679px) {
  .category-filter-group.--open .category-filter-group__body {
    height: var(--category-filter-group-body-height);
  }
}
@media screen and (max-width: 679px) {
  .category-filter-group:not(.--open) .category-filter-group__body {
    height: 0;
    opacity: 0;
  }
}

.category-filter-group-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.category-filter-group-icon {
  flex-shrink: 0;
}
@media screen and (min-width: 680px) {
  .category-filter-group-icon {
    display: none;
  }
}

.category-filter-group-items {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
}
@media screen and (max-width: 679px) {
  .category-filter-group-items {
    flex-direction: column;
    gap: 0;
    margin-top: -5px;
    padding-bottom: 7px;
  }
}

.category-filter-group-item {
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 679px) {
  .category-filter-group-item {
    padding: 5px 10px;
  }
}
.category-filter-group-item .link__icon::before {
  font-size: 0.85em;
}

.character-image {
  display: block;
  width: auto;
  height: 82px;
}
@media screen and (max-width: 679px) {
  .character-image {
    height: 58px;
  }
}

.check-button-list {
  --check-button-list-gap: 5px;
  --check-button-list-pc-columns: 1;
  --check-button-list-sp-columns: 1;
  --check-button-list-columns: var(--check-button-list-pc-columns);
  --check-button-list-column-width: calc((100% - (var(--check-button-list-gap) * (var(--check-button-list-columns) - 1))) / var(--check-button-list-columns));
  display: flex;
  flex-wrap: wrap;
  gap: var(--check-button-list-gap);
}
@media screen and (max-width: 679px) {
  .check-button-list {
    --check-button-list-columns: var(--check-button-list-sp-columns);
  }
}
.check-button-list__item {
  flex: 0 1 auto;
}
.check-button-list.--align-center {
  justify-content: center;
}
@media screen and (min-width: 680px) {
  .check-button-list[class*=" --pc-col-"] .check-button-list__item {
    flex-basis: var(--check-button-list-column-width);
  }
}
@media screen and (max-width: 679px) {
  .check-button-list[class*=" --sp-col-"] .check-button-list__item {
    flex-basis: var(--check-button-list-column-width);
  }
}
.check-button-list.--pc-col-1 {
  --check-button-list-pc-columns: 1;
}
.check-button-list.--sp-col-1 {
  --check-button-list-sp-columns: 1;
}
.check-button-list.--pc-col-2 {
  --check-button-list-pc-columns: 2;
}
.check-button-list.--sp-col-2 {
  --check-button-list-sp-columns: 2;
}
.check-button-list.--pc-col-3 {
  --check-button-list-pc-columns: 3;
}
.check-button-list.--sp-col-3 {
  --check-button-list-sp-columns: 3;
}
.check-button-list.--pc-col-4 {
  --check-button-list-pc-columns: 4;
}
.check-button-list.--sp-col-4 {
  --check-button-list-sp-columns: 4;
}
.check-button-list.--pc-col-5 {
  --check-button-list-pc-columns: 5;
}
.check-button-list.--sp-col-5 {
  --check-button-list-sp-columns: 5;
}
@media screen and (max-width: 679px) {
  .check-button-list .check-button-list__item.--sp-col-40-percent, .check-button-list[class*=" --pc-col-"] .check-button-list__item.--sp-col-40-percent, .check-button-list[class*=" --sp-col-"] .check-button-list__item.--sp-col-40-percent {
    flex-basis: calc((100% - var(--check-button-list-gap) * 4) / 5 * 2 + var(--check-button-list-gap));
  }
}

.check-button {
  display: flex;
  position: relative;
  border: 4px solid #DCDCDC;
  border-radius: 10px;
  background-color: #fff;
}
.check-button__input {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 36px;
  min-height: 36px;
  outline: none;
  border: none;
  padding: 6px 6px;
  background: none;
  appearance: none;
  white-space: nowrap;
  font-size: 16px;
  font-feature-settings: "palt";
}
@media screen and (max-width: 679px) {
  .check-button__input {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.check-button__input::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
@media screen and (min-width: 680px) {
  .check-button__input .--sm {
    font-size: 10px;
  }
}
.check-button:not(.--checked):hover {
  background-color: #F7F7F7;
}
.check-button:not(.--checked) .check-button__input:hover {
  color: #005EAE;
}
.check-button.--checked {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}
.check-button.--checked .check-button__input {
  color: #fff;
}
.check-button.--align-left .check-button__input {
  justify-content: flex-start;
}
.check-button.--fs-sm .check-button__input {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .check-button.--sp-sm .check-button__input {
    min-height: 32px;
    font-size: 14px;
  }
}

.content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 679px) {
  .content {
    padding-top: 5px;
    padding-bottom: 20px;
  }
}
.content c-breadcrumb {
  margin-top: auto;
}
@media screen and (min-width: 680px) {
  .content.--top {
    padding-bottom: 50px;
  }
}

.news-archive {
  --section-space-x: 30px;
  position: relative;
  clear: both;
}
@media screen and (max-width: 679px) {
  .news-archive {
    --section-space-x: 20px;
  }
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .news-archive {
    min-width: 1120px;
  }
}
@media screen and (min-width: 680px) {
  .news-archive.--growable .section__inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 1520px) {
  .news-archive.--growable .section__inner {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 680px) {
  .news-archive.--full .section__inner {
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 679px) {
  .news-archive.--full .section__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.news-archive.--bg-color {
  --section-bg-color: var(--accent-color);
  --section-bg-opacity: .1;
  margin-top: var(--section-space-x);
  margin-bottom: var(--section-space-x);
}
.news-archive.--bg-color::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--section-bg-color);
  opacity: var(--section-bg-opacity);
}
.news-archive.--bg-color .section__inner {
  padding-top: calc(var(--section-space-x) * 2);
  padding-bottom: calc(var(--section-space-x) * 2);
}
@media screen and (max-width: 679px) {
  .news-archive.--bg-color .section__inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-archive__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--section-space-x);
  padding-bottom: var(--section-space-x);
}
@media screen and (min-width: 680px) {
  .news-archive__inner {
    padding-right: 0;
    padding-left: 0;
    width: 1040px;
  }
}
@media screen and (max-width: 679px) {
  .news-archive__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 679px) {
  .news-archive__inner {
    padding-top: 25px;
    padding-bottom: 40px;
  }
}
.news-archive__body {
  margin-top: 50px;
}
@media screen and (max-width: 679px) {
  .news-archive__body {
    margin-top: 30px;
  }
}
.news-archive__footer {
  margin-top: 30px;
}

.error-404-heading {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #005EAE;
  margin-bottom: 30px;
}
@media screen and (max-width: 679px) {
  .error-404-heading {
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.error-404-text {
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .error-404-text {
    text-align: left;
    margin-bottom: 30px;
  }
}

.error-404-call-to-action {
  display: flex;
  justify-content: center;
}
.error-404-call-to-action .bright-blue a {
  background-color: #005EAE;
}
.error-404-call-to-action .bright-blue a:hover {
  background-color: #337EBE;
}

.error-404-header .header .header__bg {
  background-color: #D7F3FC;
}
.error-404-header .header .header__bg::before {
  background-color: transparent;
}
.error-404-header .header .header-body {
  padding-top: 30px;
}

.error_505_content {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error_logo_image {
  display: flex;
  justify-content: center;
}
.error_logo_image__figure img {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .error_logo_image__figure img {
    width: 150px;
  }
}

.error-505-sub-text {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .error-505-sub-text {
    font-size: 13px;
  }
}

.error-505-main-text {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  color: #005EAE;
}
@media screen and (max-width: 679px) {
  .error-505-main-text {
    font-size: 20px;
  }
}

.meduim-text {
  margin-top: 100px;
  font-size: 14px;
  font-weight: 500;
}

.heartline-function-cards {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 679px) {
  .heartline-function-cards {
    flex-direction: column;
    gap: 0px;
  }
}

.heartline-function-card {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 4px #DCDCDC;
  border-radius: 20px;
  padding: 25px;
  flex: 1 1 30%;
}
@media screen and (max-width: 679px) {
  .heartline-function-card {
    margin-bottom: 0;
    border-radius: 0;
    padding: 15px;
    flex: 0 0 100%;
    flex-direction: row;
    gap: 20px;
  }
  .heartline-function-card:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .heartline-function-card:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .heartline-function-card:not(:last-child) {
    border-bottom: 0px;
  }
}
.heartline-function-card img {
  height: 70px;
  width: auto;
}
@media screen and (max-width: 679px) {
  .heartline-function-card img {
    width: 50px;
    height: auto;
  }
}
.heartline-function-card .no-margin-bottom {
  margin-bottom: 0;
}
.heartline-function-card__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-function-card__text {
    align-items: flex-start;
  }
}
.heartline-function-card__title {
  font-size: 20px;
  font-weight: bold;
  color: var(--accent-color, #005EAE);
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-function-card__title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
.heartline-function-card__content {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .heartline-function-card__content {
    font-size: 14px;
  }
}

.heartline-feature-table .table-heading {
  background-color: #fff;
  text-align: left;
}
.heartline-feature-table .table-heading:first-child {
  text-align: center;
  width: 212px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .heartline-feature-table .table-heading:first-child {
    width: 130px;
  }
}
.heartline-feature-table .table-heading, .heartline-feature-table .table-content {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .heartline-feature-table .table-heading, .heartline-feature-table .table-content {
    padding: 7px;
    font-size: 14px;
  }
}
.heartline-feature-table tr .table-content:first-child {
  background-color: #F1F1F1;
}
.heartline-feature-table a {
  color: #005EAE;
  text-decoration: underline;
}
.heartline-feature-table a:hover {
  text-decoration: none;
}

.small-icon::before {
  font-size: 40px;
}
@media screen and (max-width: 679px) {
  .small-icon::before {
    font-size: 35px;
  }
}

.heartline-tokutei-table .table-heading {
  background-color: #fff;
  text-align: left;
}
.heartline-tokutei-table .table-heading:first-child {
  font-weight: bold;
  text-align: center;
  width: 212px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .table-heading:first-child {
    width: 90px;
  }
}
.heartline-tokutei-table .table-heading, .heartline-tokutei-table .table-content {
  font-size: 16px;
  line-height: 1.5;
}
.heartline-tokutei-table .table-heading:first-child, .heartline-tokutei-table .table-content:first-child {
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .table-heading, .heartline-tokutei-table .table-content {
    padding: 7px;
    font-size: 14px;
  }
}
.heartline-tokutei-table td {
  background-color: #fff;
}
.heartline-tokutei-table tr .table-content:first-child {
  background-color: #F1F1F1;
}
.heartline-tokutei-table a {
  word-break: break-all;
  color: #005EAE;
  text-decoration: underline;
}
.heartline-tokutei-table a:hover {
  text-decoration: none;
}
.heartline-tokutei-table .list-square {
  font-size: 10px;
}
.heartline-tokutei-table .list-square-text {
  font-weight: bold;
}
.heartline-tokutei-table .small-text {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .small-text {
    font-size: 12px;
  }
}
.heartline-tokutei-table .list_reference_mark {
  margin-top: 0;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .list_reference_mark {
    margin-top: 11px;
  }
}
.heartline-tokutei-table .list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-tokutei-table .list_reference_mark > li:before {
  content: "※";
  font-size: 13px !important;
  vertical-align: baseline;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-tokutei-table .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-tokutei-table .list_reference_mark > li > * {
  text-indent: 0;
}

.heartline-login-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heartline-login-content img {
  width: 300px;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-login-content img {
    width: 200px;
  }
}
.heartline-login-content__heading {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__heading {
    font-size: 18px;
  }
}
.heartline-login-content__sub-heading {
  font-size: 24px;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__sub-heading {
    font-size: 14px;
    margin-bottom: 0;
  }
}
.heartline-login-content__text {
  font-size: 16px;
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__text {
    font-size: 14px;
  }
}
.heartline-login-content__internet {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.heartline-login-content__internet img {
  width: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__internet img {
    font-size: 18px;
    margin-bottom: 0;
  }
}
.heartline-login-content__call-to-action {
  margin-top: 20px;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__call-to-action {
    flex-direction: column;
    gap: 20px;
  }
}
.heartline-login-content__call-to-action .pink {
  margin-bottom: 0;
}
.heartline-login-content__call-to-action .pink a {
  background-color: #FC80B2;
}
.heartline-login-content__call-to-action .pink .button__icon {
  display: flex;
  align-items: center;
}
.heartline-login-content__call-to-action .pink .button__icon::before {
  content: "\e903";
  font-size: 0.7em;
}
.heartline-login-content__call-to-action .white a {
  background-color: #fff;
  color: black;
  border: solid 1px #DCDCDC;
  min-width: 120px;
}
.heartline-login-content__call-to-action .white a:hover {
  background-color: #F7F7F7;
}
@media screen and (max-width: 679px) {
  .heartline-login-content__call-to-action .white a {
    min-width: 250px;
  }
}
.heartline-login-content__call-to-action .white .button__icon {
  display: flex;
  align-items: center;
}
.heartline-login-content__call-to-action .white .button__icon::before {
  color: #005EAE;
}
.no-nav-bar .section__inner {
  padding-top: 30px;
}

.heartline-application-table .table-heading {
  background-color: #fff;
  text-align: left;
}
.heartline-application-table .table-heading:first-child {
  font-weight: bold;
  width: 230px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-heading:first-child {
    width: 100%;
    text-align: center;
  }
}
.heartline-application-table .table-heading, .heartline-application-table .table-content {
  font-size: 16px;
  line-height: 1.5;
}
.heartline-application-table .table-heading:first-child, .heartline-application-table .table-content:first-child {
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-heading, .heartline-application-table .table-content {
    padding: 7px;
    font-size: 14px;
  }
}
.heartline-application-table .table-content {
  border-left: none;
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-content {
    border-left: 1px solid #DCDCDC;
    border-top: none;
  }
}
.heartline-application-table .table-content.no-border-bottom {
  border-bottom: none;
}
.heartline-application-table tr .table-content:first-child {
  background-color: #F1F1F1;
}
.heartline-application-table .table-content__inner {
  display: flex;
  gap: 15px;
}
.heartline-application-table .table-content__inner .heading {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: auto;
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-content__inner .heading {
    width: auto;
  }
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-content__inner .heading .sp_mt21 {
    margin-top: 21px;
  }
}
.heartline-application-table .table-content__inner .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-application-table .table-content__inner .content {
    gap: 5px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 679px) {
  .heartline-application-table tr {
    display: flex;
    flex-direction: column;
  }
}

.list_decimal_05 > li {
  padding: 30px;
  border: solid 4px #DCDCDC;
  border-radius: 20px;
  counter-increment: decimal_03;
  font-size: 22px;
  font-weight: bold;
  text-indent: -1.5em;
  position: relative;
  margin-bottom: 50px;
}
@media screen and (max-width: 679px) {
  .list_decimal_05 > li {
    padding: 16px;
    font-size: 17px;
    margin-bottom: 40px;
  }
}
.list_decimal_05 > li:before {
  margin-left: 35px;
  margin-right: 10px;
  content: counter(decimal_03);
  color: #fff;
  background-color: #FC80B2;
  border-radius: 50%;
  padding: 0 10px;
}
@media screen and (max-width: 679px) {
  .list_decimal_05 > li:before {
    padding: 0 8px;
  }
}
.list_decimal_05 > li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 25px 0 25px;
  border-color: rgb(252, 128, 178) transparent transparent transparent;
}
@media screen and (max-width: 679px) {
  .list_decimal_05 > li:not(:last-child)::after {
    border-width: 15px 20px 0 20px;
  }
}
.list_decimal_05 > li > * {
  text-indent: 0;
}

.application-link {
  color: #005EAE;
  text-decoration: underline;
  word-break: break-all;
}
.application-link:hover {
  text-decoration: none;
}

.font-17 {
  font-size: 17px !important;
  line-height: 1.3 !important;
}
@media screen and (max-width: 679px) {
  .font-17 {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
}

.app-link-list {
  display: flex;
  justify-content: center;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .app-link-list {
    gap: 5.33vw;
  }
}

@media screen and (max-width: 679px) {
  .app-link {
    flex: 1;
  }
}
.app-link img {
  display: block;
  margin: 0 auto;
}
.app-link__qr img {
  width: 128px;
}
@media screen and (max-width: 679px) {
  .app-link__qr img {
    width: 30.4vw;
  }
}
.app-link__btn {
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .app-link__btn {
    margin-top: 13px;
  }
}
.app-link__btn img {
  width: auto;
  height: 45px;
}
@media screen and (max-width: 679px) {
  .app-link__btn img {
    height: 10.67vw;
  }
}
.app-link__btn a {
  transition: 0.3s ease;
  transition-property: opacity;
}
.app-link__btn a:hover {
  opacity: 0.7;
}

.list_image_content {
  margin-top: 30px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .list_image_content {
    flex-direction: column;
    gap: 20px;
  }
}
.list_image_content__image--1 {
  width: 157px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.list_image_content__image--1 img {
  width: 100px;
}
@media screen and (max-width: 679px) {
  .list_image_content__image--1 img {
    width: 60px;
  }
}
.list_image_content__image--1 p {
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .list_image_content__image--1 p {
    font-size: 14px;
    text-align: left;
  }
}
@media screen and (max-width: 679px) {
  .list_image_content__image--1 {
    flex-direction: row;
    justify-content: center;
    gap: 9px;
    width: 100%;
    font-size: 14px;
  }
}
.list_image_content__image--2 {
  display: flex;
  gap: 60px;
}
.list_image_content__image--2 img {
  width: auto;
  height: 188px;
}
@media screen and (max-width: 679px) {
  .list_image_content__image--2 img {
    height: 144px;
  }
}
@media screen and (max-width: 679px) {
  .list_image_content__image--2 {
    gap: 20px;
  }
}

.heartline-application-call-to-action-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.heartline-application-call-to-action-content .pink {
  margin-bottom: 15px;
}
.heartline-application-call-to-action-content .pink a {
  background-color: #FC80B2;
}
@media screen and (max-width: 679px) {
  .heartline-application-call-to-action-content .pink {
    margin-bottom: 15px;
  }
}
.heartline-application-call-to-action-content__text {
  margin-top: 15px;
  font-size: 16px;
  text-decoration: none;
  color: black;
}
.heartline-application-call-to-action-content__text:hover {
  color: #005EAE;
}
@media screen and (max-width: 679px) {
  .heartline-application-call-to-action-content__text {
    font-size: 14px;
  }
}
.heartline-application-call-to-action-content__text::before {
  font-family: "nipro-icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
.heartline-application-call-to-action-content .list_reference_mark > li {
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-application-call-to-action-content .list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-application-call-to-action-content .list_reference_mark > li:before {
  content: "※";
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .heartline-application-call-to-action-content .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-application-call-to-action-content .list_reference_mark > li > * {
  text-indent: 0;
}

.application-text {
  font-size: 16px;
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .application-text {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 679px) {
  .application-call-to-action-nav .section__inner {
    padding-top: 25px;
  }
}

.heartline-application-information-content {
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 679px) {
  .heartline-application-information-content {
    width: 100%;
  }
}
.heartline-application-information-content .list_reference_mark {
  margin-top: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-application-information-content .list_reference_mark {
    margin-top: 11px;
  }
}
.heartline-application-information-content .list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-application-information-content .list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-application-information-content .list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-application-information-content .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-application-information-content .list_reference_mark > li > * {
  text-indent: 0;
}

.heartline-application-card {
  padding: 25px;
  border: solid 4px #DCDCDC;
  border-radius: 20px;
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 679px) {
  .heartline-application-card {
    padding: 16px;
    margin-bottom: 40px;
    border-radius: 10px;
  }
}
.heartline-application-card:last-child {
  margin-bottom: 0;
}
.heartline-application-card:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 25px 0 25px;
  border-color: rgb(252, 128, 178) transparent transparent transparent;
}
@media screen and (max-width: 679px) {
  .heartline-application-card:not(:last-child)::after {
    border-width: 15px 20px 0 20px;
    top: 107%;
  }
}
.heartline-application-card .heartline-application-card-list {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
@media screen and (max-width: 679px) {
  .heartline-application-card .heartline-application-card-list {
    gap: 5px;
  }
}
.heartline-application-card .heartline-application-card-list .list-number {
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #FC80B2;
  border-radius: 50%;
  font-family: Roboto, serif;
  font-weight: 700;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-top: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-application-card .heartline-application-card-list .list-number {
    margin-top: 0;
    font-size: 18px;
  }
}
.heartline-application-card .heartline-application-card-list .text {
  font-size: 24px;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media screen and (max-width: 679px) {
  .heartline-application-card .heartline-application-card-list .text {
    font-size: 18px;
  }
}

.heartline-application-small-text {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-application-small-text {
    font-size: 12px;
  }
}

.yellow {
  background-color: #F8B857 !important;
}

.heartline-useingscene-figure {
  margin: 40px 0;
}
@media screen and (max-width: 679px) {
  .heartline-useingscene-figure {
    margin: 20px 0 30px 0;
  }
}
.heartline-useingscene-figure img {
  display: block;
  margin: 0 auto;
  width: 800px;
}
@media screen and (max-width: 679px) {
  .heartline-useingscene-figure img {
    max-width: 100%;
  }
}
.heartline-useingscene-text {
  font-size: 28px;
  font-weight: bold;
  color: #FC80B2;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-useingscene-text {
    font-size: 20px;
  }
}

.heartline-sub {
  font-size: 0.8em;
}

.--content-purple .heartline-information-content-bg__item {
  background-color: #F8F1F7 !important;
}

.heartline-elderlyfacility-information {
  margin: 0 auto;
  width: 800px;
  border-radius: 20px;
  border: solid 4px #EAD6E7;
  padding: 25px 90px;
  display: flex;
  gap: 10px;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-elderlyfacility-information {
    width: 100%;
    flex-direction: column;
    padding: 15px;
    border-radius: 10px;
  }
}
.heartline-elderlyfacility-information-content__heading {
  font-size: 24px;
  font-weight: bold;
  color: #FA85B2;
  margin-bottom: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-elderlyfacility-information-content__heading {
    font-size: 18px;
    text-align: center;
  }
}
.heartline-elderlyfacility-information__image img {
  width: 313px;
}
@media screen and (max-width: 679px) {
  .heartline-elderlyfacility-information__image img {
    width: 280px;
  }
}

.big-figure img {
  width: 100% !important;
}

.heartline-merit-text {
  font-size: 24px;
  font-weight: 700;
  color: rgb(252, 128, 178);
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-merit-text {
    font-size: 18px;
  }
}

.heartline-merit-figure {
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-merit-figure {
    margin-bottom: 0;
  }
}
.heartline-merit-figure img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-merit-figure img {
    max-width: 100%;
  }
}

.cooperation-image img {
  width: 400px !important;
}
@media screen and (max-width: 679px) {
  .cooperation-image img {
    max-width: 100%;
  }
}

.heartline-merit-information {
  padding: 30px;
  border: solid 4px #DCDCDC;
  border-radius: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-merit-information {
    padding: 20px;
    border-radius: 10px;
  }
}
.heartline-merit-information__heading {
  font-size: 24px;
  font-weight: bold;
  color: #FC80B2;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-merit-information__heading {
    font-size: 18px;
  }
}

.heartline-merit-cooperation {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .heartline-merit-cooperation {
    flex-direction: column;
    gap: 20px;
  }
}
.heartline-merit-cooperation-content__text {
  font-size: 28px;
  font-weight: bold;
  color: #FC80B2;
  margin-top: 42px;
  margin-left: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-merit-cooperation-content__text {
    font-size: 20px;
    margin-top: 30px;
    text-align: center;
    margin-left: 0;
  }
}
@media screen and (max-width: 679px) {
  .heartline-merit-cooperation-content .list_circle > li {
    font-size: 14px;
  }
}

.heartline-information-content {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-information-content {
    flex-direction: column;
    gap: 10px;
  }
}
.heartline-information-content .item {
  flex: 1 1 33.333%;
  border-radius: 20px;
  background-color: #FEF1E0;
  padding: 20px 25px;
}
@media screen and (max-width: 679px) {
  .heartline-information-content .item {
    border-radius: 10px;
    flex: 1;
    padding: 10px 15px;
  }
}
.heartline-information-content .item p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heartline-information-content .item p {
    font-size: 14px;
  }
}

.heartline-introduction-of-recommended-function {
  display: flex;
  gap: 40px;
  margin-bottom: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function {
    flex-direction: column;
    gap: 20px;
  }
}
.heartline-introduction-of-recommended-function-item {
  flex: 1 1 33.33%;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item {
    flex: 1;
  }
}
.heartline-introduction-of-recommended-function-item__figure {
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item__figure {
    margin-bottom: 10px;
  }
}
.heartline-introduction-of-recommended-function-item__figure img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item__figure img {
    max-width: 100%;
  }
}
.heartline-introduction-of-recommended-function-item__heading {
  font-size: 18px;
  color: #FA85B2;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item__heading {
    font-size: 16px;
  }
}
.heartline-introduction-of-recommended-function-item__content {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item__content {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.heartline-introduction-of-recommended-function-item__sub-content {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function-item__sub-content {
    font-size: 14px;
  }
}
.heartline-introduction-of-recommended-function .list_reference_mark {
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function .list_reference_mark {
    margin-top: 5px;
  }
}
.heartline-introduction-of-recommended-function .list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-introduction-of-recommended-function .list_reference_mark > li {
    margin-top: 12px;
  }
}
.heartline-introduction-of-recommended-function .list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
.heartline-introduction-of-recommended-function .list_reference_mark > li > * {
  text-indent: 0;
}

.heartline-information-content-bg {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-information-content-bg {
    flex-direction: column;
    gap: 10px;
  }
}
.heartline-information-content-bg__item {
  flex: 1 1 33.33%;
  background-color: #FDF1DD;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 124px;
}
@media screen and (max-width: 679px) {
  .heartline-information-content-bg__item {
    flex: 1;
    border-radius: 10px;
    min-height: 61px;
  }
}
.heartline-information-content-bg__item p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heartline-information-content-bg__item p {
    flex: 1;
    padding: 10px 20px;
    font-size: 14px;
  }
}

.--align-center-nav-bar .heartline-nav {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homewatching-top-list-wrapper {
  border: 4px solid rgba(240, 159, 161, 0.3) !important;
}
.homewatching-top-list-wrapper .heartline-ole-point-head {
  color: rgb(240, 159, 161) !important;
}
.homewatching-top-list-wrapper .heartline-ole-point-body::before {
  background-color: rgb(240, 159, 161) !important;
}

.heartline-homewatching-large-pb-section .section__inner {
  padding-bottom: 76.22px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-large-pb-section .section__inner {
    padding-bottom: 20px;
  }
}

.homewatching-top-list-text-red {
  color: #D40000;
}

.homewatching-top-list-small-text {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .homewatching-top-list-small-text {
    font-size: 12px;
  }
}

.homewatching-top-text {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .homewatching-top-text {
    font-size: 14px;
  }
}

.heartline-homewatching-top-note {
  display: flex;
  margin-top: 5px;
}
.heartline-homewatching-top-note p {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-top-note p {
    font-size: 12px;
  }
}
.heartline-homewatching-top-note .blue-text-note {
  text-decoration: underline;
  color: #005EAE;
}
.heartline-homewatching-top-note .blue-text-note:hover {
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-top-note .sp-width-60 {
    width: 60px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-top-note .sp-width-160 {
    width: 160px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-top-note .sp-width-190 {
    width: 190px;
  }
}

.heartline-homewatching-requirement-and-point {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point {
    flex-direction: column;
    gap: 40px;
  }
}
.heartline-homewatching-requirement-and-point-item {
  position: relative;
  border-radius: 20px;
  border: solid 4px #DCDCDC;
  padding: 15px;
  flex: 1;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item {
    border-radius: 10px;
  }
}
.heartline-homewatching-requirement-and-point-item:first-child {
  max-width: 285px;
  max-height: 184px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item:first-child {
    max-width: unset;
    max-height: unset;
    width: 100%;
  }
}
.heartline-homewatching-requirement-and-point-item:first-child:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F88AB2;
  left: 110%;
  top: 40%;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item:first-child:after {
    border-top: 20px solid #F88AB2;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    left: 45%;
    top: 110%;
  }
}
.heartline-homewatching-requirement-and-point-item:last-child {
  border: solid 4px #FBE2E3;
  background: #FEF5F5;
}
.heartline-homewatching-requirement-and-point-item .list_reference_mark {
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item .list_reference_mark {
    margin-bottom: 15px;
  }
}
.heartline-homewatching-requirement-and-point-item .list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item .list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-homewatching-requirement-and-point-item .list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-item .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-homewatching-requirement-and-point-item .list_reference_mark > li > * {
  text-indent: 0;
}

.heartline-homewatching-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-table {
    font-size: 14px !important;
    width: 100% !important;
  }
}
.heartline-homewatching-table tr td {
  vertical-align: middle;
  text-align: center;
}
.heartline-homewatching-table .table-heading {
  font-weight: bold !important;
}
.heartline-homewatching-table .table-heading:first-child {
  width: 67px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-table .table-heading:first-child {
    width: 30px;
  }
}
.heartline-homewatching-table .table-heading:nth-child(2) {
  width: 323px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-table .table-heading:nth-child(2) {
    width: 103px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-table .table-heading:nth-child(3) {
    width: 103px;
  }
}
.heartline-homewatching-table .table-heading:last-child {
  width: 323px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-table .table-heading:last-child {
    width: 103px;
  }
}
.heartline-homewatching-table .white-background {
  background-color: #fff !important;
}
.heartline-homewatching-table .t_bold {
  font-weight: bold !important;
}
.heartline-homewatching-table .float_r {
  float: right;
}

.heartline-homewatching-requirement-and-point-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-table {
    font-size: 14px !important;
    width: 100% !important;
  }
}
.heartline-homewatching-requirement-and-point-table tr td {
  vertical-align: middle;
  text-align: center;
}
.heartline-homewatching-requirement-and-point-table tr td:not(:first-child) {
  width: 95px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-table tr td:not(:first-child) {
    width: 61px;
  }
}
.heartline-homewatching-requirement-and-point-table .table-heading {
  font-weight: bold;
}
.heartline-homewatching-requirement-and-point-table .white-background {
  background-color: #fff !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-requirement-and-point-table .small-text {
    font-size: 12px;
  }
}

.light-red-background {
  background-color: #FEF5F5 !important;
}

.light-yellow-background {
  background-color: #FFFCEB !important;
}

.heartline-homewatching-information-communication-equipment {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment {
    flex-direction: column;
    gap: 40px;
  }
}
.heartline-homewatching-information-communication-equipment-item {
  position: relative;
  border-radius: 20px;
  border: solid 4px #DCDCDC;
  padding: 15px;
  flex: 1;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment-item {
    border-radius: 10px;
  }
}
.heartline-homewatching-information-communication-equipment-item:last-child {
  border: solid 4px #FBE2E3;
  background: #FEF5F5;
}
.heartline-homewatching-information-communication-equipment-item:first-child:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #F88AB2;
  left: 106%;
  top: calc(50% - 20px);
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment-item:first-child:after {
    border-top: 20px solid #F88AB2;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    left: calc(50% - 20px);
    top: calc(100% + 15px);
  }
}
.heartline-homewatching-information-communication-equipment-item .list_reference_mark {
  margin-top: 15px;
}
.heartline-homewatching-information-communication-equipment-item .list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment-item .list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-homewatching-information-communication-equipment-item .list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment-item .list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-homewatching-information-communication-equipment-item .list_reference_mark > li > * {
  text-indent: 0;
}
.heartline-homewatching-information-communication-equipment__content {
  display: flex;
  gap: 3px;
  margin-top: 15px;
}
.heartline-homewatching-information-communication-equipment__content .medium-text {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-information-communication-equipment__content .medium-text {
    width: 230px;
  }
}

.heartline-homewatching-top-table-columns .archive-table-column.--fixed {
  flex-basis: 93px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-top-table-columns .archive-table-column.--fixed {
    flex-basis: 83px;
  }
}

.heartline-homewatching-total-management-table.table {
  --table-fs: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table.table {
    --table-fs: 14px;
  }
}
.heartline-homewatching-total-management-table.--fixed .table-heading:last-child,
.heartline-homewatching-total-management-table.--fixed .table-content:last-child {
  border-right-width: 2px;
}
.heartline-homewatching-total-management-table.--fixed.--synced-row-height .table-heading {
  height: 114px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table.--fixed.--synced-row-height .table-heading {
    height: 93px;
  }
}
.heartline-homewatching-total-management-table.--scrollable {
  table-layout: fixed;
}
.heartline-homewatching-total-management-table.--scrollable .table-heading:first-child,
.heartline-homewatching-total-management-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.heartline-homewatching-total-management-table.--scrollable.--synced-row-height .table-row:first-child .table-heading {
  height: 69px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table.--scrollable.--synced-row-height .table-row:first-child .table-heading {
    height: 57px;
  }
}
.heartline-homewatching-total-management-table.--scrollable.--synced-row-height .table-row:last-child .table-heading {
  height: 45px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table.--scrollable.--synced-row-height .table-row:last-child .table-heading {
    height: 36px;
  }
}
.heartline-homewatching-total-management-table .table-heading.--institution-type {
  width: 320px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table .table-heading.--institution-type {
    width: 170px;
  }
}
.heartline-homewatching-total-management-table .table-heading.--sickness, .heartline-homewatching-total-management-table .table-heading.--disease, .heartline-homewatching-total-management-table .table-heading.--clinics, .heartline-homewatching-total-management-table .table-heading.--other {
  width: 314px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-total-management-table .table-heading.--sickness, .heartline-homewatching-total-management-table .table-heading.--disease, .heartline-homewatching-total-management-table .table-heading.--clinics, .heartline-homewatching-total-management-table .table-heading.--other {
    width: 200px;
  }
}
.heartline-homewatching-total-management-table .table-content {
  text-align: center;
  vertical-align: middle;
}
.heartline-homewatching-total-management-table .table-content.s-content {
  white-space: nowrap;
}
.heartline-homewatching-total-management-table .table-content.xs-content {
  font-weight: bold;
}

.heartline-homewatching-calculation-example-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table {
    font-size: 14px !important;
    width: 100% !important;
  }
}
.heartline-homewatching-calculation-example-table tr td {
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table tr td {
    white-space: nowrap;
  }
}
.heartline-homewatching-calculation-example-table .small-content {
  width: 34px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .small-content {
    width: 30px;
  }
}
.heartline-homewatching-calculation-example-table .medium-content {
  width: 81px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .medium-content {
    width: 25px;
  }
}
.heartline-homewatching-calculation-example-table .x-medium-content {
  width: 123px;
}
.heartline-homewatching-calculation-example-table .large-content {
  width: 265px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .large-content {
    width: 100%;
  }
}
.heartline-homewatching-calculation-example-table .x-large-content {
  width: 269px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .x-large-content {
    width: 100%;
  }
}
.heartline-homewatching-calculation-example-table .red-background {
  background-color: #FCEBEC;
}
.heartline-homewatching-calculation-example-table .white-background {
  background-color: #fff !important;
}
.heartline-homewatching-calculation-example-table .t_bold {
  font-weight: bold !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .td_sp_none {
    display: none;
  }
}
.heartline-homewatching-calculation-example-table .tr_pc_none {
  display: none;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-table .tr_pc_none {
    display: table-row;
  }
}

@media screen and (max-width: 679px) {
  .sp_fixed {
    table-layout: fixed !important;
  }
}

.heartline-homewatching-calculation-example {
  display: flex;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example {
    flex-direction: column;
    gap: 20px;
  }
}
.heartline-homewatching-calculation-example-item {
  position: relative;
  border-radius: 20px;
  border: solid 4px #DCDCDC;
  padding: 20px;
  flex: 1;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example-item {
    padding: 15px;
    border-radius: 10px;
  }
}
.heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-1 {
  width: 100px;
  position: absolute;
  left: 73%;
  top: -5%;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-1 {
    width: 63px;
    top: 80%;
    left: 78%;
  }
}
.heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-2 {
  width: 70px;
  position: absolute;
  left: 63%;
  top: -13%;
  z-index: 999;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-2 {
    width: 58px;
    top: -2%;
    left: 80%;
  }
}
.heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-3 {
  width: 150px;
  position: absolute;
  left: 68%;
  top: -5%;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-image-3 {
    width: 95px;
    top: 95%;
    left: 68%;
  }
}
.heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-note {
  position: absolute;
  left: -110%;
  top: 105%;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-calculation-example .heartline-homewatching-calculation-example-note {
    margin-top: 15px;
    margin-bottom: 25px;
    position: static;
  }
}

.heartline-homewatching-review-of-requirement-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-review-of-requirement-table {
    font-size: 14px !important;
    width: 100% !important;
  }
}
.heartline-homewatching-review-of-requirement-table tr td {
  vertical-align: middle;
  text-align: center;
}
.heartline-homewatching-review-of-requirement-table .table-heading {
  font-weight: bold;
  width: 33.33%;
}

.heading-pink-color .heading-2::before {
  background-color: rgb(250, 133, 178);
}

.heartline-homewatching-section {
  margin-top: -15px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-section {
    margin-top: -10px;
  }
}
.heartline-homewatching-section .section__inner {
  padding-top: 0 !important;
}

.heartline-homewatching-list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-list_reference_mark > li {
    font-size: 12px;
  }
}
.heartline-homewatching-list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-list_reference_mark > li:before {
    font-size: 12px;
  }
}
.heartline-homewatching-list_reference_mark > li > * {
  text-indent: 0;
}

.heartline-homewatching-text {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-text {
    font-size: 18px;
    text-align: left;
    margin-bottom: 30px;
  }
}

.--pink-text {
  color: #FC80B2;
}

.--content-pink .heartline-information-content-bg__item {
  background-color: rgba(252, 128, 178, 0.2) !important;
}

.heartline-homewatching-merit-text {
  font-size: 24px;
  font-weight: 700;
  color: rgb(252, 128, 178);
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-merit-text {
    font-size: 18px;
  }
}

.heartline-homewatching-merit-info {
  display: flex;
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-merit-info {
    flex-direction: column;
    gap: 30px;
  }
}
.heartline-homewatching-merit-info__content {
  flex: 1;
}

.heartline-homewatching-figure {
  text-align: center;
}
.heartline-homewatching-figure img {
  width: 420px;
  height: auto;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-figure img {
    width: 100%;
  }
}

.homewatching-information {
  border: solid 4px rgba(240, 159, 161, 0.2);
  padding: 25px 90px;
}
@media screen and (max-width: 679px) {
  .homewatching-information {
    border-radius: 10px;
    padding: 15px;
  }
}

.heartline-homewatching-mt12 {
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-homewatching-mt12 {
    margin-top: 12px;
  }
}

/* common
START
*/
.heartline-emp-text {
  font-size: 24px;
  font-weight: 700;
  color: rgb(252, 128, 178);
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-emp-text {
    font-size: 18px;
  }
}

.heartline-process-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.heartline-process--01 {
  box-sizing: border-box;
  width: 800px;
  border: 4px solid #DCDCDC;
  border-radius: 20px;
  position: relative;
}
.heartline-process--01:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-process--01:not(:last-child) {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-process--01 {
    width: 100%;
    border-radius: 10px;
  }
}
.heartline-process--01:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -10px;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 25px 0 25px;
  border-color: rgb(252, 128, 178) transparent transparent transparent;
}
@media screen and (max-width: 679px) {
  .heartline-process--01:not(:last-child)::after {
    border-width: 15px 20px 0 20px;
  }
}
.heartline-process--01.--active {
  border-color: rgba(252, 128, 178, 0.8);
}
.heartline-process--01 ul:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-process--01 ul:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-process--01 ul li {
    font-size: 14px;
  }
}
.heartline-process-content {
  padding: 25px;
}
@media screen and (max-width: 679px) {
  .heartline-process-content {
    padding: 15px;
  }
}

.heartline-link-highlight {
  color: #005EAE;
  text-decoration: underline;
}
.heartline-link-highlight:hover {
  text-decoration: none;
}

.heartline-nav {
  display: flex;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 679px) {
  .heartline-nav {
    overflow-x: auto;
    padding: 0;
    border-radius: 10px;
  }
}
.heartline-nav-wrapper {
  --nav-color: var(--accent-color, #005EAE);
}
.heartline-nav-wrapper.--color-blue {
  --nav-color: #187DF9;
}
.heartline-nav-wrapper.--color-green {
  --nav-color: #5CB44C;
}
.heartline-nav-wrapper.--color-pink {
  --nav-color: #F09FA1;
}
.heartline-nav-wrapper.--color-orange {
  --nav-color: #F7BA63;
}
.heartline-nav-wrapper.--color-purple {
  --nav-color: #BA79B1;
}
.heartline-nav-wrapper.--color-teal {
  --nav-color: #5EC2C9;
}
.heartline-nav-wrapper.--bg {
  border-radius: 20px;
  height: 340px;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 679px) {
  .heartline-nav-wrapper.--bg {
    height: 0;
    padding-bottom: 46%;
    border-radius: 10px;
  }
}
.heartline-nav-wrapper.--bg .heartline-nav {
  position: absolute;
  width: calc(100% - 10px);
  margin: 5px;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 679px) {
  .heartline-nav-wrapper.--bg .heartline-nav {
    width: 100%;
    margin: 0;
  }
}
.heartline-nav-wrapper.--bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 130px;
  bottom: 0;
  background: linear-gradient(180deg, transparent 0%, var(--nav-color) 100%);
  opacity: 0.4;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 679px) {
  .heartline-nav-wrapper.--bg::after {
    display: none;
  }
}
@media screen and (min-width: 680px) {
  .heartline-nav-wrapper.--fill .heartline-nav-item {
    flex: 1 1 auto;
    padding-right: 5px;
    padding-left: 5px;
  }
}
.heartline-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  min-height: 84px;
  color: #323232;
}
.heartline-nav-item:first-child {
  margin-left: auto;
}
.heartline-nav-item:last-child {
  margin-right: auto;
}
.heartline-nav-item:hover {
  text-decoration: none;
  color: #005EAE;
}
.heartline-nav-item:not(.--active)::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-nav-item {
    padding: 15px 10px;
    min-height: auto;
    font-size: 11px;
    white-space: nowrap;
  }
}
.heartline-nav-item.--active {
  background-color: var(--nav-color);
  color: #fff;
}
.heartline-nav-item.--disabled {
  color: #999999;
  pointer-events: none;
}
.heartline-nav-item.--disabled::before {
  color: #999999;
}

.heartline-main-color {
  color: rgb(252, 128, 178);
}

.heartline-main-color-bg {
  background-color: rgb(252, 128, 178);
}

.c_text {
  color: #323232 !important;
}

.c_pink {
  color: rgb(252, 128, 178);
}

.c_red {
  color: #D40000 !important;
}

.c_blue {
  color: #005EAE !important;
}

.text_lightgray {
  color: lightgrey;
}

@media screen and (max-width: 679px) {
  .sp_flex {
    display: flex !important;
  }
}

@media screen and (max-width: 679px) {
  .sp_align_l {
    text-align: left !important;
  }
}

/* common
END
*/
.heartline-system-figure {
  margin: 40px 0;
}
@media screen and (max-width: 679px) {
  .heartline-system-figure {
    margin: 30px 0;
  }
}
.heartline-system-figure img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-system-figure img {
    max-width: unset;
    width: 100%;
  }
}
.heartline-system-figure figcaption {
  margin-top: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-system-figure figcaption {
    margin-top: 30px;
    font-size: 14px;
  }
}

@media screen and (max-width: 679px) {
  .heartline-abu-content .heading-3 {
    margin-bottom: 20px;
  }
}
.heartline-abu-list-circle li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 679px) {
  .heartline-abu-list-circle li {
    font-size: 14px;
  }
}
.heartline-abu-list-circle li:not(:last-child) {
  margin-bottom: 9px;
}
@media screen and (max-width: 679px) {
  .heartline-abu-list-circle li:not(:last-child) {
    margin-bottom: 7px;
  }
}
.heartline-abu-list-circle li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: #999999;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 3px;
}
.heartline-abu-list-dash li {
  padding-left: 1em;
  text-indent: -1em;
  margin: 9px 0;
}
@media screen and (max-width: 679px) {
  .heartline-abu-list-dash li {
    font-size: 14px;
    margin: 7px 0;
  }
}
.heartline-abu-list-dash li::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 1px;
  background-color: #999999;
  margin-right: 7px;
}

.heartline-flow-steps {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-flow-steps {
    flex-direction: column;
    margin-top: 15px;
  }
}

.heartline-flow-step {
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-flow-step {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #DCDCDC;
  }
  .heartline-flow-step:first-child {
    border-top: 1px solid #DCDCDC;
  }
}
.heartline-flow-step:not(:last-child) {
  margin-right: 60px;
  position: relative;
}
.heartline-flow-step:not(:last-child)::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e916";
  color: rgb(252, 128, 178);
  font-size: 17px;
  position: absolute;
  top: 80px;
  left: calc(100% + 30px);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 679px) {
  .heartline-flow-step:not(:last-child)::before {
    content: "\e926";
    top: 100%;
    left: 50%;
  }
}
@media screen and (max-width: 679px) {
  .heartline-flow-step:not(:last-child) {
    margin-right: 0;
  }
}
.heartline-flow-step-head {
  padding: 30px 30px 0;
  margin-bottom: 15px;
  min-width: 160px;
  min-height: 160px;
  border-radius: 50%;
  background-color: rgba(241, 241, 241, 0.5);
}
@media screen and (max-width: 679px) {
  .heartline-flow-step-head {
    min-width: 80px;
    min-height: 80px;
    padding: 14px 10px 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
  }
  .heartline-flow-step-head img {
    width: 60px;
    height: 44px;
  }
}
.heartline-flow-step-number {
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .heartline-flow-step-number {
    font-size: 12px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-flow-step-body {
    flex: 1;
    text-align: left;
    margin-left: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 679px) {
  .heartline-flow-list li {
    font-size: 14px;
  }
}

.heartline-cost-wrapper {
  display: flex;
  column-gap: 30px;
  margin: 40px 0;
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .heartline-cost-wrapper {
    flex-wrap: wrap;
    column-gap: 15px;
    margin: 15px 0 30px;
  }
}
@media screen and (max-width: 374px) {
  .heartline-cost-wrapper {
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
  }
}

.heartline-cost {
  min-width: 300px;
  min-height: 300px;
  border-radius: 50%;
  background-color: rgba(241, 241, 241, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 45px;
}
@media screen and (max-width: 679px) {
  .heartline-cost {
    min-width: 165px;
    min-height: 165px;
    padding-top: 14px;
  }
}
.heartline-cost-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-row {
    column-gap: 15px;
  }
}
@media screen and (max-width: 374px) {
  .heartline-cost-row {
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
  }
}
.heartline-cost-type {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-type {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
.heartline-cost-img {
  width: 100px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-img {
    width: 65px;
  }
}
.heartline-cost-img img {
  max-width: 100%;
  height: auto;
}
.heartline-cost-price {
  color: rgb(252, 128, 178);
  font-weight: 700;
  font-size: 50px;
  display: flex;
  align-items: flex-end;
  letter-spacing: -0.02em;
  line-height: 1;
}
@media screen and (max-width: 679px) {
  .heartline-cost-price {
    font-size: 28px;
  }
}
.heartline-cost-price > * {
  display: block;
}
.heartline-cost-price-big {
  font-family: Roboto, serif;
}
.heartline-cost-price-small {
  font-size: 24px;
  margin-left: 10px;
  padding-bottom: 5px;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 679px) {
  .heartline-cost-price-small {
    font-size: 14px;
    padding-bottom: 7px;
    margin-left: 2px;
  }
}
.heartline-cost-sub {
  color: rgb(252, 128, 178);
  margin-top: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-sub {
    font-size: 12px;
    margin-top: 0;
  }
}
.heartline-cost-ps {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-ps {
    font-size: 12px;
  }
}
.heartline-cost-box {
  margin: 15px 0 0;
  border: 4px solid #DCDCDC;
  border-radius: 20px;
  padding: 26px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-box {
    padding: 16px;
    border-radius: 10px;
  }
}
.heartline-cost-box-table {
  display: flex;
  margin: 15px 0;
}
.heartline-cost-box-table p {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-cost-box-table p {
    font-size: 12px;
  }
}
.heartline-cost-box-table > *:first-child {
  margin-right: 10px;
}

.heartline-history-table {
  margin-bottom: 40px;
}
.heartline-history-table.table {
  --table-fs: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-history-table.table {
    --table-fs: 14px;
  }
}
.heartline-history-table tr:first-child th {
  font-weight: 700;
}
.heartline-history-table th {
  text-align: center;
  font-weight: 400;
  width: 212px;
}
@media screen and (max-width: 679px) {
  .heartline-history-table th {
    width: 65px;
  }
}
.heartline-history-table td:first-child {
  width: 212px;
  background-color: #F1F1F1;
  text-align: center;
}

@media screen and (max-width: 679px) {
  .heartline-history-emp {
    text-align: center;
  }
}

.heartline-environment-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table {
    min-width: 605px;
    font-size: 14px !important;
  }
}
.heartline-environment-table .table-heading {
  font-weight: 700;
}
.heartline-environment-table tbody tr:first-child td:first-child {
  width: 160px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table tbody tr:first-child td:first-child {
    width: 80px;
  }
}
.heartline-environment-table tbody tr:first-child td:nth-child(2) {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table tbody tr:first-child td:nth-child(2) {
    width: 130px;
  }
}
.heartline-environment-table tbody tr:first-child td:nth-child(3) {
  width: 160px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table tbody tr:first-child td:nth-child(3) {
    width: 80px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-environment-table tbody tr:first-child td:nth-child(4) {
    width: 200px;
  }
}
.heartline-environment-table tbody tr:first-child td:last-child {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table tbody tr:first-child td:last-child {
    width: 120px;
  }
}
.heartline-environment-table-cell-small {
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table-cell-small {
    font-size: 12px;
  }
}
.heartline-environment-table-wrapper {
  margin: 40px 0 20px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-table-wrapper {
    overflow: auto;
  }
}

.heartline-environment-after-table {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-after-table {
    font-size: 12px;
  }
}
.heartline-environment-after-table-wrapper {
  display: flex;
}

.heartline-environment-warning {
  display: flex;
  border: 4px solid #DCDCDC;
  border-radius: 20px;
  padding: 30px;
  align-items: center;
  margin: 40px 0;
}
@media screen and (max-width: 679px) {
  .heartline-environment-warning {
    margin: 30px 0;
    padding: 15px;
    border-radius: 10px;
    align-items: flex-start;
  }
}
.heartline-environment-warning img {
  margin-right: 15px;
  width: 63px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-warning img {
    width: 40px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 679px) {
  .heartline-environment-list {
    font-size: 12px;
  }
}
.heartline-environment-list li {
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .heartline-environment-list li {
    font-size: 12px;
  }
}
.heartline-environment-list li::before {
  font-size: 13px;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-environment-list li::before {
    font-size: 12px;
  }
}

@media screen and (max-width: 679px) {
  .heartline-htu-manual,
  .heartline-htu-manual thead,
  .heartline-htu-manual tbody {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-row {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-row:not(:last-child) .heartline-htu-manual-body {
    border-bottom: none;
  }
}
.heartline-htu-manual-head, .heartline-htu-manual-body {
  border: 1px solid #DCDCDC;
  vertical-align: middle;
}
.heartline-htu-manual-head {
  padding: 18px 38px 20px;
  background-color: #F1F1F1;
  font-weight: normal;
}
@media screen and (min-width: 680px) {
  .heartline-htu-manual-head {
    white-space: nowrap;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-head {
    display: block;
    padding: 5px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-head:not(:last-child) {
    border-bottom: none;
  }
}
.heartline-htu-manual-head__inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-head__inner {
    justify-content: center;
  }
}
.heartline-htu-manual-head__inner img {
  width: 72px;
  margin-right: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-head__inner img {
    width: 40px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-head__inner p {
    font-size: 14px;
  }
}
.heartline-htu-manual-body {
  padding: 20px 30px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-body {
    display: block;
    padding: 15px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-body:not(:first-child) {
    border-top: none;
  }
}
.heartline-htu-manual-body__inner {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-body__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.heartline-htu-manual-body__inner .button {
  min-width: 170px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-body__inner .button {
    min-width: 150px;
  }
}
.heartline-htu-manual-body__inner .button__icon {
  padding-bottom: 0;
}
.heartline-htu-manual-version {
  text-align: right;
  margin-top: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-manual-version {
    font-size: 14px;
  }
}

.heartline-htu-videos {
  padding: 40px 30px 0;
}
@media screen and (max-width: 679px) {
  .heartline-htu-videos {
    padding: 30px 0 0;
  }
}
.heartline-htu-videos .recommended_equipment__wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 70px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-videos .recommended_equipment__wrapper {
    gap: 30px;
  }
}
.heartline-htu-videos .recommended_equipment__item {
  width: 450px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-videos .recommended_equipment__item {
    width: 100%;
  }
}
.heartline-htu-videos .recommended_equipment__item figure {
  display: block;
  box-sizing: border-box;
  background: #f7f7f7;
}
.heartline-htu-videos .recommended_equipment__item figure iframe {
  width: 100%;
}
.heartline-htu-videos .recommended_equipment__item p {
  margin-top: 10px;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 679px) {
  .heartline-htu-videos .recommended_equipment__item p {
    font-size: 14px;
    text-align: left;
  }
}

.heartline-htu-recommend-list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-recommend-list {
    margin-bottom: 20px;
  }
}
.heartline-htu-recommend-list ul:not(:last-child) {
  margin-right: 60px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-recommend-list ul:not(:last-child) {
    margin-right: 20px;
    font-size: 14px;
  }
}

.heartline-htu-recommend-item {
  min-height: 108px;
  min-width: 335px;
  border: 4px solid #DCDCDC;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 20px;
  color: #323232;
  transition: 0.3s ease;
  transition-property: background-color;
}
.heartline-htu-recommend-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-htu-recommend-item-wrapper {
    gap: 0;
  }
}
@media screen and (max-width: 679px) {
  .heartline-htu-recommend-item {
    min-height: unset;
    min-width: 100%;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    border-top: 4px solid #DCDCDC;
    border-left: 4px solid #DCDCDC;
    border-right: 4px solid #DCDCDC;
  }
  .heartline-htu-recommend-item:not(:first-child) {
    border-radius: 0;
    border: none;
    border-bottom: 4px solid #DCDCDC;
    border-left: 4px solid #DCDCDC;
    border-right: 4px solid #DCDCDC;
  }
  .heartline-htu-recommend-item:last-child {
    border-radius: 0 0 10px 10px;
  }
}
.heartline-htu-recommend-item:hover {
  text-decoration: none;
  background-color: #F7F7F7;
  color: #005EAE;
}
.heartline-htu-recommend-item-content {
  display: flex;
  align-items: center;
}
.heartline-htu-recommend-item-content p {
  font-weight: 700;
}
.heartline-htu-recommend-item-content::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}

.heartline-req-item {
  width: 320px;
}
@media screen and (max-width: 679px) {
  .heartline-req-item {
    width: 100%;
  }
}
.heartline-req-item-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-req-item-wrapper {
    gap: 30px;
  }
}
.heartline-req-item-top:hover {
  text-decoration: none;
}
.heartline-req-item-top:hover .heartline-req-item-img {
  opacity: 0.7;
}
.heartline-req-item-top:hover .heartline-req-item-text p {
  text-decoration: underline;
  color: #005EAE;
}
.heartline-req-item-img {
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  padding: 5px 0;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  height: 212px;
}
.heartline-req-item-img img {
  height: 100%;
  width: auto;
}
@media screen and (max-width: 679px) {
  .heartline-req-item-img {
    height: 211px;
    margin-bottom: 10px;
    border-radius: 10px;
  }
}
.heartline-req-item-text {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}
.heartline-req-item-text::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-req-item-text::before {
    margin-top: 8px;
  }
}
.heartline-req-item-text p {
  font-size: 22px;
  color: #323232;
}
@media screen and (max-width: 679px) {
  .heartline-req-item-text p {
    font-size: 18px;
  }
}
.heartline-req-item-sub-text span {
  display: block;
  margin-bottom: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-req-item-sub-text span {
    margin-bottom: 3px;
    font-size: 14px;
  }
}

.heartline-req-bluetooth {
  border-radius: 20px;
  border: 4px solid rgba(252, 128, 178, 0.25);
  padding: 30px;
  margin: 40px auto;
  width: 800px;
}
@media screen and (max-width: 679px) {
  .heartline-req-bluetooth {
    padding: 20px;
    border-radius: 10px;
    width: auto;
    margin: 40px auto 30px auto;
  }
}
.heartline-req-bluetooth-head {
  color: rgb(252, 128, 178);
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-req-bluetooth-head {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-req-bluetooth-content {
    font-size: 14px;
  }
}

.heartline-req-ps {
  border-radius: 20px;
  padding: 30px;
  background-color: #F1F1F1;
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 679px) {
  .heartline-req-ps {
    padding: 20px;
    border-radius: 10px;
    width: auto;
  }
}
.heartline-req-ps-head {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-req-ps-head {
    font-size: 18px;
    margin-bottom: 12px;
  }
}

.heartline-download-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-download-list {
    gap: 0;
  }
}
.heartline-download-item {
  min-width: 336px;
  min-height: 94px;
  border: 4px solid #DCDCDC;
  padding: 0 0 0 20px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: #323232;
  transition: 0.3s ease;
  transition-property: background-color, color;
}
@media screen and (max-width: 679px) {
  .heartline-download-item {
    padding-top: 15px;
    padding-bottom: 15px;
    min-width: 100%;
    min-height: 60px;
    border-radius: 10px 10px 0 0;
    border-top: 4px solid #DCDCDC;
    border-left: 4px solid #DCDCDC;
    border-right: 4px solid #DCDCDC;
  }
  .heartline-download-item:not(:first-child) {
    border-radius: 0;
    border: none;
    border-bottom: 4px solid #DCDCDC;
    border-left: 4px solid #DCDCDC;
    border-right: 4px solid #DCDCDC;
  }
  .heartline-download-item:last-child {
    border-radius: 0 0 10px 10px;
  }
  .heartline-download-item:only-child {
    border-radius: 10px;
  }
}
.heartline-download-item.--blue::before {
  background-color: #005EAE;
}
.heartline-download-item:hover {
  text-decoration: none;
  background-color: #F7F7F7;
  color: #005EAE;
}
.heartline-download-item::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: rgb(252, 128, 178);
  left: 0;
  top: 0;
}
.heartline-download-item-text {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.heartline-download-item-text sup {
  vertical-align: top;
  font-size: 0.8em;
}
@media screen and (max-width: 679px) {
  .heartline-download-item-text {
    align-items: flex-start;
  }
}
.heartline-download-item-text::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
  margin-top: 4px;
}
@media screen and (max-width: 679px) {
  .heartline-download-item-text::before {
    margin-top: 7px;
  }
}
.heartline-download-item-text sub {
  margin-bottom: 5px;
}
@media screen and (min-width: 680px) {
  .heartline-download-item-text.--lg {
    font-size: 20px;
  }
}
.heartline-download-indicator {
  display: flex;
}
@media screen and (max-width: 679px) {
  .heartline-download-indicator {
    flex-direction: column;
  }
}
.heartline-download-indicator-item {
  display: flex;
  align-items: center;
}
.heartline-download-indicator-item:first-child {
  margin-right: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-download-indicator-item:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.heartline-download-indicator-item-color {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background-color: rgb(252, 128, 178);
  margin-right: 5px;
}
.heartline-download-indicator-item-color.--blue {
  background-color: #005EAE;
}
.heartline-download-notes ul li {
  font-size: 13px;
  margin-left: 2.5em;
  text-indent: -2.5em;
}
@media screen and (max-width: 679px) {
  .heartline-download-notes ul li {
    font-size: 12px;
  }
}
.heartline-download-notes ul li::before {
  content: "※" counter(decimal_01);
  margin-right: 10px;
}

.heartline-ole-list li {
  font-size: 13px;
}
.heartline-ole-list li::before {
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-list li {
    font-size: 12px;
  }
}

.heartline-ole-top-section-note {
  text-align: right;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-section-note {
    font-size: 12px;
    text-align: left;
    padding-left: 40px;
    text-indent: -40px;
  }
}

.heartline-ole-top-video-wrapper {
  width: 800px;
  margin: 60px auto 0;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-video-wrapper {
    width: 100%;
    margin: 40px 0 10px;
  }
}
.heartline-ole-top-video-inner {
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-video-inner {
    aspect-ratio: 16/9;
    height: auto;
  }
}
.heartline-ole-top-video-inner iframe {
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-video-inner iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
  }
}

.heartline-ole-point-list-wrapper {
  border: 4px solid rgba(35, 123, 244, 0.3);
  border-radius: 20px;
  padding: 20px 30px 20px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-list-wrapper {
    border-radius: 10px;
    padding: 15px 20px;
  }
}
.heartline-ole-point-item {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-item {
    align-items: flex-start;
  }
}
.heartline-ole-point-item:first-child {
  padding-top: 0;
}
.heartline-ole-point-item:last-child {
  border: none;
  padding-bottom: 0;
}
.heartline-ole-point-head {
  color: rgb(24, 125, 249);
  font-family: Roboto, serif;
  font-weight: 700;
  margin-right: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-head {
    margin-right: 15px;
  }
}
.heartline-ole-point-head .text {
  font-size: 22px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-head .text {
    font-size: 20px;
  }
}
.heartline-ole-point-head .number {
  font-size: 31px;
  line-height: 1;
  padding-left: 3px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-head .number {
    font-size: 28px;
  }
}
.heartline-ole-point-body {
  display: flex;
  align-items: center;
  position: relative;
}
.heartline-ole-point-body::before {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% + 2px);
  top: -1px;
  bottom: 0;
  left: 0;
  margin-right: 20px;
  background-color: rgb(24, 125, 249);
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-body::before {
    display: none;
  }
}
.heartline-ole-point-body p {
  padding-left: 20px;
}
@media screen and (min-width: 680px) {
  .heartline-ole-point-body p {
    font-size: 18px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-ole-point-body p {
    padding-left: 0;
  }
}

.heartline-ole-top-columns .archive-table-column.--fixed {
  flex-basis: 243px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-columns .archive-table-column.--fixed {
    flex-basis: 124px;
  }
}

.heartline-ole-top-table {
  table-layout: fixed;
}
.heartline-ole-top-table.table {
  --table-fs: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.table {
    --table-fs: 14px;
  }
}
.heartline-ole-top-table .table-heading {
  font-weight: 500;
}
.heartline-ole-top-table .table-heading,
.heartline-ole-top-table .table-content {
  vertical-align: middle;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--fixed .table-heading:last-child,
  .heartline-ole-top-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.heartline-ole-top-table.--fixed .table-heading:first-child {
  width: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--fixed .table-heading:first-child {
    width: 30px;
  }
}
.heartline-ole-top-table.--fixed .table-heading:nth-child(2) {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--fixed .table-heading:nth-child(2) {
    width: 90px;
  }
}
.heartline-ole-top-table.--fixed .table-content {
  text-align: center;
}
.heartline-ole-top-table.--scrollable .table-heading:nth-child(1), .heartline-ole-top-table.--scrollable .table-heading:nth-child(2) {
  width: 250px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--scrollable .table-heading:nth-child(1) {
    width: 100px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--scrollable .table-heading:nth-child(2) {
    width: 145px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-ole-top-table.--scrollable .table-heading:last-child {
    width: 180px;
  }
}
.heartline-ole-top-table.--scrollable .table-content {
  text-align: left;
}
.heartline-ole-top-table.--scrollable .table-heading:first-child,
.heartline-ole-top-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.heartline-ole-top-table.--scrollable .table-heading:last-child,
.heartline-ole-top-table.--scrollable .table-content:last-child {
  background-color: rgba(35, 123, 244, 0.05);
}

.heartline-process-head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
}
@media screen and (max-width: 679px) {
  .heartline-process-head {
    font-size: 18px;
    align-items: flex-start;
  }
}
.heartline-process-head-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: rgb(2, 127, 255);
  font-family: Roboto, serif;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-right: 10px;
  flex-shrink: 0;
}
.heartline-process-head-text {
  font-weight: 700;
}

.headline-ole-process .headline-ole-process-notes {
  margin-top: 15px;
}
.headline-ole-process .notes {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .headline-ole-process .notes {
    font-size: 12px;
  }
}

.heartline-ole-merit-recommend {
  flex-wrap: wrap;
}
@media screen and (max-width: 679px) {
  .heartline-ole-merit-recommend {
    gap: 25px;
  }
}
.heartline-ole-merit-recommend .heartline-introduction-of-recommended-function-item {
  width: 320px;
  flex: none;
}
@media screen and (max-width: 679px) {
  .heartline-ole-merit-recommend .heartline-introduction-of-recommended-function-item {
    width: 100%;
  }
}
.heartline-ole-merit-recommend .heartline-introduction-of-recommended-function-item__figure {
  border-radius: 5px;
  overflow: hidden;
}
.heartline-ole-merit-recommend .heartline-introduction-of-recommended-function-item__content {
  font-weight: 400;
  margin-bottom: 0;
}

.heartline-ole-useingscene-figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.heartline-ole-useingscene-figure img {
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-useingscene-figure img {
    margin-bottom: 15px;
    width: 100%;
  }
}
.heartline-ole-useingscene-figure figcaption {
  font-size: 13px;
  margin-right: auto;
}
@media screen and (max-width: 679px) {
  .heartline-ole-useingscene-figure figcaption {
    font-size: 12px;
  }
}
.heartline-ole-useingscene-figure figcaption:not(:last-child) {
  margin-bottom: 5px;
}
.heartline-ole-useingscene-figure figcaption.--indent {
  padding-left: 3.2em;
  text-indent: -3.2em;
}
.heartline-ole-useingscene-information-content {
  margin: 25px 0 60px;
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .heartline-ole-useingscene-information-content {
    margin: 20px 0 40px;
  }
}
.heartline-ole-useingscene-information-content .item {
  background-color: rgba(2, 127, 255, 0.1);
  width: 238px;
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-ole-useingscene-information-content .item {
    width: 100%;
    padding: 15px;
  }
  .heartline-ole-useingscene-information-content .item p {
    font-size: 14px;
    line-height: 1.4;
  }
}

.headline-ole-0410-match {
  display: flex;
}
@media screen and (max-width: 679px) {
  .headline-ole-0410-match-to {
    display: none;
  }
}
.headline-ole-0410-match-to p {
  margin-bottom: 10px;
}
.headline-ole-0410-match-icon {
  margin-left: 10px;
  margin-right: 25px;
}
@media screen and (max-width: 679px) {
  .headline-ole-0410-match-icon {
    display: none;
  }
}
.headline-ole-0410-match-icon-img {
  display: flex;
  align-items: center;
  height: 25px;
  margin-bottom: 10px;
}
.headline-ole-0410-match-icon img {
  display: block;
  width: 72px;
}
.headline-ole-0410-list li {
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .headline-ole-0410-list li {
    margin-bottom: 15px;
  }
}
.headline-ole-0410-list li .list_dash {
  margin-top: 5px;
}

p.--indent {
  padding-left: 3.2em;
  text-indent: -3.2em;
}

.heartline-ole-change-point-notes {
  font-size: 13px;
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-ole-change-point-notes p {
    font-size: 12px;
  }
}
.heartline-ole-change-point-notes .flex:not(:last-child) {
  margin-bottom: 7px;
}
.heartline-ole-change-point-notes .flex > :first-child {
  flex-shrink: 0;
}

.heartline-ole-change-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-ole-change-table {
    font-size: 14px !important;
  }
}
.heartline-ole-change-table .blue {
  background-color: rgba(35, 123, 244, 0.05) !important;
}
.heartline-ole-change-table tr th {
  font-weight: 500;
}
.heartline-ole-change-table tr td:last-child:not(.table-heading):not(.normal), .heartline-ole-change-table tr th:last-child:not(.table-heading):not(.normal) {
  width: 280px;
  color: #D40000;
  background-color: rgba(35, 123, 244, 0.05);
}
@media screen and (max-width: 679px) {
  .heartline-ole-change-table tr td:last-child:not(.table-heading):not(.normal), .heartline-ole-change-table tr th:last-child:not(.table-heading):not(.normal) {
    width: auto;
  }
}
.heartline-ole-change-table tr td:nth-child(2) {
  text-align: center;
  vertical-align: middle;
}
.heartline-ole-change-table tr td:nth-child(3) {
  text-align: right;
}
.heartline-ole-change-table tr td:last-child {
  text-align: right;
}
@media screen and (min-width: 680px) {
  .heartline-ole-change-table tr:nth-child(2) th:first-child {
    width: 160px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-ole-change-table tr:first-child th:nth-child(2) {
    width: 26%;
  }
}
.heartline-ole-change-table .stamp {
  position: absolute;
  width: 63px;
  height: 63px;
  font-size: 15px;
  font-weight: 700;
  background-color: #187DF9;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
@media screen and (max-width: 679px) {
  .heartline-ole-change-table .stamp {
    top: 10px;
    left: 10px;
  }
}

.heartline-ole-sub-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-ole-sub-table {
    font-size: 14px !important;
  }
}
.heartline-ole-sub-table .blue {
  background-color: rgba(35, 123, 244, 0.05) !important;
}
.heartline-ole-sub-table tr th {
  width: 33.33%;
  font-weight: 500;
}

.--iroha-indent {
  padding-left: 1.8em !important;
  text-indent: -1.8em !important;
}

.--ps-indent {
  padding-left: 3em;
  text-indent: -3em;
}

.heartline-dailysis-figure img {
  display: block;
  margin: 0 auto;
  width: 800px;
}
@media screen and (max-width: 679px) {
  .heartline-dailysis-figure img {
    max-width: 100%;
  }
}

.small img {
  width: 718px;
}

.heartline-dailysis-text {
  margin-top: 60px;
  font-size: 28px;
  font-weight: bold;
  color: #FC80B2;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-dailysis-text {
    font-size: 20px;
    margin-top: 40px;
  }
}

.heartline-dialysis-merit-text {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-merit-text {
    font-size: 14px;
  }
}

.heartline-dialysis-merit-big-text {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #FC80B2;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-merit-big-text {
    font-size: 18px;
    margin-top: 30px;
    text-align: left;
  }
}

.heatline-dialysis-merit-info {
  border: solid 4px #DCDCDC;
  border-radius: 20px;
  padding: 25px;
  display: flex;
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info {
    flex-direction: column;
    padding: 15px;
    border-radius: 10px;
  }
}
.heatline-dialysis-merit-info-item {
  position: relative;
  display: flex;
  gap: 15px;
  flex: 1;
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info-item {
    flex: 1;
  }
}
@media screen and (min-width: 680px) {
  .heatline-dialysis-merit-info-item:not(:first-child) {
    padding-left: 30px;
  }
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info-item:not(:first-child) {
    padding-top: 20px;
  }
}
@media screen and (min-width: 680px) {
  .heatline-dialysis-merit-info-item:not(:last-child) {
    padding-right: 30px;
    border-right: 1px solid #DCDCDC;
  }
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info-item:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #DCDCDC;
  }
}
.heatline-dialysis-merit-info-item__icon {
  flex-shrink: 0;
}
.heatline-dialysis-merit-info-item__icon img {
  width: 70px;
  height: auto;
}
.heatline-dialysis-merit-info-item__content .heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info-item__content .heading {
    font-size: 16px;
  }
}
.heatline-dialysis-merit-info-item__content .list-content {
  display: flex;
  gap: 10px;
}
.heatline-dialysis-merit-info-item__content .list-content .list_circle > li {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .heatline-dialysis-merit-info-item__content .list-content .list_circle > li {
    font-size: 12px;
  }
}

.table-heading-yellow th {
  background-color: #FEE5BF;
}

.table-heading-light-blue th {
  background-color: #D0E6F7;
}

.heartline-dialysis-table {
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-table {
    width: 100%;
    font-size: 14px;
  }
}
.heartline-dialysis-table th {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-table th {
    font-size: 14px;
  }
}
.heartline-dialysis-table th:first-child {
  width: 55px;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-table th:first-child {
    width: 25px;
  }
}
.heartline-dialysis-table th:last-child {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-table th:last-child {
    width: 85px;
  }
}
.heartline-dialysis-table td {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-table td {
    font-size: 14px;
  }
}

.heartline-dialysis-note {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-dialysis-note {
    display: none;
  }
}

@media screen and (max-width: 679px) {
  .heartline-olm .heartline-nav-item br {
    display: none;
  }
}
.heartline-olm-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-olm-table {
    font-size: 14px !important;
  }
}
.heartline-olm-table .heartline-olm-table-cell {
  margin-bottom: 0;
}
.heartline-olm-table-cell {
  display: flex;
  margin-bottom: 15px;
}
.heartline-olm-table-cell-num {
  width: 20px;
  height: 20px;
  background-color: rgb(74, 191, 40);
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: Roboto, serif;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .heartline-olm-table-cell-num {
    margin-right: 5px;
  }
}
.heartline-olm-table tr th {
  font-weight: 500;
}
.heartline-olm-table tr td:last-child {
  width: 280px;
  vertical-align: middle;
}
@media screen and (max-width: 679px) {
  .heartline-olm-table tr td:last-child {
    width: 70px;
    text-align: center;
  }
}
.heartline-olm-table tr:first-child th:last-child {
  width: 75px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-table .link__text {
    display: none;
  }
}
.heartline-olm-note-box {
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 20px;
  border: 1px solid #DCDCDC;
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-note-box {
    font-size: 12px;
    padding: 10px;
  }
}
.heartline-olm-note-box.--pt10 {
  padding: 10px;
}
.heartline-olm-note {
  display: flex;
  margin-bottom: 7px;
  padding-left: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-note {
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-note-head {
    margin-bottom: 5px;
  }
}
.heartline-olm-note-body {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-olm-note-body {
    padding-left: 20px;
    align-items: flex-start;
  }
}
.heartline-olm-note-body::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent rgb(252, 128, 178);
  margin-right: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-note-body::before {
    margin-top: 5px;
  }
}
.heartline-olm-img-frame {
  border: 4px solid rgba(95, 179, 84, 0.3);
  padding: 20px;
  border-radius: 20px;
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-olm-img-frame {
    border-radius: 10px;
    padding: 15px;
  }
}
.heartline-olm-top-sections .heading-4 {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-howtostart-h4 .heading-4 {
    margin-top: 0;
  }
}
.heartline-olm-main-img {
  text-align: center;
}
.heartline-olm-useingscene-information-content .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 10px;
  background-color: rgba(92, 180, 76, 0.2);
}
@media screen and (max-width: 679px) {
  .heartline-olm-useingscene-information-content .item {
    padding: 15px;
  }
}
.heartline-olm-point-list-wrapper {
  border-color: rgba(94, 179, 84, 0.3);
}
.heartline-olm-point-list-wrapper .heartline-ole-point-head {
  color: #5CB44C;
}
.heartline-olm-point-list-wrapper .heartline-ole-point-body::before {
  background-color: #5CB44C;
}
@media screen and (min-width: 680px) {
  .heartline-olm-point-list-wrapper .heartline-ole-point-body p {
    font-size: 18px;
  }
}
.heartline-olm-revision-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table {
    font-size: 14px !important;
  }
}
.heartline-olm-revision-table th, .heartline-olm-revision-table td {
  vertical-align: middle;
}
.heartline-olm-revision-table th {
  font-weight: 500;
}
.heartline-olm-revision-table .table-cell-green {
  background-color: rgba(92, 180, 76, 0.1);
}
.heartline-olm-revision-table .table-cell-white {
  background-color: #fff;
}
.heartline-olm-revision-table .table-cell-pink {
  background-color: rgba(252, 128, 178, 0.1);
}
.heartline-olm-revision-table--01-01 tr:first-child th:nth-child(4) {
  width: 370px;
}
.heartline-olm-revision-table--01-01 tr:first-child th:last-child {
  width: 127px;
}
@media screen and (min-width: 680px) {
  .heartline-olm-revision-table--01-01 tr:first-child th:first-child {
    width: 40px;
  }
  .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(2) {
    width: 330px;
  }
  .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(3), .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(5) {
    width: 127px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-01 tr:first-child th:first-child {
    width: 5%;
  }
  .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(2), .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(4) {
    width: 27.5%;
  }
  .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(3), .heartline-olm-revision-table--01-01 tr:first-child th:nth-child(5) {
    width: 20%;
  }
}
.heartline-olm-revision-table--01-02 {
  table-layout: fixed;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--fixed .table-heading:last-child,
  .heartline-olm-revision-table--01-02.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.heartline-olm-revision-table--01-02.--fixed .table-heading {
  height: 90px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--fixed .table-heading {
    height: 95px;
  }
}
@media screen and (min-width: 680px) {
  .heartline-olm-revision-table--01-02.--fixed .table-row:nth-child(2) .table-content, .heartline-olm-revision-table--01-02.--fixed .table-row:nth-child(3) .table-content {
    height: 70px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--fixed .table-row:nth-child(2) .table-content {
    height: 80px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--fixed .table-row:nth-child(3) .table-content {
    height: 100px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--fixed .table-row:nth-child(4) .table-content {
    height: 60px;
  }
}
.heartline-olm-revision-table--01-02.--fixed .table-row:last-child .table-content {
  height: 200px;
}
.heartline-olm-revision-table--01-02.--scrollable .table-heading:first-child,
.heartline-olm-revision-table--01-02.--scrollable .table-content:first-child {
  border-left-width: 0;
}
@media screen and (min-width: 680px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:first-child {
    height: 45px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:first-child {
    width: 160px;
  }
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(2), .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(3), .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(4) {
  width: 185px;
  height: 90px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(2), .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(3), .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(4) {
    height: 95px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(2) {
    width: 90px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(3), .heartline-olm-revision-table--01-02.--scrollable .table-row:first-child .table-heading:nth-child(4) {
    width: 100px;
  }
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(2) .table-heading {
  width: 150px;
}
@media screen and (min-width: 680px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(2) .table-heading {
    height: 45px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(2) .table-heading {
    width: 80px;
  }
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(3) .table-content:nth-child(2) {
  height: 70px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(3) .table-content:nth-child(2) {
    height: 80px;
  }
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(4) .table-content:nth-child(1) {
  height: 70px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(4) .table-content:nth-child(1) {
    height: 100px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(5) .table-content {
    height: 60px;
  }
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(6) .table-content:nth-child(2) {
  height: 100px;
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(6) .table-content:nth-child(5) {
  width: 150px;
  white-space: nowrap;
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(7) .table-content:nth-child(1) {
  height: 100px;
}
.heartline-olm-revision-table--01-02.--scrollable .table-row:nth-child(7) .table-content:nth-child(4) {
  width: 150px;
  white-space: nowrap;
}
.heartline-olm-revision-table--01-02.--sub {
  width: calc(100% + 20px);
  margin: -10px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--sub {
    width: calc(100% + 14px);
    margin: -7px;
  }
}
.heartline-olm-revision-table--01-02.--sub td {
  padding: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--sub td {
    padding: 7px;
  }
}
.heartline-olm-revision-table--01-02.--sub td:first-child {
  width: 35px;
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--sub td:first-child {
    width: 25px;
    padding-left: 5px;
    font-size: 14px;
  }
}
.heartline-olm-revision-table--01-02.--sub td:not(:first-child) {
  border-left: 1px solid #DCDCDC;
  background-color: rgba(92, 180, 76, 0.1);
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--01-02.--sub td:not(:first-child) {
    text-align: center;
  }
}
.heartline-olm-revision-table--02-01 {
  table-layout: fixed;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--02-01.--fixed .table-heading:last-child,
  .heartline-olm-revision-table--02-01.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.heartline-olm-revision-table--02-01.--fixed .table-content {
  text-align: center;
}
.heartline-olm-revision-table--02-01.--scrollable .table-heading:first-child,
.heartline-olm-revision-table--02-01.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.heartline-olm-revision-table--02-01.--scrollable .table-heading:last-child,
.heartline-olm-revision-table--02-01.--scrollable .table-content:last-child {
  background-color: rgba(92, 180, 76, 0.1);
}
.heartline-olm-revision-table--02-01.--scrollable .table-heading:nth-child(1), .heartline-olm-revision-table--02-01.--scrollable .table-heading:nth-child(2) {
  width: 260px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--02-01.--scrollable .table-heading:nth-child(1), .heartline-olm-revision-table--02-01.--scrollable .table-heading:nth-child(2) {
    width: 180px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table--02-01.--scrollable .table-heading:last-child {
    width: 310px;
  }
}
.heartline-olm-revision-table--02-01.--scrollable .table-content {
  text-align: left;
}
.heartline-olm-revision-table-indicator {
  display: flex;
}
.heartline-olm-revision-table-indicator-list {
  margin-top: 15px;
}
.heartline-olm-revision-table-indicator:not(:last-child) {
  margin-bottom: 7px;
}
.heartline-olm-revision-table-indicator-color {
  width: 80px;
  height: 25px;
  margin-right: 20px;
  background-color: rgba(92, 180, 76, 0.1);
}
.heartline-olm-revision-table-indicator-color--pink {
  background-color: rgba(252, 128, 178, 0.1);
}
.heartline-olm-revision-table-columns.--01-02 .archive-table-column.--fixed {
  flex-basis: 185px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table-columns.--01-02 .archive-table-column.--fixed {
    flex-basis: 83px;
  }
}
.heartline-olm-revision-table-columns.--02-01 .archive-table-column.--fixed {
  flex-basis: 175px;
}
@media screen and (max-width: 679px) {
  .heartline-olm-revision-table-columns.--02-01 .archive-table-column.--fixed {
    flex-basis: 103px;
  }
}
.heartline-olm-list_check_square li::before {
  color: rgb(252, 128, 178);
}

.list_star_sub_decimal li {
  display: flex;
}
.list_star_sub_decimal li p {
  font-size: 13px;
  margin-left: 5px;
}
@media screen and (max-width: 679px) {
  .list_star_sub_decimal li p {
    font-size: 12px;
  }
}
.list_star_sub_decimal__marker {
  flex-shrink: 0;
}

.c_pink {
  color: rgb(252, 128, 178);
}

@media screen and (max-width: 679px) {
  .sp-full-width {
    width: 100%;
  }
}

.section-border {
  padding: 20px;
  border: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .section-border {
    padding: 10px;
  }
}

.heartline-patient-hl-nav-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}
.heartline-patient-hl-nav-bar__item {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item {
    width: 100%;
    min-height: unset;
    padding: 10px 20px;
    border-top: 1px solid #999999;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item:last-child {
    border-bottom: 1px solid #999999;
  }
}
.heartline-patient-hl-nav-bar__item:first-child::before {
  content: "";
  border-left: 1px solid #999999;
  height: 100%;
  position: absolute;
  left: -35px;
  top: 0;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item:first-child::before {
    border-left: none;
  }
}
.heartline-patient-hl-nav-bar__item::after {
  content: "";
  border-right: 1px solid #999999;
  height: 100%;
  position: absolute;
  left: calc(100% + 35px);
  top: 0;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item::after {
    border-right: none;
  }
}
.heartline-patient-hl-nav-bar__item .icon::before {
  font-family: "nipro-icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
.heartline-patient-hl-nav-bar__item a:hover {
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item a {
    font-size: 14px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-nav-bar__item p {
    font-size: 14px;
  }
}

.heartline-patient-info-text {
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-text {
    font-size: 18px;
    text-align: left;
  }
}

.heartline-patient-info-card {
  width: 758px;
  margin: auto;
  border: solid 4px rgba(245, 90, 152, 0.25);
  border-radius: 20px;
  padding: 30px;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card {
    padding: 20px;
    border-radius: 10px;
    width: 100%;
  }
}
.heartline-patient-info-card__heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__heading {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
.heartline-patient-info-card__text {
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__text {
    font-size: 18px;
    text-align: left;
  }
}
.heartline-patient-info-card__call-to-action {
  margin-top: 40px;
  display: flex;
  gap: 15px;
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__call-to-action {
    margin-top: 15px;
  }
}
.heartline-patient-info-card__call-to-action .white a {
  background-color: #fff;
  color: black;
  border: solid 1px #DCDCDC;
  min-width: 140px;
}
.heartline-patient-info-card__call-to-action .white a:hover {
  background-color: #F7F7F7;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__call-to-action .white a {
    min-width: 110px;
  }
}
.heartline-patient-info-card__call-to-action .white .button__icon {
  display: flex;
  align-items: center;
}
.heartline-patient-info-card__call-to-action .white .button__icon::before {
  color: #005EAE;
}
.heartline-patient-info-card__call-to-action .pink {
  min-width: 240px;
}
.heartline-patient-info-card__call-to-action .pink a {
  min-width: 240px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__call-to-action .pink a {
    min-width: 180px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-info-card__call-to-action .pink {
    min-width: 180px;
  }
}

.wide-current-side-bar .nav-item.--current .nav-item__link::after {
  height: 70% !important;
}

@media screen and (max-width: 679px) {
  .heartline-patient-hl-content .content {
    padding-bottom: 15px;
  }
}

.heartline-patient-hl-table .list_reference_mark > li::before {
  font-size: 13px !important;
  vertical-align: baseline;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-table .list_reference_mark > li::before {
    font-size: 12px !important;
  }
}

.heartline-patient-hl-info-req-bluetooth {
  border: 4px solid rgba(252, 128, 178, 0.25);
  padding: 25px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-info-req-bluetooth {
    padding: 15px;
  }
}

.heartline-patient-hl-req-item-sub-text a:hover {
  text-decoration: none;
}
.heartline-patient-hl-req-item-sub-text .small-text-link {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-req-item-sub-text .small-text-link {
    font-size: 12px;
  }
}

.heartline-patient-hl-htu-videos {
  padding-top: 0;
}
.heartline-patient-hl-htu-videos .recommended_equipment__item figure {
  padding: 0;
  border: none;
  box-shadow: none;
}

@media screen and (max-width: 679px) {
  .heartline-patient-hl-req-item-wrapper {
    gap: 10px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-req-item-wrapper .heartline-req-item {
    width: calc(50% - 5px);
  }
}
.heartline-patient-hl-req-item-wrapper .heartline-req-item .heartline-req-item-img {
  overflow: hidden;
  height: 212px;
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-req-item-wrapper .heartline-req-item .heartline-req-item-img {
    height: 111px;
  }
}
.heartline-patient-hl-req-item-wrapper .heartline-req-item .heartline-req-item-img img {
  height: 100%;
  width: auto;
}

.heartline-htu-recommend-item-content__image {
  width: 90px;
  text-align: center;
}

.about-heartline-nav-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}
.about-heartline-nav-bar__item {
  position: relative;
  min-height: 40px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item {
    width: 100%;
    min-height: unset;
    padding: 10px 20px;
    border-top: 1px solid #999999;
  }
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item:last-child {
    border-bottom: 1px solid #999999;
  }
}
.about-heartline-nav-bar__item:first-child::before {
  content: "";
  border-left: 1px solid #999999;
  height: 100%;
  position: absolute;
  left: -70px;
  top: 0;
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item:first-child::before {
    border-left: none;
  }
}
.about-heartline-nav-bar__item::after {
  content: "";
  border-right: 1px solid #999999;
  height: 100%;
  position: absolute;
  left: calc(100% + 70px);
  top: 0;
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item::after {
    border-right: none;
  }
}
.about-heartline-nav-bar__item .icon::before {
  font-family: "nipro-icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
.about-heartline-nav-bar__item a:hover {
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item a {
    font-size: 14px;
  }
}
@media screen and (max-width: 679px) {
  .about-heartline-nav-bar__item p {
    font-size: 14px;
  }
}

.about-heartline-text {
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .about-heartline-text {
    font-size: 18px;
    text-align: left;
  }
}

.heartline-patient-hl-about-heartline-figure img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-figure img {
    max-width: 100%;
  }
}
.heartline-patient-hl-about-heartline-figure.medium_size img {
  width: 863px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-figure.medium_size {
    max-width: 100%;
  }
}

.heartline-patient-hl-about-heartline-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-cards {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 25px;
  }
}
.heartline-patient-hl-about-heartline-cards .card {
  flex: 1 1 calc(50% - 20px);
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-cards .card {
    flex: 1;
  }
}
.heartline-patient-hl-about-heartline-cards .card .heading {
  font-size: 18px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-cards .card .heading {
    font-size: 16px;
  }
}
.heartline-patient-hl-about-heartline-cards .card .text {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-cards .card .text {
    font-size: 14px;
  }
}

.heartline-patient-hl-about-heartline-info {
  border: solid 1px #DCDCDC;
  padding: 30px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-info {
    margin-bottom: 10px;
    align-items: center;
    padding: 20px;
    gap: 20px;
  }
}
.heartline-patient-hl-about-heartline-info p {
  position: relative;
}
.heartline-patient-hl-about-heartline-info p:first-child::after {
  content: "";
  border-right: 1px solid #E5E5E5;
  height: 100%;
  position: absolute;
  left: calc(100% + 20px);
  top: 0;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-info p:first-child::after {
    border-right: none;
  }
}
.heartline-patient-hl-about-heartline-info p:last-child::after {
  border-left: none;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartline-info p:last-child::after {
    content: "";
    border-left: 1px solid #E5E5E5;
    height: 100%;
    position: absolute;
    left: -10px;
    top: 0;
  }
}

.heartline-patient-hl-about-heartlin-extra-info {
  display: none;
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info .item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
    border-top: solid 1px #DCDCDC;
  }
  .heartline-patient-hl-about-heartlin-extra-info .item:last-child {
    border-bottom: solid 1px #DCDCDC;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info .item .content {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info .item .content .heading {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info .item .content .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patient-hl-about-heartlin-extra-info .item img {
    width: 65px;
    height: auto;
  }
}
.heartline-patient-hl-about-heartlin-extra-info .text-red {
  color: #C71E1E;
}
.heartline-patient-hl-about-heartlin-extra-info .text-pink {
  color: #F45A98;
}

@media screen and (max-width: 679px) {
  .sp_mb20_heading .heading-2 {
    margin-bottom: 20px;
  }
}

.heartline-solution-top-page-layout .header-body {
  padding-top: 55px;
}
.heartline-solution-clfine-table td:last-child {
  text-align: center;
}
.heartline-solution-clfine-figure--01 {
  width: 863px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-clfine-figure--01 {
    width: 100%;
  }
  .heartline-solution-clfine-figure--01 img {
    width: 100%;
  }
}
.heartline-solution-clfine-figure--02 {
  width: 696px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-clfine-figure--02 {
    width: 100%;
  }
  .heartline-solution-clfine-figure--02 img {
    width: 100%;
  }
}
.heartline-solution-clfine-figure--03 {
  width: 744px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-clfine-figure--03 {
    width: 100%;
  }
  .heartline-solution-clfine-figure--03 img {
    width: 100%;
  }
}
.heartline-solution-clfine-figure-notes {
  font-size: 13px;
  margin-top: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-clfine-figure-notes {
    font-size: 12px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-iso-section-01 {
    flex-direction: column-reverse !important;
  }
  .heartline-solution-iso-section-01 > :last-child {
    width: 100% !important;
  }
  .heartline-solution-iso-section-01 img {
    display: flex;
    margin: 0 auto;
    width: 90%;
  }
}
.heartline-solution-iso-product-list {
  gap: 15px !important;
}
.heartline-solution-iso-product-list > * {
  --gap: 15px !important;
}
@media screen and (max-width: 679px) {
  .heartline-solution-iso-button a {
    width: 300px;
  }
}
.heartline-solution-apcheck-list-star-decimal li {
  margin-left: 1.8em;
  text-indent: -1.8em;
}
.heartline-solution-apcheck-list-star-decimal li::before {
  content: "※" counter(decimal_01) " ";
}
@media screen and (min-width: 680px) {
  .heartline-solution-apcheck-section-01 {
    display: flex;
    gap: 15px;
  }
  .heartline-solution-apcheck-section-01 > * {
    flex: 1 1;
  }
  .heartline-solution-apcheck-section-01 > *:last-child {
    flex: 0 0 480px;
  }
}
@media screen and (min-width: 680px) {
  .heartline-solution-apcheck-section-02 {
    display: flex;
    gap: 40px;
  }
  .heartline-solution-apcheck-section-02 > :first-child {
    width: 426px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 .table_wrapper {
    overflow: auto;
  }
}
.heartline-solution-apcheck-section-02 table {
  table-layout: fixed;
  font-size: 14px !important;
}
.heartline-solution-apcheck-section-02 table .table-heading, .heartline-solution-apcheck-section-02 table.table.--synced-row-height .table-heading {
  height: 65px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 table .table-heading, .heartline-solution-apcheck-section-02 table.table.--synced-row-height .table-heading {
    height: 55px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 table.--fixed .table-heading:last-child,
  .heartline-solution-apcheck-section-02 table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.heartline-solution-apcheck-section-02 table.--scrollable .table-heading:first-child,
.heartline-solution-apcheck-section-02 table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.heartline-solution-apcheck-section-02 table.--scrollable .table-heading {
  width: 85px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 table.--scrollable .table-heading {
    width: 75px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 table {
    font-size: 12px !important;
  }
}
.heartline-solution-apcheck-section-02 table tbody tr:first-child td {
  background-color: rgba(254, 181, 36, 0.1);
}
.heartline-solution-apcheck-section-02 table th, .heartline-solution-apcheck-section-02 table td {
  text-align: center;
  vertical-align: middle;
}
.heartline-solution-apcheck-section-02 .archive-table-columns .archive-table-column.--fixed {
  flex-basis: 145px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-apcheck-section-02 .archive-table-columns .archive-table-column.--fixed {
    flex-basis: 123px;
  }
}
@media screen and (min-width: 680px) {
  .heartline-solution-training-table th {
    text-align: left;
    width: 228px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-training-table tr {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.heartline-solution-insurance-section-01 {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-section-01 {
    flex-direction: column;
    gap: 30px;
  }
}
.heartline-solution-insurance-section-01 > :first-child {
  transition: 0.3s ease;
  transition-property: opacity;
}
@media screen and (min-width: 680px) {
  .heartline-solution-insurance-section-01 > :first-child {
    width: 395px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-section-01 > :first-child {
    width: 60%;
    align-self: center;
  }
}
.heartline-solution-insurance-section-01 > :first-child:hover {
  opacity: 0.8;
}
.heartline-solution-insurance-section-01 .heartline-solution-button {
  margin: 0 auto;
}
.heartline-solution-insurance-content {
  padding: 20px;
  border: 1px solid #DCDCDC;
  margin: 40px 0;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content {
    margin: 15px 0;
    padding: 10px 15px 15px;
  }
}
.heartline-solution-insurance-content-heading {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content-heading {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.heartline-solution-insurance-content-item {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  font-size: 18px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content-item {
    font-size: 14px;
  }
}
.heartline-solution-insurance-content-item_type {
  font-size: 18px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content-item_type {
    font-size: 16px;
  }
}
.heartline-solution-insurance-content-item:first-child {
  color: rgb(252, 128, 178);
}
.heartline-solution-insurance-content-item:nth-child(2) {
  color: #018CCF;
}
.heartline-solution-insurance-content-item:nth-child(2) .heartline-solution-insurance-content-item-type {
  background-color: #018CCF;
}
.heartline-solution-insurance-content-item:nth-child(3) {
  color: #7C4599;
}
.heartline-solution-insurance-content-item:nth-child(3) .heartline-solution-insurance-content-item-type {
  background-color: #7C4599;
}
.heartline-solution-insurance-content-item:nth-child(4) {
  color: #37B38E;
}
.heartline-solution-insurance-content-item:nth-child(4) .heartline-solution-insurance-content-item-type {
  background-color: #37B38E;
}
.heartline-solution-insurance-content-item:nth-child(5) {
  color: #BA79B1;
}
.heartline-solution-insurance-content-item:nth-child(5) .heartline-solution-insurance-content-item-type {
  background-color: #BA79B1;
}
.heartline-solution-insurance-content-item:nth-child(6) {
  color: #D8C447;
}
.heartline-solution-insurance-content-item:nth-child(6) .heartline-solution-insurance-content-item-type {
  background-color: #D8C447;
}
.heartline-solution-insurance-content-item:nth-child(7) {
  color: #66B0CD;
}
.heartline-solution-insurance-content-item:nth-child(7) .heartline-solution-insurance-content-item-type {
  background-color: #66B0CD;
}
.heartline-solution-insurance-content-item:nth-child(8) {
  color: #F19C97;
}
.heartline-solution-insurance-content-item:nth-child(8) .heartline-solution-insurance-content-item-type {
  background-color: #F19C97;
}
.heartline-solution-insurance-content-item:nth-child(9) {
  color: #FFD32C;
}
.heartline-solution-insurance-content-item:nth-child(9) .heartline-solution-insurance-content-item-type {
  background-color: #FFD32C;
}
.heartline-solution-insurance-content-item:nth-child(10) {
  color: #93BC89;
}
.heartline-solution-insurance-content-item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content-item-list {
    gap: 10px 0;
  }
}
.heartline-solution-insurance-content-item-type {
  width: 50px;
  height: 27px;
  border-radius: 20px;
  margin-right: 10px;
  background-color: rgb(252, 128, 178);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-content-item-type {
    width: 35px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-insurance-button a {
    width: 300px;
  }
}
@media screen and (min-width: 680px) {
  .heartline-solution-dialysis-section-01 .heartline-solution-product {
    width: 336px;
  }
  .heartline-solution-dialysis-section-01 .heartline-solution-product-list {
    gap: 40px 15px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-oncology-section-01 .heartline-solution-product {
    width: 100%;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-oncology-product-list > * {
    width: 100% !important;
  }
  .heartline-solution-oncology-product-list > * img {
    width: 100%;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-oncology-download-list .heartline-download-item-text {
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-oncology-heading .heading-2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-solution-anticancer-product-list > * {
    width: 100% !important;
  }
  .heartline-solution-anticancer-product-list > * img {
    width: 100%;
  }
}
.heartline-solution-product {
  --cols: 3;
  --gap: 40px;
  width: calc((100% - var(--gap) * (var(--cols) - 1)) / var(--cols));
}
@media screen and (max-width: 679px) {
  .heartline-solution-product {
    --cols: 2;
    --gap: 10px;
  }
}
.heartline-solution-product[href]:hover {
  text-decoration: none;
}
.heartline-solution-product[href]:hover .heartline-solution-product-img {
  opacity: 0.7;
}
.heartline-solution-product[href]:hover .heartline-solution-product-text p {
  text-decoration: underline;
  color: #005EAE;
}
.heartline-solution-product-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-product-list {
    gap: 20px 10px;
  }
}
.heartline-solution-product-img {
  margin-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-product-img {
    margin-bottom: 5px;
  }
}
.heartline-solution-product-img.--border img {
  border: 1px solid #DCDCDC;
}
.heartline-solution-product-img img {
  border-radius: 20px;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-solution-product-img img {
    border-radius: 10px;
  }
}
.heartline-solution-product-text {
  display: flex;
  align-items: flex-start;
}
.heartline-solution-product-text::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
  margin-top: 8px;
}
.heartline-solution-product-text::before:hover {
  text-decoration: none;
}
.heartline-solution-product-text p {
  color: #323232;
}
.heartline-solution-table {
  font-size: 16px !important;
}
@media screen and (max-width: 679px) {
  .heartline-solution-table {
    font-size: 14px !important;
  }
}
.heartline-solution-table th {
  font-weight: 700;
}
.heartline-solution-figure {
  margin: 0 auto;
}
@media screen and (min-width: 680px) {
  .heartline-solution-figure figure {
    display: flex;
    justify-content: center;
  }
}
.heartline-solution-figure figure img {
  width: 100%;
}
.heartline-solution-common-couple {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-common-couple {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
}
.heartline-solution-common-couple > :last-child {
  width: 320px;
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .heartline-solution-common-couple > :last-child {
    width: 90%;
  }
}
@media screen and (min-width: 680px) {
  .heartline-solution-common-couple.--md-img > :last-child {
    width: 350px;
  }
}
.heartline-solution-download-list .heartline-download-item::before {
  content: none;
}
.heartline-solution-box {
  border: 4px solid rgba(254, 181, 36, 0.3);
  border-radius: 20px;
  padding: 25px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-box {
    padding: 15px;
    border-radius: 10px;
  }
}
.heartline-solution-button {
  width: 360px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-button {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.heartline-solution-button-list {
  display: flex;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-button-list {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.heartline-solution-button p {
  margin-top: 15px;
  text-align: center;
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .heartline-solution-button p {
    margin-top: 10px;
    font-size: 12px;
  }
}

.c_orange {
  color: #FCB840;
}

@media screen and (max-width: 679px) {
  .hl-top-header .header.--bg-img-sp .header__bg.--sp {
    height: 250px;
  }
}
@media screen and (max-width: 679px) {
  .hl-top-header .header.--bg-img-sp .header__bg.--sp::after {
    height: 200px;
  }
}
@media screen and (max-width: 679px) {
  .hl-top-header .header-body {
    padding-top: 10px;
  }
}

.hl-top-header-title {
  width: 447px;
  margin: -45px auto;
}
@media screen and (max-width: 679px) {
  .hl-top-header-title {
    width: 253px;
    margin-top: -25px;
    margin-bottom: -25px;
  }
}

@media screen and (min-width: 680px) {
  .hl-top-card-list .card-list {
    --card-list-columns: 3;
  }
}

.hl-top-points {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 680px) {
  .hl-top-points {
    row-gap: 40px;
  }
}

.hl-top-points-item {
  flex-basis: 33.3333333333%;
  display: flex;
  gap: 10px;
  padding: 0 25px;
}
@media screen and (min-width: 680px) {
  .hl-top-points-item {
    flex-direction: column;
  }
}
@media screen and (max-width: 679px) {
  .hl-top-points-item {
    flex-basis: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #DCDCDC;
  }
}
@media screen and (max-width: 679px) {
  .hl-top-points-item:first-child {
    padding-top: 0;
  }
}

.hl-top-points-item-head {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hl-top-points-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(241, 241, 241, 0.5);
}
@media screen and (max-width: 679px) {
  .hl-top-points-item-img {
    width: 80px;
    height: 80px;
  }
}
.hl-top-points-item-img__icon {
  font-size: 70px;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .hl-top-points-item-img__icon {
    font-size: 37px;
  }
}

.hl-top-points-item-title {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: var(--accent-color);
  text-align: center;
}
@media screen and (max-width: 679px) {
  .hl-top-points-item-title {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: left;
  }
}

.hl-top-grid.box-grid {
  --box-grid-gap-x: 30px;
}
@media screen and (max-width: 679px) {
  .hl-top-grid.box-grid {
    --box-grid-gap-y: 10px;
  }
}

.hl-top-grid-item {
  padding: 4px;
}
@media screen and (max-width: 679px) {
  .hl-top-grid-item {
    font-size: 14px;
  }
}

.hl-top-grid-item-head {
  position: relative;
  padding: 15px;
  background-color: var(--accent-color);
  transition: 0.3s ease;
  transition-property: background-color;
}
.hl-top-grid-item-head:hover {
  background-color: #FB9EC2;
}

.hl-top-link-list-item {
  position: relative;
  padding: 10px 15px;
  transition: 0.3s ease;
  transition-property: background-color;
}
@media screen and (max-width: 679px) {
  .hl-top-link-list-item {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.hl-top-link-list-item:hover {
  background-color: #F7F7F7;
}

.hl-top-buttons {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .hl-top-buttons {
    margin-top: 15px;
  }
}
.hl-top-buttons.buttons {
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .hl-top-buttons.buttons {
    gap: 15px;
  }
}
.hl-top-buttons .button {
  font-size: 16px;
}

.imep-floor-section {
  padding: 40px 0;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .imep-floor-section {
    padding: 20px 0;
  }
}
.imep-floor-section:first-of-type {
  border-top: 1px solid #DCDCDC;
  margin-top: 40px;
}
.imep-floor-section--01 .imep-floor-figure {
  width: 390px;
}
@media screen and (max-width: 679px) {
  .imep-floor-section--01 .imep-floor-figure {
    width: 100%;
  }
}
.imep-floor-section--01 .imep-floor-figure .imep-floor-figure-point-list > *:first-child {
  top: 27%;
  right: 10%;
}
.imep-floor-section--02 .imep-floor-figure .imep-floor-figure-point-list > *:first-child {
  top: 20%;
  left: 13%;
}
.imep-floor-section--02 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(2) {
  top: 55%;
  left: 38%;
}
.imep-floor-section--02 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(3) {
  top: 20%;
  left: 43%;
}
.imep-floor-section--02 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(4) {
  top: 38%;
  left: 51%;
}
.imep-floor-section--02 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(5) {
  top: 30%;
  left: 68%;
}
.imep-floor-section--03 .imep-floor-figure .imep-floor-figure-point-list > *:first-child {
  right: 52%;
  top: 25%;
}
.imep-floor-section--03 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(2) {
  right: 77%;
  top: 37%;
}
.imep-floor-section--03 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(3) {
  right: 69%;
  top: 62%;
}
.imep-floor-section--03 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(4) {
  right: 34%;
  top: 36%;
}
.imep-floor-section--03 .imep-floor-figure .imep-floor-figure-point-list > *:nth-child(5) {
  right: 6%;
  top: 59%;
}
.imep-floor-head {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: flex-start;
}
@media screen and (min-width: 680px) {
  .imep-floor-head p {
    word-break: keep-all;
  }
}
@media screen and (max-width: 679px) {
  .imep-floor-head {
    gap: 10px;
  }
}
.imep-floor-head-stamp {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #005EAE;
  color: #fff;
  font-size: 48px;
  font-family: Roboto, serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .imep-floor-head-stamp {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}
.imep-floor-content {
  display: flex;
}
@media screen and (max-width: 679px) {
  .imep-floor-content {
    flex-direction: column;
  }
}
.imep-floor-figure {
  width: 420px;
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .imep-floor-figure {
    width: 100%;
    position: relative;
  }
}
.imep-floor-figure img {
  width: 100%;
}
.imep-floor-figure-point {
  position: absolute;
}
.imep-floor-figure-point-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 680px) {
  .imep-floor-figure-point-list {
    display: none;
  }
}
.imep-floor-figure-point-list img {
  width: auto;
}
@media screen and (max-width: 679px) {
  .imep-floor-demo {
    display: none;
  }
}
.imep-floor-demo-item {
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  min-width: 300px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
}
.imep-floor-demo-item:hover {
  color: #005EAE;
  background-color: #F7F7F7;
  text-decoration: none;
}
.imep-floor-demo-item img {
  width: 150px;
}
.imep-floor-demo-item-text {
  display: flex;
  align-items: center;
}
.imep-floor-demo-item-text::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .imep-floor-page-menu-list .page-menu-item {
    min-width: 100px;
  }
}
.imep-floor-modal-wrapper .swiper-wrapper {
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .imep-floor-modal-wrapper .swiper-wrapper {
    margin-bottom: 10px;
  }
}
.imep-access-table th {
  width: 210px;
}
@media screen and (max-width: 679px) {
  .imep-access-table th {
    width: 72px;
  }
}
.imep-access-table td {
  background-color: #fff;
}
.imep-access-couple {
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .imep-access-couple {
    gap: 30px;
  }
}
.imep-access-couple > * {
  flex-basis: calc(50% - 20px);
}
@media screen and (max-width: 679px) {
  .imep-access-couple > * {
    flex-basis: 100%;
  }
  .imep-access-couple > *:last-child {
    width: 100%;
  }
  .imep-access-couple > * img {
    width: 100%;
  }
}
.imep-access-couple .imep-access-map-content {
  position: relative;
  padding-bottom: 0;
}
@media screen and (max-width: 679px) {
  .imep-access-couple .imep-access-map-content {
    padding-bottom: 71.88%;
  }
}
.imep-access-couple .imep-access-map-content iframe {
  position: relative;
  width: 100%;
  height: 360px;
}
@media screen and (max-width: 679px) {
  .imep-access-couple .imep-access-map-content iframe {
    position: absolute;
    height: 100%;
  }
}
.imep-inquiry-contact--01 {
  background-color: transparent !important;
}
@media screen and (min-width: 680px) {
  .imep-inquiry-contact--01 .footer-contact-column {
    width: 100%;
  }
  .imep-inquiry-contact--01 .footer-contact-list {
    padding: 25px 0;
    border: 1px solid #DCDCDC;
    border-radius: 20px;
  }
  .imep-inquiry-contact--01 .footer-contact-item__inner {
    gap: 0 !important;
  }
}
@media screen and (max-width: 679px) {
  .imep-inquiry-contact--01 .footer-contact-item:first-child {
    border-top: none;
    border-bottom: none;
  }
}
@media screen and (min-width: 680px) {
  .imep-inquiry-contact--02 .footer-contact-column {
    width: 100%;
  }
  .imep-inquiry-contact--02 .footer-contact-list {
    gap: 40px;
  }
  .imep-inquiry-contact--02 .footer-contact-item {
    min-width: calc(50% - 20px);
    padding: 20px 0;
    border-radius: 20px;
    border: 1px solid #DCDCDC;
  }
}
@media screen and (max-width: 679px) {
  .imep-inquiry-contact--02 .footer-contact-item {
    padding: 20px 0;
    border-bottom: 1px solid #DCDCDC;
  }
  .imep-inquiry-contact--02 .footer-contact-item:first-child {
    border-top: none;
  }
}
@media screen and (min-width: 680px) {
  .imep-overseas-main-img {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 679px) {
  .imep-overseas-main-img > *:last-child {
    border: 1px solid #DCDCDC;
  }
}
.imep-overseas-section--02 {
  display: flex;
  justify-content: center;
  gap: 40px;
}
.imep-overseas-section--02 .button__icon::before {
  font-size: 12px;
  content: "\e903" !important;
}
@media screen and (max-width: 679px) {
  .imep-overseas-section--02 {
    flex-direction: column;
    gap: 15px;
  }
}
@media screen and (min-width: 680px) {
  .imep-overseas-section--02 > * {
    flex-basis: calc(50% - 20px);
  }
}
.imep-overseas-section--02 > *:first-child {
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .imep-overseas-section--02 > *:first-child {
    border-radius: 10px;
  }
}
@media screen and (max-width: 679px) {
  .imep-overseas-btn-list {
    display: flex;
    justify-content: center;
  }
}
.imep-society-table .table-content {
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .imep-society-table .table-heading {
    width: 100px;
  }
}
@media screen and (max-width: 679px) {
  .imep-society-table th {
    width: 85px;
  }
}

@media screen and (min-width: 680px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.imep_list_reference_mark > li {
  text-indent: -1.125em;
  margin-left: 1.125em;
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 679px) {
  .imep_list_reference_mark > li {
    font-size: 12px;
  }
}
.imep_list_reference_mark > li:before {
  content: "※";
  font-size: 13px;
  vertical-align: middle;
  margin-right: 5px;
}
@media screen and (max-width: 679px) {
  .imep_list_reference_mark > li:before {
    font-size: 12px;
  }
}
.imep_list_reference_mark > li > * {
  text-indent: 0;
}

.imep-society-main-notice {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #D40000;
}
@media screen and (max-width: 679px) {
  .imep-society-main-notice {
    margin-bottom: 20px;
    font-size: 16px;
  }
}

.imep-society-news-list .news-list {
  height: 150px;
}

.imep-society-filters {
  padding: 20px 0;
}
@media screen and (max-width: 679px) {
  .imep-society-filters {
    padding: 15px 0;
  }
}

@media screen and (max-width: 679px) {
  .imep-society-job-filter {
    font-size: 14px;
  }
}
.imep-society-job-filter .select {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .imep-society-job-filter .select {
    width: 180px;
  }
}

.imep-floating-menu .floating-menu-item.--icon-entrance {
  background-color: #01838D;
  transition: 0.3s ease;
  transition-property: background-color;
}
.imep-floating-menu .floating-menu-item.--icon-entrance:hover {
  background-color: #148C96;
}
.imep-floating-menu .floating-menu-item.--icon-entrance:hover::after {
  opacity: 0;
}

.page-main-visual-content {
  position: relative;
  display: block;
  overflow: hidden;
}
.page-main-visual-content, .page-main-visual-content::after {
  border-radius: 20px;
}
@media screen and (max-width: 679px) {
  .page-main-visual-content, .page-main-visual-content::after {
    border-radius: 10px;
  }
}
.page-main-visual-content::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}
.page-main-visual-content__img {
  display: block;
  width: 100%;
}

.page-main-heading {
  font-size: 28px;
  font-weight: bold;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .page-main-heading {
    font-size: 20px;
  }
}
.page-main-heading:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 679px) {
  .page-main-heading:not(:first-child) {
    margin-top: 30px;
  }
}
.page-main-heading:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .page-main-heading:not(:last-child) {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 680px) {
  .page-main-video {
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}
.page-main-video:not(:first-child) {
  margin-top: 40px;
}
@media screen and (max-width: 679px) {
  .page-main-video:not(:first-child) {
    margin-top: 30px;
  }
}
.page-main-video:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .page-main-video:not(:last-child) {
    margin-bottom: 30px;
  }
}

.imep-top-header .header-body {
  padding-top: 50px;
}
@media screen and (max-width: 679px) {
  .imep-top-header .header-body {
    padding-top: 40px;
  }
}

.med-document-search-box {
  border-radius: 20px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .med-document-search-box {
    border-radius: 10px;
  }
}

.med-document-search-box-tab-body {
  padding: 30px;
}
@media screen and (max-width: 679px) {
  .med-document-search-box-tab-body {
    padding: 15px;
  }
}

.med-document-filter-buttons {
  --med-document-filter-buttons-gap: 5px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--med-document-filter-buttons-gap);
}
.med-document-filter-buttons.--align-left {
  justify-content: flex-start;
}

.med-document-filter-button {
  --med-document-filter-buttons-pc-columns: 1;
  --med-document-filter-buttons-sp-columns: 1;
  display: flex;
  position: relative;
  border: 4px solid #DCDCDC;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .med-document-filter-button {
    width: 100%;
    font-size: 14px;
  }
}
.med-document-filter-button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 36px;
  min-height: 36px;
  outline: none;
  border: none;
  padding: 6px 6px;
  background: none;
  appearance: none;
  white-space: nowrap;
}
.med-document-filter-button__content::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
.med-document-filter-button__children {
  display: inline-flex;
  overflow: hidden;
  transition: 0.3s ease-out;
  transition-property: width, height;
}
.med-document-filter-button__children:not(.--sp) {
  width: var(--sub-buttons-width);
}
@media screen and (max-width: 679px) {
  .med-document-filter-button__children:not(.--sp) {
    width: 0;
  }
}
@media screen and (min-width: 680px) {
  .med-document-filter-button__children:not(.--sp):not(.--active) {
    width: 0;
  }
}
.med-document-filter-button__children.--sp {
  height: var(--sub-buttons-height);
}
@media screen and (min-width: 680px) {
  .med-document-filter-button__children.--sp {
    height: 0;
  }
}
@media screen and (max-width: 679px) {
  .med-document-filter-button__children.--sp:not(.--active) {
    height: 0;
  }
}
.med-document-filter-button:not(.--active):hover {
  background-color: #F7F7F7;
}
.med-document-filter-button:not(.--active) .med-document-filter-button__content:hover {
  color: #005EAE;
}
.med-document-filter-button.--active {
  border-color: var(--accent-color);
  background-color: var(--accent-color);
}
.med-document-filter-button.--active .med-document-filter-button__content {
  color: #fff;
}
.med-document-filter-button.--align-left .med-document-filter-button__content {
  justify-content: flex-start;
}
@media screen and (min-width: 680px) {
  .med-document-filter-button[class*=" --pc-width-"] {
    width: calc((100% - var(--med-document-filter-buttons-gap) * (var(--med-document-filter-buttons-pc-columns) - 1)) / var(--med-document-filter-buttons-pc-columns));
  }
}
@media screen and (max-width: 679px) {
  .med-document-filter-button[class*=" --sp-width-"] {
    width: calc((100% - var(--med-document-filter-buttons-gap) * (var(--med-document-filter-buttons-sp-columns) - 1)) / var(--med-document-filter-buttons-sp-columns));
  }
}
@media screen and (min-width: 680px) {
  .med-document-filter-button.--pc-width-25 {
    --med-document-filter-buttons-pc-columns: 4;
  }
}
@media screen and (max-width: 679px) {
  .med-document-filter-button.--sp-width-50 {
    --med-document-filter-buttons-sp-columns: 2;
  }
}
@media screen and (max-width: 679px) {
  .med-document-filter-button.--sp-width-10 {
    --med-document-filter-buttons-sp-columns: 5;
  }
}
@media screen and (max-width: 679px) {
  .med-document-filter-button.--sp-order-first {
    order: -1;
  }
}

.med-document-filter-sub-buttons {
  position: relative;
  display: flex;
  gap: 3px;
}
@media screen and (max-width: 679px) {
  .med-document-filter-sub-buttons.--sp {
    gap: 5px;
    padding: 5px 10px;
  }
}

.med-document-filter-sub-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  outline: none;
  border: none;
  border-radius: 5px;
  padding: 0;
  background-color: #fff;
  appearance: none;
  white-space: nowrap;
}
@media screen and (max-width: 679px) {
  .med-document-filter-sub-button {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    color: #fff;
    font-size: 14px;
  }
}
.med-document-filter-sub-button:not(.--active):hover {
  opacity: 0.8;
}
.med-document-filter-sub-button.--active {
  font-weight: bold;
  color: var(--accent-color);
  background-color: #fff;
}

.med-document-sub-syllable-box {
  height: var(--sub-syllable-box-height);
  background-color: var(--accent-color);
  transition: 0.3s ease-out;
  transition-property: height, opacity;
}
@media screen and (min-width: 680px) {
  .med-document-sub-syllable-box {
    height: 0;
  }
}
.med-document-sub-syllable-box.--hidden {
  height: 0;
  opacity: 0;
}

.med-document-table {
  table-layout: fixed;
}
.med-document-table .table-heading, .med-document-table.table.--synced-row-height .table-heading {
  height: 65px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading, .med-document-table.table.--synced-row-height .table-heading {
    height: 55px;
  }
}
.med-document-table .table-heading {
  white-space: nowrap;
}
.med-document-table .table-heading.--name {
  width: 325px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--name {
    width: 135px;
  }
}
.med-document-table .table-heading.--jmdn-code {
  width: 85px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--jmdn-code {
    width: 70px;
  }
}
.med-document-table .table-heading.--jmdn-name {
  width: 220px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--jmdn-name {
    width: 70px;
  }
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--revision {
    width: 105px;
  }
}
.med-document-table .table-heading.--number {
  width: 150px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--number {
    min-width: 135px;
  }
}
.med-document-table .table-heading.--pdf {
  width: 80px;
}
@media screen and (max-width: 679px) {
  .med-document-table .table-heading.--pdf {
    width: 40px;
  }
}
@media screen and (max-width: 679px) {
  .med-document-table.--attachment-header .table-heading:first-child,
  .med-document-table.--attachment-header .table-content:first-child, .med-document-table.--attachment .table-heading:first-child,
  .med-document-table.--attachment .table-content:first-child {
    border-left-width: 2px;
  }
}
.med-document-table.--scrollable-header .table-heading:last-child,
.med-document-table.--scrollable-header .table-content:last-child, .med-document-table.--scrollable .table-heading:last-child,
.med-document-table.--scrollable .table-content:last-child {
  border-right-width: 0;
}

.med-document-archive {
  position: relative;
}
.med-document-archive__header {
  margin-bottom: 40px;
}
.med-document-archive__footer {
  margin-top: 30px;
}

.med-document-table-row.--body.--checked .table-content {
  background-color: rgba(254, 227, 62, 0.05);
}
.med-document-table-row.--body.--checked .table-content.--row-highlight, .med-document-table-row.--body.--checked .table-content.--col-highlight {
  background-color: rgb(242, 248, 242);
}
.med-document-table-row.--body .table-content.--row-highlight, .med-document-table-row.--body .table-content.--col-highlight {
  background-color: rgba(31, 163, 210, 0.05);
}
.med-document-table-row.--body .table-content.--row-highlight.--col-highlight {
  background-color: rgb(230, 244, 249);
}

.current-selection {
  position: sticky;
  bottom: 0;
  margin-left: auto;
  margin-top: -87px;
  width: 170px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  transform: translate(30px, 0);
  transition: opacity 0.25s ease-out, transform 0.25s ease-out;
  z-index: 0;
}
@media screen and (max-width: 679px) {
  .current-selection {
    display: none;
  }
}
.current-selection__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 6px 5px 10px;
  background-color: var(--accent-color);
}
.current-selection .button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.current-selection.--hidden {
  z-index: -1;
  opacity: 0;
  transition: opacity 0.25s ease-out, transform 0.25s ease-out, z-index 0s 0.25s;
}
.current-selection.--hidden.--sticky {
  transform: translate(30px, 100%);
}

.current-selection-text {
  font-size: 14px;
  color: #fff;
}
.current-selection-text__number {
  margin: 0 0.12em;
  font-size: 26px;
  line-height: 1;
}

.med-doc-table-columns .archive-table-column.--fixed {
  flex-basis: 140px;
}
@media screen and (max-width: 679px) {
  .med-doc-table-columns .archive-table-column.--fixed {
    flex-basis: 40px;
  }
}

.med-eq-doc-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .med-eq-doc-list {
    flex-direction: column;
    gap: 30px;
  }
}
.med-eq-doc-list .heartline-solution-button {
  margin: 0 auto;
}

@media screen and (min-width: 680px) {
  .med-eq-doc {
    width: 350px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 679px) {
  .med-eq-doc {
    width: 60%;
    align-self: center;
  }
}
.med-eq-doc.--border .med-eq-doc__img {
  border: 1px #ccc solid;
}
@media screen and (min-width: 680px) {
  .med-eq-doc.--width_420 {
    width: 420px;
  }
}
@media screen and (max-width: 679px) {
  .med-eq-doc.--width_420 {
    width: 100%;
  }
}
.med-eq-doc a:hover {
  opacity: 0.8;
  color: #005EAE;
}
.med-eq-doc__img {
  max-width: 100%;
  width: 100%;
}
.med-eq-doc__title {
  margin-top: 10px;
  text-align: center;
}

.med-faq-qa-card > .qa-card {
  --qa-card-gap-offset: 5px;
  --qa-card-answer-space-top: 0px;
}
@media screen and (max-width: 679px) {
  .med-faq-qa-card > .qa-card {
    --qa-card-gap-offset: 10px;
  }
}
.med-faq-qa-card > .qa-card > .qa-card-section.--question .heading-4 {
  margin-bottom: 0;
}
.med-faq-qa-card > .qa-card > .qa-card-section.--answer {
  --qa-card-content-space-y: 20px;
}
@media screen and (max-width: 679px) {
  .med-faq-qa-card > .qa-card > .qa-card-section.--answer {
    --qa-card-content-space-y: 5px;
    --qa-card-content-gap-y: 0px;
  }
}

@media screen and (max-width: 679px) {
  .med-faq-inner-qa-card-list .qa-card.--compact {
    --qa-card-content-space-x: 0px;
    --qa-card-icon-offset-right: 22px;
  }
}
@media screen and (max-width: 679px) {
  .med-faq-inner-qa-card-list .qa-card-icon {
    padding-right: 2px;
  }
}

@media screen and (min-width: 680px) {
  .med-products-filter-keyword-input {
    width: 360px;
  }
}

@media screen and (min-width: 680px) {
  .med-products-filter-year-input .select {
    width: 235px;
  }
}

@media screen and (min-width: 680px) {
  .med-products-category-list.check-button-list .check-button-list__item {
    flex-basis: 240px;
  }
}
@media screen and (min-width: 490px) and (max-width: 679px) {
  .med-products-category-list.check-button-list .check-button-list__item {
    flex-basis: calc((100% - var(--check-button-list-gap)) / 2);
  }
}
@media screen and (max-width: 489px) {
  .med-products-category-list.check-button-list .check-button-list__item {
    flex-basis: 100%;
  }
}

.med-products-clfine-download-container {
  padding: 0 50px;
  display: flex;
  gap: 40px 95px;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
@media screen and (max-width: 679px) {
  .med-products-clfine-download-container {
    padding: 0;
    gap: 30px;
    margin-bottom: 40px;
  }
}
.med-products-clfine-download-container .item {
  position: relative;
  flex: 0 1 calc((100% - 190px) / 3);
}
@media screen and (max-width: 679px) {
  .med-products-clfine-download-container .item {
    flex: 0 1 calc((100% - 30px) / 2);
  }
}
.med-products-clfine-download-container .item-link:hover {
  text-decoration: none;
}
.med-products-clfine-download-container .item-link:hover img {
  opacity: 0.7;
}

.med-products-apcheck-download-container {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  gap: 95px;
  margin-bottom: 60px;
}
@media screen and (max-width: 679px) {
  .med-products-apcheck-download-container {
    width: 100%;
    gap: 30px;
    margin-bottom: 40px;
  }
}
.med-products-apcheck-download-container .item {
  position: relative;
  flex: 0 1 calc((100% - 95px) / 2);
}
@media screen and (max-width: 679px) {
  .med-products-apcheck-download-container .item {
    flex: 0 1 calc((100% - 30px) / 2);
  }
}
.med-products-apcheck-download-container .item-link:hover {
  text-decoration: none;
}
.med-products-apcheck-download-container .item-link:hover img {
  opacity: 0.7;
}

@media screen and (min-width: 680px) {
  .patient-hl-top-content .content {
    padding-bottom: 30px;
  }
}

.patient-hl-top-box-grid {
  --box-grid-columns: 2;
  --box-grid-gap-x: 30px;
}

.pharma-box-grid-item.patient-hl-top-box-grid-item {
  --ph-box-grid-item-padding: 20px;
}
@media screen and (max-width: 679px) {
  .pharma-box-grid-item.patient-hl-top-box-grid-item {
    font-size: 14px;
  }
}

.patient-hl-top-news {
  max-height: 400px;
  overflow: auto;
  border-bottom: 1px solid #DCDCDC;
}

@media screen and (min-width: 680px) {
  .heartline-patienthl-process-wrapper .heartline-process {
    border-radius: 20px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-process-wrapper .heartline-process:not(:last-child) {
    margin-bottom: 35px;
  }
}
.heartline-patienthl-process-wrapper .heartline-process-head-number {
  background-color: rgb(252, 128, 178);
}
.heartline-patienthl-prep {
  width: 325px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep {
    padding: 0 10px;
    width: 100%;
  }
}
.heartline-patienthl-prep-list {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 45px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep-list {
    gap: 20px;
    margin-bottom: 20px;
  }
}
.heartline-patienthl-prep img {
  border-radius: 20px;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep img {
    border-radius: 10px;
  }
}
.heartline-patienthl-prep p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep p {
    font-size: 16px;
  }
}
.heartline-patienthl-prep-phone-icon-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.heartline-patienthl-prep-phone-icon-content img {
  width: 20px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep-phone-icon-content img {
    width: 17px;
  }
}
.heartline-patienthl-prep-table tr:nth-child(2) th:first-child {
  width: 240px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep-table tr:nth-child(2) th:first-child {
    width: 70px;
  }
}
.heartline-patienthl-prep-table tr:nth-child(2) td {
  width: 400px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-prep-table tr:nth-child(2) td {
    width: auto;
  }
  .heartline-patienthl-prep-table tr:nth-child(2) td:last-child {
    width: 70px;
  }
}
.heartline-patienthl-prep-list-star li::before {
  margin-right: 5px;
}
.heartline-patienthl-cost-main {
  color: rgb(252, 128, 178);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-main {
    font-size: 20px;
    font-weight: 700;
  }
}
.heartline-patienthl-cost-main .figure {
  font-size: 70px;
  font-weight: 700;
  font-family: Roboto, serif;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-main .figure {
    font-size: 50px;
  }
}
.heartline-patienthl-cost-main .method {
  font-size: 30px;
  font-weight: 700;
  position: relative;
}
.heartline-patienthl-cost-main .method sup {
  position: absolute;
  top: 3px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-main .method sup {
    font-size: 0.5em;
    top: 4px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-main .method {
    font-size: 24px;
  }
}
.heartline-patienthl-cost-box-heading {
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  padding-left: 18px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-box-heading {
    font-size: 18px;
    padding-left: 12px;
    margin-bottom: 10px;
  }
}
.heartline-patienthl-cost-box-heading::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 110%;
  padding: 3px 0;
  background-color: rgb(252, 128, 178);
  margin-right: 10px;
  border-radius: 100px;
  left: 0;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-box-heading::before {
    width: 5px;
    height: 100%;
  }
}
.heartline-patienthl-cost-box-02 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  align-items: flex-start;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-box-02 {
    margin-top: 20px;
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-cost-box-02 > * {
    flex-basis: 100%;
  }
}
.heartline-patienthl-cost-box-02 > *:first-child {
  flex-basis: 50%;
}
.heartline-patienthl-cost-box-02 > *:last-child {
  flex: 1;
}
.heartline-patienthl-cost-box-02 .heartline-olm-note-box {
  margin: 0;
}
.heartline-patienthl-about-process-ps {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-about-process-ps {
    font-size: 12px;
  }
}
.heartline-patienthl-about-process-ps-wrapper {
  width: 800px;
  display: flex;
  flex-direction: column;
  margin: 10px auto 0;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-about-process-ps-wrapper {
    width: 100%;
  }
}
.heartline-patienthl-about-process-ps-box {
  background-color: rgb(252, 128, 178);
  border-radius: 20px;
  padding: 30px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-about-process-ps-box {
    border-radius: 10px;
    padding: 20px;
    font-size: 16px;
    margin-top: 30px;
  }
  .heartline-patienthl-about-process-ps-box p {
    font-size: 16px;
    text-align: left;
  }
}
.heartline-patienthl-about-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-about-box {
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-about-box > * {
    width: 100%;
  }
}
.heartline-patienthl-about-box > * img {
  width: 100%;
}
.heartline-patienthl-about-box > *:first-child {
  flex-basis: 50%;
}
.heartline-patienthl-about-box > *:last-child {
  flex: 1;
}
.heartline-patienthl-login-img {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-login-img img {
    width: 200px;
  }
}
.heartline-patienthl-login-desc {
  text-align: center;
}
.heartline-patienthl-login-warning {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0 20px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-login-warning {
    margin: 15px 0 30px;
  }
}
.heartline-patienthl-login-warning img {
  width: 30px;
  margin-right: 5px;
}
.heartline-patienthl-login-button-list {
  display: flex;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .heartline-patienthl-login-button-list {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (min-width: 680px) {
  .pharma-new-product-cards {
    --box-grid-columns: 2;
    --box-grid-gap-x: 20px;
    --box-grid-gap-y: 20px;
  }
}

.pharma-new-product-card-item {
  position: relative;
  display: flex;
  gap: 20px;
  height: 100%;
  padding: 20px 30px;
  background-color: #fff;
  transition: 0.3s ease;
  transition-property: background-color;
}
@media screen and (max-width: 679px) {
  .pharma-new-product-card-item {
    padding: 15px 20px;
    gap: 15px;
  }
}
.pharma-new-product-card-item:hover {
  background-color: #F7F7F7;
}

.pharma-new-product-card-item-content {
  flex-grow: 1;
}

.pharma-new-product-card-item-thumb {
  display: block;
  flex-shrink: 0;
  width: 90px;
}
.pharma-new-product-card-item-thumb__img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 679px) {
  .pharma-new-product-card-item-title {
    font-size: 14px;
  }
}
.pharma-new-product-card-item-title c-link {
  display: flex;
}

.pharma-new-product-card-item-desc {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .pharma-new-product-card-item-desc {
    font-size: 12px;
  }
}
.pharma-new-product-card-item-desc:not(:first-child) {
  margin-top: 5px;
}

.ph-generic-quality-info {
  width: 800px;
  margin: auto;
  border: solid 4px rgba(78, 189, 59, 0.25);
  border-radius: 20px;
  padding: 30px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-info {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
  }
}
.ph-generic-quality-info .list_decimal_01 > li {
  font-size: 20px;
  font-weight: bold;
  counter-increment: decimal_01;
  margin-left: 1.2em;
  text-indent: -1.2em;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-info .list_decimal_01 > li {
    font-size: 16px;
  }
}
.ph-generic-quality-info .list_decimal_01 > li:before {
  font-size: 20px;
  font-weight: bold;
  color: #4ABF28;
  content: counter(decimal_01) ".";
  margin-right: 10px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-info .list_decimal_01 > li:before {
    font-size: 16px;
    margin-right: 5px;
  }
}
.ph-generic-quality-info .list_decimal_01 > li > * {
  text-indent: 0;
}

.ph-generic-quality-map {
  display: flex;
  gap: 35px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-map {
    flex-direction: column;
    gap: 15px;
  }
}
.ph-generic-quality-map .ph-generic-quality__figure {
  margin-left: 50px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-map .ph-generic-quality__figure {
    margin-left: 0;
  }
}
.ph-generic-quality-map .ph-generic-quality__figure img {
  width: 591px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-map .ph-generic-quality__figure img {
    width: 100%;
  }
}
.ph-generic-quality-map .ph-generic-quality-map-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-map .ph-generic-quality-map-content {
    gap: 5px;
  }
}
.ph-generic-quality-map .ph-generic-quality-map-content .ph-generic-quality-map-list {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ph-generic-quality-map .ph-generic-quality-map-content .ph-generic-quality-map-list .number {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  background-color: #005EAE;
  color: #fff;
  border-radius: 50%;
  margin-top: -3px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-map .ph-generic-quality-map-content .ph-generic-quality-map-list .number {
    font-size: 11px;
    margin-top: 0;
    width: 20px;
    height: 20px;
  }
}

.ph-generic-quality-note {
  display: flex;
  gap: 5px;
}
.ph-generic-quality-note p {
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-note p:last-child {
    font-size: 12px;
  }
}

.ph-generic-quality-file-content {
  display: flex;
  gap: 60px;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-file-content {
    flex-direction: column;
    gap: 7px;
  }
}
.ph-generic-quality-file-content__item {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ph-generic-quality-file-content__item .file-type-footnote-item {
  gap: 0;
}
.ph-generic-quality-file-content__item .file-type-footnote-item a {
  display: flex;
  gap: 5px;
}
.ph-generic-quality-file-content__item .file-type-footnote-item a:hover {
  text-decoration: none;
  color: #005EAE;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-file-content__item .file-type-footnote-item {
    gap: 0;
  }
}
.ph-generic-quality-file-content__item .file-type-footnote-item .file-type-footnote-item__name::before {
  content: "";
}
.ph-generic-quality-file-content__item .file-type-footnote-item .file-type-footnote-item__icon::before {
  font-size: 20px;
}

.ph-generic-quality-file-list {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ph-generic-quality-file-list .file-type-footnote-item {
  gap: 0;
}
.ph-generic-quality-file-list .file-type-footnote-item a {
  display: flex;
  gap: 5px;
}
.ph-generic-quality-file-list .file-type-footnote-item a:hover {
  text-decoration: none;
  color: #005EAE;
}
@media screen and (max-width: 679px) {
  .ph-generic-quality-file-list .file-type-footnote-item {
    align-items: flex-start;
  }
}
.ph-generic-quality-file-list .file-type-footnote-item a:hover {
  text-decoration: none;
}
.ph-generic-quality-file-list .file-type-footnote-item .file-type-footnote-item__name {
  line-height: 1.6;
}
.ph-generic-quality-file-list .file-type-footnote-item .file-type-footnote-item__name::before {
  content: "";
}
.ph-generic-quality-file-list .file-type-footnote-item .file-type-footnote-item__icon::before {
  font-size: 20px;
}

.justify-content-center {
  justify-content: center;
}

@media screen and (min-width: 680px) {
  .pharma-cards {
    --box-grid-gap-x: 30px;
    --box-grid-gap-y: 30px;
  }
}

.pharma-card-item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  padding: 30px;
  background-color: #fff;
  transition: 0.3s ease;
  transition-property: background-color;
}
@media screen and (max-width: 679px) {
  .pharma-card-item {
    padding: 20px;
    flex-direction: row;
    gap: 20px;
  }
}
.pharma-card-item:hover {
  background-color: #F7F7F7;
}

.pharma-card-item-thumb {
  flex-shrink: 0;
  align-self: center;
}
.pharma-card-item-thumb::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 70px;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .pharma-card-item-thumb::before {
    font-size: 50px;
  }
}

.pharma-card-item-title {
  font-size: 20px;
}
@media screen and (max-width: 679px) {
  .pharma-card-item-title {
    font-size: 16px;
  }
}
.pharma-card-item-title .--sm {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .pharma-card-item-title .--sm {
    font-size: 14px;
  }
}

.pharma-card-item-desc {
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .pharma-card-item-desc {
    font-size: 14px;
  }
}
.pharma-card-item-desc:not(:first-child) {
  margin-top: 5px;
}

.ph-product-archive-table-column.--fixed {
  flex-shrink: 0;
  flex-basis: 30%;
}
@media screen and (max-width: 679px) {
  .ph-product-archive-table-column.--fixed {
    flex-basis: 45%;
  }
}

.ph-product-table {
  table-layout: fixed;
}
.ph-product-table .table-heading, .ph-product-table.table.--synced-row-height .table-heading {
  height: 235px;
}
@media screen and (max-width: 679px) {
  .ph-product-table .table-heading, .ph-product-table.table.--synced-row-height .table-heading {
    height: 195px;
  }
}
.ph-product-table.--scrollable .table-heading, .ph-product-table.--scrollable-header .table-heading {
  width: 40px;
}
@media screen and (max-width: 679px) {
  .ph-product-table.--scrollable .table-heading, .ph-product-table.--scrollable-header .table-heading {
    width: 38px;
  }
}
.ph-product-table.--scrollable .table-heading:first-child, .ph-product-table.--scrollable-header .table-heading:first-child {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .ph-product-table.--scrollable .table-heading:first-child, .ph-product-table.--scrollable-header .table-heading:first-child {
    width: 105px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-table.--fixed-header .table-heading:last-child,
  .ph-product-table.--fixed-header .table-content:last-child, .ph-product-table.--fixed .table-heading:last-child,
  .ph-product-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-product-table.--scrollable-header .table-heading:first-child,
.ph-product-table.--scrollable-header .table-content:first-child, .ph-product-table.--scrollable .table-heading:first-child,
.ph-product-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.ph-product-table tbody .table-row .table-content.--row-highlight, .ph-product-table tbody .table-row .table-content.--col-highlight {
  background-color: rgba(74, 191, 40, 0.05);
}
.ph-product-table tbody .table-row .table-content.--row-highlight.--col-highlight {
  background-color: rgb(235, 247, 231);
}

.ph-product-list-syllable-filter .syllable-filter {
  --syllable-filter-sub-group-block-active-margin: 5px -15px -15px;
}

.pharma-video-link {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .pharma-video-link {
    font-size: 14px;
  }
}

.archive-search-results-item {
  --archive-search-results-item-right-space: 15px;
  --archive-search-results-item-icon-size: 22px;
  --archive-search-results-item-icon-color: #323232;
  position: relative;
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item {
    --archive-search-results-item-right-space: 10px;
  }
}
.archive-search-results-item::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: var(--archive-search-results-item-right-space);
  display: block;
  transform: translateY(-50%);
  font-size: var(--archive-search-results-item-icon-size);
  color: var(--archive-search-results-item-icon-color);
}
.archive-search-results-item__link {
  display: flex;
  align-items: center;
  gap: var(--archive-search-results-item-right-space);
  padding: 10px var(--archive-search-results-item-right-space);
}
@media screen and (max-width: 679px) {
  .archive-search-results-item__link {
    padding: 10px;
  }
}
.archive-search-results-item__link, .archive-search-results-item__link:hover {
  color: #323232;
  text-decoration: none;
}
.archive-search-results-item__link:hover {
  background-color: #F7F7F7;
}
.archive-search-results-item.--pdf .archive-search-results-item__link {
  padding-right: calc(var(--archive-search-results-item-right-space) * 2 + var(--archive-search-results-item-icon-size));
}
.archive-search-results-item.--pdf::after {
  content: "\e907";
  --archive-search-results-item-icon-color: #D40000;
}
@media screen and (min-width: 680px) {
  .archive-search-results-item.--product .archive-search-results-item-title {
    margin-top: 10px;
  }
}
@media screen and (min-width: 680px) {
  .archive-search-results-item.--product .archive-search-results-item-title:not(:last-child) {
    margin-bottom: 3px;
  }
}

.archive-search-results-item-content {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-grow: 1;
}
.archive-search-results-item-content__head {
  align-self: stretch;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  padding-right: 20px;
  border-right: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-content__head {
    display: none;
  }
}
.archive-search-results-item-content__body {
  flex-grow: 1;
  padding-left: 20px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-content__body {
    padding-left: 0;
  }
}

.archive-search-results-item-meta {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-meta {
    flex-wrap: wrap;
    gap: 5px 10px;
  }
}

.archive-search-results-item-type {
  color: var(--accent-color);
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-type {
    font-size: 12px;
  }
}
@media screen and (min-width: 680px) {
  .archive-search-results-item-type.--sp {
    display: none;
  }
}

.archive-search-results-item-date {
  font-size: 14px;
}
@media screen and (min-width: 680px) {
  .archive-search-results-item-date {
    flex-shrink: 0;
    width: 100px;
  }
}

@media screen and (max-width: 679px) {
  .archive-search-results-item-tags {
    width: 100%;
    margin-bottom: 3px;
  }
}

.archive-search-results-item-title {
  margin-top: 2px;
  line-height: 1.5;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-title {
    font-size: 14px;
  }
}
.archive-search-results-item-title:not(:last-child) {
  margin-bottom: 4px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-title:not(:last-child) {
    margin-bottom: 3px;
  }
}

.archive-search-results-item-desc {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-desc {
    font-size: 12px;
  }
}

.archive-search-results-item-properties {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-properties {
    flex-direction: column;
    gap: 3px;
    font-size: 12px;
  }
}
@media screen and (min-width: 680px) {
  .archive-search-results-item-properties__item {
    display: flex;
  }
}
@media screen and (min-width: 680px) {
  .archive-search-results-item-properties__item:not(:last-child) {
    position: relative;
    padding-right: 20px;
  }
}
@media screen and (min-width: 680px) {
  .archive-search-results-item-properties__item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: #DCDCDC;
    transform: translateY(-50%) rotate(30deg);
  }
}

.archive-search-results-item-property-name::after {
  content: "：";
}

.archive-search-results-item-thumbnail {
  flex-shrink: 0;
  width: 120px;
}
@media screen and (max-width: 679px) {
  .archive-search-results-item-thumbnail {
    width: 90px;
  }
}
.archive-search-results-item-thumbnail__img {
  display: block;
}

.pharma-filter {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .pharma-filter {
    margin-top: 15px;
  }
}

@media screen and (min-width: 680px) {
  .pharma-top-box-grid-item {
    font-size: 20px;
  }
}

.pharma-box-grid-item {
  --ph-box-grid-item-min-height: 94px;
  --ph-box-grid-item-padding: 25px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: var(--ph-box-grid-item-min-height);
  padding: var(--ph-box-grid-item-padding);
  border-radius: var(--box-grid-item-border-radius);
  background-color: #fff;
  transition: 0.3s ease;
  transition-property: background-color;
}
@media screen and (max-width: 679px) {
  .pharma-box-grid-item {
    --ph-box-grid-item-min-height: 54px;
    --ph-box-grid-item-padding: 20px;
  }
}
.pharma-box-grid-item:hover {
  background-color: #F7F7F7;
}
.pharma-box-grid-item.--disabled {
  color: #999999;
  background-color: #DCDCDC;
}
.pharma-box-grid-item .link.--phantom-coverage::after {
  border-radius: var(--box-grid-item-border-radius);
}

.pharma-box {
  margin-top: 15px;
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  padding: 20px;
}
@media screen and (max-width: 679px) {
  .pharma-box {
    border-radius: 10px;
    padding: 15px;
  }
}

.pharma-link-container {
  display: flex;
  justify-content: center;
}
.pharma-link-container.flex-start {
  justify-content: flex-start;
}
.pharma-link-container__inner .pharma-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 40px;
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list {
    flex-direction: column;
    gap: 15px;
    font-size: 14px;
  }
}
.pharma-link-container__inner .pharma-link-list.--align-center {
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list.--align-center {
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list.--sp-align-center {
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list.--sp-compact {
    gap: 10px;
    font-size: 14px;
  }
}
.pharma-link-container__inner .pharma-link-list.--signle-link {
  margin-left: 7px;
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list.--signle-link {
    margin-left: 0;
  }
}
.pharma-link-container__inner .pharma-link-list > li {
  display: inline-flex;
}
.pharma-link-container__inner .pharma-link-list .pharma-link {
  margin-left: 7px;
  text-indent: -7px;
  color: #D40000;
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list .pharma-link {
    text-align: left;
    text-indent: -5px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 679px) {
  .pharma-link-container__inner .pharma-link-list .pharma-link.no-indent {
    text-align: center;
    margin-left: 0;
    text-indent: 0;
  }
}
.pharma-link-container__inner .pharma-link-list .pharma-link::before {
  content: "\e902";
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.2em;
  font-size: 0.7em;
  transform: translateY(-50%);
  vertical-align: bottom;
}

@media screen and (min-width: 680px) {
  .ph-product-bd-box-grid {
    --box-grid-columns: 2;
    --box-grid-gap-x: 40px;
    --box-grid-gap-y: 40px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-bd-box-grid {
    font-size: 14px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-bd-box-grid .pharma-box-grid-item {
    --ph-box-grid-item-padding: 20px 15px 20px 20px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-bd-box-grid .link {
    --link-icon-gap: 10px;
  }
}

.ph-product-code-table-columns .archive-table-column.--fixed {
  flex-basis: 270px;
}
@media screen and (max-width: 679px) {
  .ph-product-code-table-columns .archive-table-column.--fixed {
    flex-basis: 135px;
  }
}

@media screen and (min-width: 680px) {
  .ph-product-code-archive .archive-table-header.--bottom {
    position: absolute;
    bottom: 20px;
    right: 0;
    transform: translateY(50%);
  }
}
@media screen and (min-width: 680px) {
  .ph-product-code-archive .med-document-archive__footer {
    margin-top: 35px;
  }
}

.ph-product-detail-summary-table .table-heading {
  width: 180px;
}
@media screen and (max-width: 679px) {
  .ph-product-detail-summary-table .table-heading {
    width: 135px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-detail-summary-table .table-heading:not(:first-child) {
    padding-left: 20px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-detail-summary-table .link__icon.icon-pdf::before, .ph-product-detail-summary-table .link__icon.icon-word::before, .ph-product-detail-summary-table .link__icon.icon-excel::before, .ph-product-detail-summary-table .link__icon.icon-attachment::before {
    font-size: 30px;
  }
}

@media screen and (min-width: 680px) {
  .ph-product-detail-table .table-heading.--pc-width-37_5,
  .ph-product-detail-table .table-content.--pc-width-37_5 {
    width: 37.5%;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-detail-table .table-heading.--pc-width-25,
  .ph-product-detail-table .table-content.--pc-width-25 {
    width: 25%;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-detail-table .table-heading.--pc-width-125,
  .ph-product-detail-table .table-content.--pc-width-125 {
    width: 12.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-25,
  .ph-product-detail-table .table-content.--sp-width-25 {
    width: 25%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-1pc,
  .ph-product-detail-table .table-content.--sp-width-1pc {
    width: 1%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-1_5pc,
  .ph-product-detail-table .table-content.--sp-width-1_5pc {
    width: 1.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-2pc,
  .ph-product-detail-table .table-content.--sp-width-2pc {
    width: 2%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-2_5pc,
  .ph-product-detail-table .table-content.--sp-width-2_5pc {
    width: 2.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-3pc,
  .ph-product-detail-table .table-content.--sp-width-3pc {
    width: 3%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-3_5pc,
  .ph-product-detail-table .table-content.--sp-width-3_5pc {
    width: 3.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-4pc,
  .ph-product-detail-table .table-content.--sp-width-4pc {
    width: 4%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-4_5pc,
  .ph-product-detail-table .table-content.--sp-width-4_5pc {
    width: 4.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-5pc,
  .ph-product-detail-table .table-content.--sp-width-5pc {
    width: 5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-5_5pc,
  .ph-product-detail-table .table-content.--sp-width-5_5pc {
    width: 5.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-6pc,
  .ph-product-detail-table .table-content.--sp-width-6pc {
    width: 6%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-6_5pc,
  .ph-product-detail-table .table-content.--sp-width-6_5pc {
    width: 6.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-7pc,
  .ph-product-detail-table .table-content.--sp-width-7pc {
    width: 7%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-7_5pc,
  .ph-product-detail-table .table-content.--sp-width-7_5pc {
    width: 7.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-8pc,
  .ph-product-detail-table .table-content.--sp-width-8pc {
    width: 8%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-8_5pc,
  .ph-product-detail-table .table-content.--sp-width-8_5pc {
    width: 8.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-9pc,
  .ph-product-detail-table .table-content.--sp-width-9pc {
    width: 9%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-9_5pc,
  .ph-product-detail-table .table-content.--sp-width-9_5pc {
    width: 9.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-10pc,
  .ph-product-detail-table .table-content.--sp-width-10pc {
    width: 10%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-10_5pc,
  .ph-product-detail-table .table-content.--sp-width-10_5pc {
    width: 10.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-11pc,
  .ph-product-detail-table .table-content.--sp-width-11pc {
    width: 11%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-11_5pc,
  .ph-product-detail-table .table-content.--sp-width-11_5pc {
    width: 11.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-12pc,
  .ph-product-detail-table .table-content.--sp-width-12pc {
    width: 12%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-12_5pc,
  .ph-product-detail-table .table-content.--sp-width-12_5pc {
    width: 12.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-13pc,
  .ph-product-detail-table .table-content.--sp-width-13pc {
    width: 13%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-13_5pc,
  .ph-product-detail-table .table-content.--sp-width-13_5pc {
    width: 13.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-14pc,
  .ph-product-detail-table .table-content.--sp-width-14pc {
    width: 14%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-14_5pc,
  .ph-product-detail-table .table-content.--sp-width-14_5pc {
    width: 14.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-15pc,
  .ph-product-detail-table .table-content.--sp-width-15pc {
    width: 15%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-15_5pc,
  .ph-product-detail-table .table-content.--sp-width-15_5pc {
    width: 15.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-16pc,
  .ph-product-detail-table .table-content.--sp-width-16pc {
    width: 16%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-16_5pc,
  .ph-product-detail-table .table-content.--sp-width-16_5pc {
    width: 16.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-17pc,
  .ph-product-detail-table .table-content.--sp-width-17pc {
    width: 17%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-17_5pc,
  .ph-product-detail-table .table-content.--sp-width-17_5pc {
    width: 17.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-18pc,
  .ph-product-detail-table .table-content.--sp-width-18pc {
    width: 18%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-18_5pc,
  .ph-product-detail-table .table-content.--sp-width-18_5pc {
    width: 18.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-19pc,
  .ph-product-detail-table .table-content.--sp-width-19pc {
    width: 19%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-19_5pc,
  .ph-product-detail-table .table-content.--sp-width-19_5pc {
    width: 19.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-20pc,
  .ph-product-detail-table .table-content.--sp-width-20pc {
    width: 20%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-20_5pc,
  .ph-product-detail-table .table-content.--sp-width-20_5pc {
    width: 20.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-21pc,
  .ph-product-detail-table .table-content.--sp-width-21pc {
    width: 21%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-21_5pc,
  .ph-product-detail-table .table-content.--sp-width-21_5pc {
    width: 21.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-22pc,
  .ph-product-detail-table .table-content.--sp-width-22pc {
    width: 22%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-22_5pc,
  .ph-product-detail-table .table-content.--sp-width-22_5pc {
    width: 22.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-23pc,
  .ph-product-detail-table .table-content.--sp-width-23pc {
    width: 23%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-23_5pc,
  .ph-product-detail-table .table-content.--sp-width-23_5pc {
    width: 23.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-24pc,
  .ph-product-detail-table .table-content.--sp-width-24pc {
    width: 24%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-24_5pc,
  .ph-product-detail-table .table-content.--sp-width-24_5pc {
    width: 24.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-25pc,
  .ph-product-detail-table .table-content.--sp-width-25pc {
    width: 25%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-25_5pc,
  .ph-product-detail-table .table-content.--sp-width-25_5pc {
    width: 25.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-26pc,
  .ph-product-detail-table .table-content.--sp-width-26pc {
    width: 26%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-26_5pc,
  .ph-product-detail-table .table-content.--sp-width-26_5pc {
    width: 26.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-27pc,
  .ph-product-detail-table .table-content.--sp-width-27pc {
    width: 27%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-27_5pc,
  .ph-product-detail-table .table-content.--sp-width-27_5pc {
    width: 27.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-28pc,
  .ph-product-detail-table .table-content.--sp-width-28pc {
    width: 28%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-28_5pc,
  .ph-product-detail-table .table-content.--sp-width-28_5pc {
    width: 28.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-29pc,
  .ph-product-detail-table .table-content.--sp-width-29pc {
    width: 29%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-29_5pc,
  .ph-product-detail-table .table-content.--sp-width-29_5pc {
    width: 29.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-30pc,
  .ph-product-detail-table .table-content.--sp-width-30pc {
    width: 30%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-30_5pc,
  .ph-product-detail-table .table-content.--sp-width-30_5pc {
    width: 30.5%;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-55px,
  .ph-product-detail-table .table-content.--sp-width-55px {
    width: 55px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-65px,
  .ph-product-detail-table .table-content.--sp-width-65px {
    width: 65px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-75px,
  .ph-product-detail-table .table-content.--sp-width-75px {
    width: 75px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-90px,
  .ph-product-detail-table .table-content.--sp-width-90px {
    width: 90px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-80px,
  .ph-product-detail-table .table-content.--sp-width-80px {
    width: 80px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-120px,
  .ph-product-detail-table .table-content.--sp-width-120px {
    width: 120px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-100px,
  .ph-product-detail-table .table-content.--sp-width-100px {
    width: 100px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-150px,
  .ph-product-detail-table .table-content.--sp-width-150px {
    width: 150px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-160px,
  .ph-product-detail-table .table-content.--sp-width-160px {
    width: 160px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-180px,
  .ph-product-detail-table .table-content.--sp-width-180px {
    width: 180px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-200px,
  .ph-product-detail-table .table-content.--sp-width-200px {
    width: 200px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-table .table-heading.--sp-width-335px,
  .ph-product-detail-table .table-content.--sp-width-335px {
    width: 335px;
  }
}
.ph-product-detail-table .table-heading.--bg-light,
.ph-product-detail-table .table-content.--bg-light {
  background-color: #FBFBFB;
}

.ph-product-detail-code-columns .archive-table-column.--fixed {
  flex-basis: 16.66%;
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-columns .archive-table-column.--fixed {
    flex-basis: 100px;
  }
}

.ph-product-detail-code-table {
  table-layout: fixed;
}
.ph-product-detail-code-table .table-heading, .ph-product-detail-code-table.table.--synced-row-height .table-heading {
  height: 65px;
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table .table-heading, .ph-product-detail-code-table.table.--synced-row-height .table-heading {
    height: 55px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table .table-heading.--jan-code {
    width: 115px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table .table-heading.--dispensing-packaging-unit-code, .ph-product-detail-code-table .table-heading.--sales-packaging-unit-code {
    width: 125px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table .table-heading.--uniform-code {
    width: 100px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table .table-heading.--hot-code {
    width: 110px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-code-table.--fixed-header .table-heading:last-child,
  .ph-product-detail-code-table.--fixed-header .table-content:last-child, .ph-product-detail-code-table.--fixed .table-heading:last-child,
  .ph-product-detail-code-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-product-detail-code-table.--scrollable-header .table-heading:first-child,
.ph-product-detail-code-table.--scrollable-header .table-content:first-child, .ph-product-detail-code-table.--scrollable .table-heading:first-child,
.ph-product-detail-code-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}

@media screen and (min-width: 680px) {
  .ph-product-detail-manufacturer-grid {
    --box-grid-columns: 2;
    --box-grid-gap-x: 10px;
  }
}
.ph-product-detail-manufacturer-grid .pharma-box-grid-item {
  --ph-box-grid-item-padding: 15px;
  font-weight: bold;
  font-size: 14px;
}
@media screen and (min-width: 680px) {
  .ph-product-detail-manufacturer-grid .pharma-box-grid-item {
    --ph-box-grid-item-min-height: 94px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-detail-manufacturer-grid .pharma-box-grid-item {
    --ph-box-grid-item-padding: 15px 5px 15px 15px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-detail-manufacturer-grid .pharma-box-grid-item.--disabled {
    align-items: center;
  }
}
.ph-product-detail-manufacturer-grid .pharma-box-grid-item.--disabled em {
  color: #323232;
}
.ph-product-detail-manufacturer-grid .pharma-box-grid-item .link {
  --link-icon-gap: 7px;
}
.ph-product-detail-manufacturer-grid .pharma-box-grid-item em {
  color: #005EAE;
  text-decoration: underline;
  font-style: normal;
}
.ph-product-detail-manufacturer-grid .pharma-box-grid-item:not(.--disabled):hover em {
  text-decoration: none;
}

.ph-product-detail-sm-button .button {
  min-width: 246px;
  font-size: 14px;
}

.ph-product-detail-search-box {
  padding: 20px;
}
@media screen and (max-width: 679px) {
  .ph-product-detail-search-box {
    padding: 10px;
  }
}
.ph-product-detail-search-box .search-box-col {
  flex-grow: 1;
}

.product-detail-news-list .news-list {
  max-height: 270px;
  overflow-y: auto;
}

.main-text {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .main-text {
    font-size: 18px;
  }
}
.main-text.--colored {
  color: var(--accent-color);
}

.ph-product-detail-point-list-wrapper {
  border-color: rgba(74, 191, 40, 0.3);
}
.ph-product-detail-point-list-wrapper .heartline-ole-point-head {
  color: rgb(74, 191, 40);
}
.ph-product-detail-point-list-wrapper .heartline-ole-point-body::before {
  background-color: rgb(74, 191, 40);
}

.ph-product-comparison-table-columns .archive-table-column.--fixed {
  flex-basis: 190px;
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table-columns .archive-table-column.--fixed {
    flex-basis: 160px;
  }
}
.ph-product-comparison-table-columns .archive-table-column.--fixed.--md {
  flex-basis: 150px;
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table-columns .archive-table-column.--fixed.--md {
    flex-basis: 130px;
  }
}
.ph-product-comparison-table-columns .archive-table-column.--fixed.--lg {
  flex-basis: 175px;
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table-columns .archive-table-column.--fixed.--lg {
    flex-basis: 150px;
  }
}

.ph-product-comparison-table {
  table-layout: fixed;
}
.ph-product-comparison-table.table.--synced-row-height .table-heading {
  height: 65px;
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.table.--synced-row-height .table-heading {
    height: 55px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.--fixed .table-heading:last-child,
  .ph-product-comparison-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-product-comparison-table.--fixed .table-content {
  background-color: #FBFBFB;
}
.ph-product-comparison-table.--scrollable .table-heading:first-child,
.ph-product-comparison-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.--scrollable .table-heading {
    width: 90px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.--scrollable .table-heading.--sm {
    width: 65px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.--scrollable .table-heading.--md {
    width: 75px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-comparison-table.--scrollable .table-heading.--lg {
    width: 105px;
  }
}

.ph-product-doc-table {
  table-layout: fixed;
}
.ph-product-doc-table .table-heading.--region {
  width: 200px;
}
@media screen and (max-width: 679px) {
  .ph-product-doc-table .table-heading.--region {
    width: 85px;
  }
}
.ph-product-doc-table .table-heading.--thumbnail {
  width: 120px;
}
@media screen and (max-width: 679px) {
  .ph-product-doc-table .table-heading.--thumbnail {
    width: 85px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-doc-table .table-heading.--name {
    width: 200px;
  }
}
.ph-product-doc-table .table-heading.--description {
  width: 120px;
}
@media screen and (max-width: 679px) {
  .ph-product-doc-table .table-heading.--description {
    width: 125px;
  }
}

.ph-product-doc-thumbnail-link {
  transition: 0.3s ease;
  transition-property: opacity;
}
.ph-product-doc-thumbnail-link:hover {
  opacity: 0.7;
}

.ph-product-doc-thumbnail {
  display: inline-block;
  width: 51px;
  border: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .ph-product-doc-thumbnail {
    width: 36px;
  }
}
.ph-product-doc-thumbnail__img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 680px) {
  .ph-product-list.product-list {
    --product-list-columns: 3;
    --product-list-item-gap-x: 15px;
  }
}

.ph-product-section-columns {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .ph-product-section-columns {
    flex-direction: column;
    gap: 30px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-section-columns.--sp-gap-15 {
    gap: 15px;
  }
}

.ph-product-section-column {
  flex: 1;
  min-width: 0;
}
@media screen and (min-width: 680px) {
  .ph-product-section-column.--patient-material {
    flex: 0 0 608px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-section-column.--width-204 {
    flex: 0 0 204px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-section-column.--width-392 {
    flex: 0 0 392px;
  }
}

.material-list {
  --material-list-columns: 5;
  --material-list-gap-x: 40px;
  --material-list-gap-y: var(--material-list-gap-x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--material-list-gap-y) var(--material-list-gap-x);
}
@media screen and (max-width: 679px) {
  .material-list {
    --material-list-columns: 2;
    --material-list-gap-x: 10px;
    --material-list-gap-y: 20px;
  }
}
.material-list.--center {
  justify-content: center;
}
@media screen and (min-width: 680px) {
  .material-list.--items-2 {
    --material-list-columns: 2;
  }
}
@media screen and (min-width: 680px) {
  .material-list.--items-3 {
    --material-list-columns: 3;
  }
}

.material-list-item {
  position: relative;
  display: block;
  flex: 0 0 calc((100% - (var(--material-list-columns) - 1) * var(--material-list-gap-x)) / var(--material-list-columns));
  transition: 0.3s ease;
  transition-property: opacity;
}
.material-list-item:hover {
  text-decoration: underline;
  opacity: 0.7;
}

.material-list-item-thumbnail {
  border: 1px solid #DCDCDC;
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .material-list-item-thumbnail {
    margin-bottom: 5px;
  }
}
.material-list-item-thumbnail__img {
  display: block;
  width: 100%;
}

.material-list-item-title {
  text-align: center;
}
@media screen and (max-width: 679px) {
  .material-list-item-title {
    font-size: 14px;
  }
}

.ph-patient-material-columns {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .ph-patient-material-columns {
    flex-direction: column;
    gap: 20px;
  }
}

@media screen and (min-width: 680px) {
  .ph-patient-material-column:first-child {
    flex: 0 0 362px;
  }
}
@media screen and (max-width: 679px) {
  .ph-patient-material-column:last-child {
    width: 70%;
    margin: 0 auto;
  }
}

.ph-patient-material-list-link {
  display: block;
  transition: 0.3s ease;
  transition-property: opacity, color;
}
.ph-patient-material-list-link:hover {
  color: #005EAE;
  text-decoration: underline;
  opacity: 0.7;
}

.ph-patient-material-list.material-list {
  --material-list-columns: 2;
  --material-list-gap-x: 10px;
}
.ph-patient-material-list .material-list-item:hover {
  opacity: 1;
}

.ph-med-material-list {
  --material-list-columns: 1;
  margin: 0 auto;
  width: 128px;
}
@media screen and (max-width: 679px) {
  .ph-med-material-list {
    width: 35%;
  }
}

@media screen and (min-width: 680px) {
  .ph-product-cards {
    --box-grid-columns: 2;
    --box-grid-gap-x: 20px;
    --box-grid-gap-y: 20px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-cards {
    --box-grid-gap-y: 10px;
  }
}

.ph-banner-product-card-item {
  --box-grid-item-border-color: #BBEEF4;
  transition: 0.3s ease;
  transition-property: opacity;
}
.ph-banner-product-card-item::after {
  mix-blend-mode: multiply;
}
.ph-banner-product-card-item:hover {
  opacity: 0.7;
}

.ph-banner-product-card-item-link {
  display: block;
  height: 100%;
}

.ph-banner-product-card-item-content {
  display: block;
  height: 100%;
}
.ph-banner-product-card-item-content__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ph-product-diff-table-columns .archive-table-column.--fixed {
  flex-basis: 300px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table-columns .archive-table-column.--fixed {
    flex-basis: 120px;
  }
}

.ph-product-diff-table {
  table-layout: fixed;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table {
    font-size: 12px;
  }
}
.ph-product-diff-table.--different .table-heading, .ph-product-diff-table.--different.table.--synced-row-height .table-heading {
  height: 45px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--different .table-heading, .ph-product-diff-table.--different.table.--synced-row-height .table-heading {
    height: 35px;
  }
}
.ph-product-diff-table.--different .table-heading.--ingredient {
  width: 180px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--different .table-heading.--ingredient {
    width: 80px;
  }
}
.ph-product-diff-table.--different .table-heading.--competitor {
  width: 180px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--different .table-heading.--competitor {
    width: 115px;
  }
}
.ph-product-diff-table.--different .table-heading.--effects {
  width: 375px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--different .table-heading.--effects {
    width: 230px;
  }
}
.ph-product-diff-table.--transitional-measures .table-heading, .ph-product-diff-table.--transitional-measures.table.--synced-row-height .table-heading {
  height: 45px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--transitional-measures .table-heading, .ph-product-diff-table.--transitional-measures.table.--synced-row-height .table-heading {
    height: 35px;
  }
}
.ph-product-diff-table.--transitional-measures .table-heading.--date {
  width: 130px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--transitional-measures .table-heading.--date {
    width: 60px;
  }
}
.ph-product-diff-table.--transitional-measures .table-heading.--notice {
  width: 80px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--transitional-measures .table-heading.--notice {
    width: 65px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--transitional-measures .table-heading.--remarks {
    width: 125px;
  }
}
.ph-product-diff-table.--code .table-heading {
  font-feature-settings: "palt";
  white-space: nowrap;
}
.ph-product-diff-table.--code .table-heading[rowspan="2"] {
  height: 84px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading[rowspan="2"] {
    height: 70px;
  }
}
.ph-product-diff-table.--code .table-heading.--price, .ph-product-diff-table.--code .table-heading.--price-unit, .ph-product-diff-table.--code .table-heading.--ministry-code, .ph-product-diff-table.--code .table-heading.--yj-code, .ph-product-diff-table.--code .table-heading.--computer-system-code, .ph-product-diff-table.--code .table-heading.--individual, .ph-product-diff-table.--code .table-heading.--uniform-name {
  background-color: rgba(74, 191, 40, 0.1);
}
.ph-product-diff-table.--code .table-heading.--unit, .ph-product-diff-table.--code .table-heading.--uniform-code, .ph-product-diff-table.--code .table-heading.--dispensing-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--sales-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--hot-code, .ph-product-diff-table.--code .table-heading.--jan-code {
  background-color: rgba(74, 191, 40, 0.23);
}
.ph-product-diff-table.--code .table-heading.--unit {
  width: 250px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--unit {
    width: 120px;
    background-color: rgba(74, 191, 40, 0.1);
  }
}
.ph-product-diff-table.--code .table-heading.--price {
  width: 70px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--price {
    width: 65px;
  }
}
.ph-product-diff-table.--code .table-heading.--price-unit {
  width: 70px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--price-unit {
    width: 60px;
  }
}
.ph-product-diff-table.--code .table-heading.--ministry-code, .ph-product-diff-table.--code .table-heading.--yj-code {
  width: 125px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--ministry-code, .ph-product-diff-table.--code .table-heading.--yj-code {
    width: 110px;
  }
}
.ph-product-diff-table.--code .table-heading.--computer-system-code {
  width: 260px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--computer-system-code {
    width: 240px;
  }
}
.ph-product-diff-table.--code .table-heading.--individual {
  width: 135px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--individual {
    width: 115px;
  }
}
.ph-product-diff-table.--code .table-heading.--uniform-code {
  width: 100px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--uniform-code {
    width: 90px;
  }
}
.ph-product-diff-table.--code .table-heading.--dispensing-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--sales-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--hot-code, .ph-product-diff-table.--code .table-heading.--jan-code {
  width: 135px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--code .table-heading.--dispensing-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--sales-packaging-unit-code, .ph-product-diff-table.--code .table-heading.--hot-code, .ph-product-diff-table.--code .table-heading.--jan-code {
    width: 115px;
  }
}
.ph-product-diff-table.--code.--fixed-header .table-heading:last-child,
.ph-product-diff-table.--code.--fixed-header .table-content:last-child, .ph-product-diff-table.--code.--fixed .table-heading:last-child,
.ph-product-diff-table.--code.--fixed .table-content:last-child {
  border-right-width: 2px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table.--fixed-header .table-heading:last-child,
  .ph-product-diff-table.--fixed-header .table-content:last-child, .ph-product-diff-table.--fixed .table-heading:last-child,
  .ph-product-diff-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-product-diff-table.--scrollable-header .table-heading:first-child,
.ph-product-diff-table.--scrollable-header .table-content:first-child, .ph-product-diff-table.--scrollable .table-heading:first-child,
.ph-product-diff-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.ph-product-diff-table tbody .table-row .table-content.--row-highlight {
  background-color: rgba(74, 191, 40, 0.05);
}

.ph-product-diff-table-cell-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .ph-product-diff-table-cell-name {
    gap: 5px;
  }
}
.ph-product-diff-table-cell-name__note {
  flex-shrink: 0;
}

@media screen and (min-width: 680px) {
  .ph-product-faq-box-grid {
    --box-grid-columns: 3;
    --box-grid-gap-x: 20px;
    --box-grid-gap-y: 10px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-faq-box-grid {
    font-size: 14px;
  }
}
@media screen and (min-width: 680px) {
  .ph-product-faq-box-grid .pharma-box-grid-item {
    --ph-box-grid-item-min-height: 64px;
    --ph-box-grid-item-padding: 20px 30px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-faq-box-grid .pharma-box-grid-item {
    --ph-box-grid-item-padding: 15px 20px;
  }
}

.ph-product-limit-table {
  table-layout: fixed;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .ph-product-limit-table {
    font-size: 12px;
  }
}
.ph-product-limit-table .table-heading {
  width: 205px;
  white-space: nowrap;
}
.ph-product-limit-table .table-heading:first-child {
  width: auto;
}
@media screen and (max-width: 679px) {
  .ph-product-limit-table .table-heading:nth-child(2) {
    width: 50px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-limit-table .table-heading:nth-child(3) {
    width: 80px;
  }
}
@media screen and (max-width: 679px) {
  .ph-product-limit-table .table-heading:nth-child(4) {
    width: 65px;
  }
}
.ph-product-limit-table tbody .table-row:hover .table-content {
  background-color: rgba(74, 191, 40, 0.05);
}

.ph-products-search-box {
  margin-top: 15px;
}
@media screen and (max-width: 679px) {
  .ph-products-search-box {
    margin-top: 10px;
  }
}
@media screen and (min-width: 680px) {
  .ph-products-search-box .search-form {
    width: 860px;
  }
}
@media screen and (min-width: 680px) {
  .ph-products-search-box .search-form-query-input.--product-lot {
    width: 280px;
    flex-grow: 0;
  }
}

.ph-product-transitional-measures-table-columns .archive-table-column.--fixed {
  flex-basis: 490px;
}
@media screen and (max-width: 679px) {
  .ph-product-transitional-measures-table-columns .archive-table-column.--fixed {
    flex-basis: 150px;
  }
}

.ph-product-transitional-measures-section {
  clear: both;
}
.ph-product-transitional-measures-section:not(:last-child) {
  margin-bottom: 60px;
}
@media screen and (max-width: 679px) {
  .ph-product-transitional-measures-section:not(:last-child) {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 679px) {
  .stable-supply-table {
    table-layout: fixed;
  }
}
@media screen and (max-width: 679px) {
  .stable-supply-table .table-heading.--item {
    width: 250px;
  }
}
.stable-supply-table .table-heading.--frequency {
  width: 17.5%;
}
@media screen and (max-width: 679px) {
  .stable-supply-table .table-heading.--frequency {
    width: 180px;
  }
}
.stable-supply-table .table-heading.--nipro {
  width: 17.5%;
}
@media screen and (max-width: 679px) {
  .stable-supply-table .table-heading.--nipro {
    width: 180px;
  }
}
.stable-supply-table .table-heading.--es {
  width: 17.5%;
}
@media screen and (max-width: 679px) {
  .stable-supply-table .table-heading.--es {
    width: 180px;
  }
}

.ph-rmp-qa-card > .qa-card > .qa-card-section.--question .heading-4 {
  margin-bottom: 0;
}

@media screen and (min-width: 680px) {
  .ph-rmp-table .table-heading {
    width: 240px;
  }
}

/* ====================================================================
 * Pharmaceuticals / Ustekinumab BS 45mg syringe "Nipro" product detail page
 * (contentPhUstekinumabBsProduct)
 * ==================================================================== */
.ph-ustekinumab-bs-prefilled-syringe {
  text-align: center;
}
.ph-ustekinumab-bs-prefilled-syringe img {
  width: 100%;
  max-width: 840px;
}

@media screen and (min-width: 680px) {
  .ph-ustekinumab-bs-materials {
    justify-content: center;
  }
}
@media screen and (max-width: 679px) {
  .ph-ustekinumab-bs-materials {
    --material-list-columns: 2;
  }
}

/* ====================================================================
 * Pharmaceuticals / Ustekinumab BS "Nipro" — バイオシミラーとは page
 * (contentPhUstekinumabBsBiosimilar)
 * ==================================================================== */
.ph-biosimilar-size-table-columns .archive-table-column.--fixed {
  flex-basis: 260px;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-size-table-columns .archive-table-column.--fixed {
    flex-basis: 160px;
  }
}

.ph-biosimilar-size-table {
  table-layout: fixed;
  --header-tier-h: 42px;
}
.ph-biosimilar-size-table.table.--synced-row-height thead .table-heading {
  height: var(--header-tier-h);
}
.ph-biosimilar-size-table.--fixed.table.--synced-row-height thead .table-heading {
  height: calc(var(--header-tier-h) * 2);
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-size-table.--fixed .table-heading:last-child,
  .ph-biosimilar-size-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-biosimilar-size-table.--scrollable .table-heading:first-child,
.ph-biosimilar-size-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.ph-biosimilar-size-table.--scrollable thead tr:last-child .table-heading {
  background-color: #FBFBFB;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-size-table.--scrollable .table-heading[rowspan] {
    width: 130px;
  }
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-size-table.--scrollable .table-heading[colspan] {
    width: 320px;
  }
}
.ph-biosimilar-size-table.--scrollable tbody tr:last-child td:nth-child(1) img {
  width: 80px;
}
.ph-biosimilar-size-table.--scrollable tbody tr:last-child td:nth-child(2) img {
  width: 126px;
}
.ph-biosimilar-size-table.--scrollable tbody tr:last-child td:nth-child(3) img {
  width: 216px;
}

.ph-biosimilar-approval-table-columns .archive-table-column.--fixed {
  flex-basis: 300px;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-approval-table-columns .archive-table-column.--fixed {
    flex-basis: 160px;
  }
}

.ph-biosimilar-approval-table {
  table-layout: fixed;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-approval-table.--fixed .table-heading:last-child,
  .ph-biosimilar-approval-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
@media screen and (min-width: 680px) {
  .ph-biosimilar-approval-table.--fixed > thead .table-row:first-child .table-heading {
    border-right-color: #F1F1F1;
  }
}
.ph-biosimilar-approval-table.--scrollable .table-heading:first-child,
.ph-biosimilar-approval-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-approval-table.--scrollable .table-heading:first-child,
  .ph-biosimilar-approval-table.--scrollable .table-content:first-child {
    width: 320px;
  }
}
.ph-biosimilar-approval-table.--scrollable .table-heading:not(:first-child),
.ph-biosimilar-approval-table.--scrollable .table-content:not(:first-child) {
  width: 120px;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-approval-table.--scrollable .table-heading:not(:first-child),
  .ph-biosimilar-approval-table.--scrollable .table-content:not(:first-child) {
    width: 100px;
  }
}
@media screen and (min-width: 680px) {
  .ph-biosimilar-approval-table.--scrollable thead .table-heading:first-child {
    text-align: left;
    border-left-color: #F1F1F1;
    padding-left: 0;
  }
}
.ph-biosimilar-approval-table.--scrollable thead .table-heading:nth-child(2) {
  background-color: #DCDCDC;
}
.ph-biosimilar-approval-table.--scrollable thead .table-heading:nth-child(3) {
  background-color: #D1EFC9;
}
.ph-biosimilar-approval-table.--scrollable thead .table-heading:nth-child(4) {
  background-color: #BFD6EB;
}
.ph-biosimilar-approval-table.--scrollable tbody .table-content:nth-child(3) {
  background-color: #F5FBF3;
}
.ph-biosimilar-approval-table.--scrollable tbody .table-content:nth-child(4) {
  background-color: rgba(0, 94, 174, 0.05);
}

.ph-biosimilar-naming-table-columns {
  margin-top: 15px;
}
.ph-biosimilar-naming-table-columns .archive-table-column.--fixed {
  flex-basis: 200px;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-naming-table-columns .archive-table-column.--fixed {
    flex-basis: 120px;
  }
}

.ph-biosimilar-naming-table {
  table-layout: fixed;
}
.ph-biosimilar-naming-table.--fixed .table-heading,
.ph-biosimilar-naming-table.--fixed .table-content {
  text-align: left;
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-naming-table.--fixed .table-heading:last-child,
  .ph-biosimilar-naming-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-biosimilar-naming-table.--fixed tbody tr {
  height: var(--synced-row-height);
}
.ph-biosimilar-naming-table.--fixed tbody tr:first-child .table-heading {
  background-color: #F5FBF3;
}
.ph-biosimilar-naming-table.--fixed tbody tr:nth-child(2) .table-heading {
  background-color: #D1EFC9;
}
.ph-biosimilar-naming-table.--scrollable .table-heading:first-child,
.ph-biosimilar-naming-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}
.ph-biosimilar-naming-table.--scrollable .table-heading {
  width: 90px;
  background-color: #FBFBFB;
}
@media screen and (min-width: 680px) {
  .ph-biosimilar-naming-table.--scrollable .table-heading {
    width: 200px;
  }
}
@media screen and (max-width: 679px) {
  .ph-biosimilar-naming-table.--scrollable .table-content {
    width: 400px;
  }
}

/* ====================================================================
 * Pharmaceuticals / Ustekinumab BS "Nipro" — 臨床成績 page
 * (contentPhUstekinumabBsClinicalResults)
 *
 * All 7 tables reuse the common .table styles and the
 * archive-table-columns fixed/scrollable + c-horizontal-scroller pattern
 * (first column frozen, group columns scroll on SP).
 *
 * The group header colors are unique to this page; they are applied via
 * reusable modifier classes scoped under .ph-clinical-table so the same
 * semantics (本剤群 / 本剤切替群 / 先行バイオ医薬品［EU］群 / 合計) can be
 * shared across every table here.
 * ==================================================================== */
.ph-clinical-table {
  table-layout: fixed;
}
.ph-clinical-table .table-heading.--group-main {
  background-color: #40BCCB;
  color: #fff;
}
.ph-clinical-table .table-heading.--group-eu {
  background-color: #69C5D2;
}
.ph-clinical-table .table-heading.--group-switch {
  background-color: #1697B8;
  color: #fff;
}
.ph-clinical-table .table-heading.--group-reference {
  background-color: #989EA2;
  color: #fff;
}
.ph-clinical-table .table-heading.--group-total {
  background-color: #FAC036;
}
.ph-clinical-table .table-heading.--width-126 {
  width: 126px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-126 {
    width: 111px;
  }
}
.ph-clinical-table .table-heading.--width-178 {
  width: 178px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-178 {
    width: 156px;
  }
}
.ph-clinical-table .table-heading.--width-133 {
  width: 133px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-133 {
    width: 117px;
  }
}
.ph-clinical-table .table-heading.--width-147 {
  width: 147px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-147 {
    width: 129px;
  }
}
.ph-clinical-table .table-heading.--width-192 {
  width: 192px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-192 {
    width: 168px;
  }
}
.ph-clinical-table .table-heading.--width-208 {
  width: 208px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-208 {
    width: 182px;
  }
}
.ph-clinical-table .table-heading.--width-210 {
  width: 210px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-210 {
    width: 186px;
  }
}
.ph-clinical-table .table-heading.--width-230 {
  width: 230px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-230 {
    width: 202px;
  }
}
.ph-clinical-table .table-heading.--width-266 {
  width: 266px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-266 {
    width: 233px;
  }
}
.ph-clinical-table .table-heading.--width-296 {
  width: 296px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-296 {
    width: 259px;
  }
}
.ph-clinical-table .table-heading.--width-256 {
  width: 256px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-256 {
    width: 224px;
  }
}
.ph-clinical-table .table-heading.--width-278 {
  width: 278px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-278 {
    width: 244px;
  }
}
.ph-clinical-table .table-heading.--width-356 {
  width: 356px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-356 {
    width: 312px;
  }
}
.ph-clinical-table .table-heading.--width-420 {
  width: 420px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-420 {
    width: 371px;
  }
}
.ph-clinical-table .table-heading.--width-460 {
  width: 460px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table .table-heading.--width-460 {
    width: 403px;
  }
}
.ph-clinical-table .table-content.--group-main {
  background-color: rgba(64, 188, 203, 0.1);
}
.ph-clinical-table .table-content.--group-switch {
  background-color: rgba(22, 151, 184, 0.1);
}
.ph-clinical-table .table-content.--group-total {
  background-color: rgba(250, 192, 54, 0.1);
}
.ph-clinical-table .table-row.--section .table-heading,
.ph-clinical-table .table-row.--section .table-content {
  background-color: #DCDCDC;
  text-align: left;
  font-weight: bold;
}
.ph-clinical-table .ph-clinical-label-unit {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-table.--fixed .table-heading:last-child,
  .ph-clinical-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.ph-clinical-table.--scrollable .table-heading:first-child,
.ph-clinical-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}

.ph-clinical-dose-table-columns .archive-table-column.--fixed {
  flex-basis: 115px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-dose-table-columns .archive-table-column.--fixed {
    flex-basis: 101px;
  }
}

.ph-clinical-background-table-columns .archive-table-column.--fixed {
  flex-basis: 368px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-background-table-columns .archive-table-column.--fixed {
    flex-basis: 160px;
  }
}

@media screen and (min-width: 680px) {
  .ph-clinical-background-table.--fixed col:nth-child(2) {
    width: 140px;
  }
}

.ph-clinical-pasi-table-columns .archive-table-column.--fixed {
  flex-basis: 148px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-pasi-table-columns .archive-table-column.--fixed {
    flex-basis: 130px;
  }
}

.ph-clinical-pasi-table.--fixed tbody tr {
  height: var(--synced-row-height);
}

.ph-clinical-adr-overall-table-columns .archive-table-column.--fixed,
.ph-clinical-adr-stage1-table-columns .archive-table-column.--fixed {
  flex-basis: 148px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-adr-overall-table-columns .archive-table-column.--fixed,
  .ph-clinical-adr-stage1-table-columns .archive-table-column.--fixed {
    flex-basis: 130px;
  }
}

.ph-clinical-adr-stage1-table-columns .archive-table-column.--fixed,
.ph-clinical-adr-stage2-table-columns .archive-table-column.--fixed {
  flex-basis: 204px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-adr-stage1-table-columns .archive-table-column.--fixed,
  .ph-clinical-adr-stage2-table-columns .archive-table-column.--fixed {
    flex-basis: 130px;
  }
}

.ph-clinical-adr-overall-table.--scrollable col:nth-child(odd) {
  width: 110px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-adr-overall-table.--scrollable col:nth-child(odd) {
    width: 97px;
  }
}
.ph-clinical-adr-overall-table.--scrollable col:nth-child(even) {
  width: 68px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-adr-overall-table.--scrollable col:nth-child(even) {
    width: 60px;
  }
}

.ph-clinical-ada-table-columns .archive-table-column.--fixed {
  flex-basis: 196px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-ada-table-columns .archive-table-column.--fixed {
    flex-basis: 167px;
  }
}

.ph-clinical-ada-table.--fixed .table-heading:first-child {
  width: 109px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-ada-table.--fixed .table-heading:first-child {
    width: 96px;
  }
}
.ph-clinical-ada-table.--fixed .table-heading:last-child {
  width: 81px;
}
@media screen and (max-width: 679px) {
  .ph-clinical-ada-table.--fixed .table-heading:last-child {
    width: 71px;
  }
}

.product-detail-columns {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .product-detail-columns {
    flex-direction: column;
    gap: 20px;
  }
}

.product-detail-column {
  flex: 1;
  min-width: 0;
}

.product-detail-jmdn-table .table-heading:first-child {
  width: 110px;
}

.product-detail-figure:not(:first-child) {
  margin-top: 15px;
}

.product-detail-figure-caption {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .product-detail-figure-caption {
    margin-bottom: 10px;
  }
}

.product-detail-figure-text-main {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
}

.product-detail-figure-img-container {
  display: block;
}

.product-detail-figure-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

@media screen and (max-width: 679px) {
  .med-product-detail-menu-list {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 679px) {
  .med-product-detail-menu-list .page-menu-item__link {
    --page-menu-min-width: 100px;
  }
}

.product-recommendation-title {
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .product-recommendation-title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

.product-detail-video {
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 679px) {
  .product-detail-video {
    width: 100%;
  }
}

.product-detail-doc-modal .modal-content {
  --modal-max-width: 900px;
}

.product-detail-stability-test-modal .modal-content {
  --modal-max-width: 600px;
}

.product-detail-table-columns .archive-table-column.--fixed {
  flex-basis: 110px;
}
@media screen and (max-width: 679px) {
  .product-detail-table-columns .archive-table-column.--fixed {
    flex-basis: 60px;
  }
}

.product-detail-doc-table {
  table-layout: fixed;
}
.product-detail-doc-table.table.--synced-row-height .table-heading {
  height: 40px;
}
@media screen and (max-width: 679px) {
  .product-detail-doc-table.table.--synced-row-height .table-heading {
    height: 45px;
  }
}
@media screen and (max-width: 679px) {
  .product-detail-doc-table .table-heading.--name {
    width: 180px;
  }
}
.product-detail-doc-table .table-heading.--number {
  width: 180px;
}
@media screen and (max-width: 679px) {
  .product-detail-doc-table .table-heading.--number {
    width: 130px;
  }
}
.product-detail-doc-table .table-heading.--version {
  width: 190px;
}
@media screen and (max-width: 679px) {
  .product-detail-doc-table .table-heading.--version {
    width: 160px;
  }
}
@media screen and (max-width: 679px) {
  .product-detail-doc-table.--fixed-header .table-heading:last-child,
  .product-detail-doc-table.--fixed-header .table-content:last-child, .product-detail-doc-table.--fixed .table-heading:last-child,
  .product-detail-doc-table.--fixed .table-content:last-child {
    border-right-width: 2px;
  }
}
.product-detail-doc-table.--scrollable-header .table-heading:first-child,
.product-detail-doc-table.--scrollable-header .table-content:first-child, .product-detail-doc-table.--scrollable .table-heading:first-child,
.product-detail-doc-table.--scrollable .table-content:first-child {
  border-left-width: 0;
}

@media screen and (min-width: 680px) {
  .reg-stemirac-top-header .header-body {
    padding-top: 50px;
  }
}

.reg-stemirac-header {
  position: relative;
}

@media screen and (min-width: 680px) and (max-width: 1440px) {
  .reg-stemirac-header-section .section.--growable {
    min-width: 0;
  }
}
.reg-stemirac-header-section .section.--growable .section__inner {
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-header-section .section.--growable .section__inner {
    padding-bottom: 30px;
  }
}

.reg-stemirac-header-title {
  position: relative;
  width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-header-title {
    width: 100%;
    max-width: 276px;
  }
}
.reg-stemirac-header-title__img {
  display: block;
  width: 100%;
  height: auto;
}

.reg-stemirac-header-bg {
  position: absolute;
  right: -40px;
  bottom: -183px;
  left: calc(50% + 220px);
  height: 322px;
  overflow: hidden;
  pointer-events: none;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-header-bg {
    right: -15px;
    bottom: -108px;
    left: calc(50% + 40px);
    height: 156px;
  }
}
.reg-stemirac-header-bg__img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}

.reg-stemirac-box {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 26px;
  border: 4px solid rgba(142, 113, 200, 0.3);
  border-radius: 20px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-box {
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    border-radius: 10px;
  }
}
.reg-stemirac-box__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 680px) {
  .reg-stemirac-box__buttons .button {
    width: 260px;
    min-width: auto;
  }
}

.reg-stemirac-box-header {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-box-header {
    font-size: 18px;
  }
}

.reg-stemirac-inner-list-content {
  margin-left: -24px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-inner-list-content {
    margin-left: -21px;
  }
}

.reg-stemirac-products-button .button {
  min-width: 220px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-products-button .button {
    min-width: 170px;
  }
}

.reg-stemirac-package-table .table-heading {
  width: 25%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-package-table .table-heading {
    width: 35%;
  }
}

.reg-stemirac-product-table .table-heading:first-child {
  width: 25%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-product-table .table-heading:first-child {
    width: 28%;
  }
}

@media screen and (max-width: 679px) {
  .reg-stemirac-medical-product-table {
    table-layout: fixed;
  }
}
.reg-stemirac-medical-product-table .table-heading:first-child {
  width: 150px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-medical-product-table .table-heading:first-child {
    width: 80px;
  }
}
.reg-stemirac-medical-product-table .table-heading:not(:first-child):not(:last-child) {
  width: 295px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-medical-product-table .table-heading:not(:first-child):not(:last-child) {
    width: 170px;
  }
}
.reg-stemirac-medical-product-table .table-heading:last-child {
  width: 295px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-medical-product-table .table-heading:last-child {
    width: 150px;
  }
}
.reg-stemirac-medical-product-table .table-content:first-child {
  background-color: #FBFBFB;
}
.reg-stemirac-medical-product-table .--vertical-align-middle {
  vertical-align: middle;
}
.reg-stemirac-medical-product-table .white-background {
  background-color: #fff !important;
}

.reg-stemirac-cell-table .table-heading.--ingredient {
  width: 33.33%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-cell-table .table-heading.--ingredient {
    width: 48%;
  }
}
.reg-stemirac-cell-table .table-heading.--20ml, .reg-stemirac-cell-table .table-heading.--40ml {
  width: 33.33%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-cell-table .table-heading.--20ml, .reg-stemirac-cell-table .table-heading.--40ml {
    width: 26%;
  }
}
.reg-stemirac-cell-table .table-heading.--cell {
  width: 11%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-cell-table .table-heading.--cell {
    width: 12%;
  }
}

@media screen and (min-width: 680px) {
  .reg-stemirac-bone-table .table-heading:not([colspan]) {
    width: 25%;
  }
}

.reg-stemirac-bone-table .table-heading:first-child, .reg-stemirac-bone-table .table-heading:last-child,
.reg-stemirac-blood-table .table-heading:first-child,
.reg-stemirac-blood-table .table-heading:last-child {
  width: 25%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-bone-table .table-heading:first-child,
  .reg-stemirac-blood-table .table-heading:first-child {
    width: 24%;
  }
}
@media screen and (max-width: 679px) {
  .reg-stemirac-bone-table .table-heading:last-child,
  .reg-stemirac-blood-table .table-heading:last-child {
    width: 12%;
  }
}

.reg-stemirac-origin-table .table-heading {
  width: 50%;
}

.reg-stemirac-storage-table .table-heading {
  width: 33.3333333333%;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-storage-table .table-heading.--name, .reg-stemirac-storage-table .table-heading.--storage {
    width: 43%;
  }
}

@media screen and (max-width: 679px) {
  .reg-stemirac-code-table .table-heading {
    width: 210px;
  }
}
.reg-stemirac-code-table.--01 .table-heading {
  width: 33.3333333333%;
}
.reg-stemirac-code-table.--02 .table-heading {
  width: 25%;
}

.barcode-figure picture {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 57px;
}
@media screen and (max-width: 679px) {
  .barcode-figure picture {
    height: 38px;
  }
}
.barcode-figure__img {
  width: 150px;
}
@media screen and (max-width: 679px) {
  .barcode-figure__img {
    width: 100px;
  }
}
.barcode-figure__img, .barcode-figure__caption {
  text-align: center;
}
.barcode-figure__caption {
  margin-top: 3px;
}

.reg-stemirac-about-mechanism-figure-box {
  margin: 30px auto;
}
@media screen and (min-width: 680px) {
  .reg-stemirac-about-mechanism-figure-box {
    width: 800px;
  }
}
@media screen and (max-width: 679px) {
  .reg-stemirac-about-mechanism-figure-box {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 680px) {
  .reg-stemirac-about-mechanism-figure {
    width: 600px;
    margin: 0 auto;
  }
}
.reg-stemirac-about-mechanism-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.reg-stemirac-flow-main-text {
  font-size: 20px;
  font-weight: bold;
  color: #D40000;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-main-text {
    font-size: 18px;
  }
}

.reg-stemirac-flow-columns {
  display: flex;
  gap: 40px;
  margin-bottom: 60px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-columns {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 680px) {
  .reg-stemirac-flow-column:first-child {
    width: 500px;
  }
}

.reg-stemirac-flow-steps {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-steps {
    flex-direction: column;
    gap: 14px;
  }
}

.reg-stemirac-flow-step {
  position: relative;
  display: block;
  flex: 1;
  border: 3px solid #E0D8F0;
  border-radius: 10px;
  background-color: #ffffff;
  color: #323232;
}
@media screen and (min-width: 680px) {
  .reg-stemirac-flow-step {
    padding: 11px 9px;
    min-height: 320px;
  }
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-step {
    display: flex;
    align-items: center;
    padding: 9px 12px;
  }
}
.reg-stemirac-flow-step:not(:last-child)::after {
  position: absolute;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  color: rgb(142, 113, 200);
}
@media screen and (min-width: 680px) {
  .reg-stemirac-flow-step:not(:last-child)::after {
    content: "\e916";
    top: 50%;
    left: calc(100% + 2px);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-step:not(:last-child)::after {
    content: "\e926";
    top: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 680px) {
  .reg-stemirac-flow-step__head {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-step__head {
    padding-right: 5px;
  }
}
.reg-stemirac-flow-step__number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(142, 113, 200);
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
}
.reg-stemirac-flow-step__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-step__body {
    flex-direction: row;
  }
}
@media screen and (min-width: 680px) {
  .reg-stemirac-flow-step__text {
    writing-mode: vertical-lr;
    text-orientation: upright;
    line-height: 1;
    letter-spacing: 0.1875em;
  }
}
.reg-stemirac-flow-step__icon {
  font-size: 11px;
}

a.reg-stemirac-flow-step {
  color: #005EAE;
  transition: 0.3s ease;
  transition-property: color, background-color;
}
a.reg-stemirac-flow-step:hover {
  background-color: #E0D8F0;
  text-decoration: none;
}

@media screen and (min-width: 680px) {
  .reg-stemirac-flow-injection-figure {
    width: 700px;
    margin: 0 auto;
  }
}
.reg-stemirac-flow-injection-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.reg-stemirac-flow-table-1 .table-heading {
  width: 332px;
  text-align: left;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-table-1 .table-heading {
    width: 56%;
  }
}

.reg-stemirac-flow-table-2 .table-heading {
  width: 332px;
  text-align: left;
}
@media screen and (max-width: 679px) {
  .reg-stemirac-flow-table-2 .table-heading {
    width: 58%;
  }
}

.table.reg-stemirac-question-ais-paitent-table {
  table-layout: fixed;
}
@media screen and (min-width: 680px) {
  .table.reg-stemirac-question-ais-paitent-table {
    width: auto;
  }
}
.table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:first-child {
  width: 144px;
}
@media screen and (max-width: 679px) {
  .table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:first-child {
    width: 124px;
  }
}
.table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:nth-child(2) {
  width: 232px;
}
@media screen and (max-width: 679px) {
  .table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:nth-child(2) {
    width: 212px;
  }
}
.table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:nth-child(3) {
  width: 377px;
}
@media screen and (max-width: 679px) {
  .table.reg-stemirac-question-ais-paitent-table tr:first-child .table-heading:nth-child(3) {
    width: 357px;
  }
}
.table.reg-stemirac-question-ais-paitent-table tr:not(:first-child) .table-heading {
  text-align: left;
  background-color: #FBFBFB;
}
.table.reg-stemirac-question-ais-paitent-table .table-content {
  text-align: center;
  vertical-align: middle;
}

.table.reg-stemirac-approval-table-1 .table-heading {
  width: 160px;
  text-align: left;
}
@media screen and (max-width: 679px) {
  .table.reg-stemirac-approval-table-1 .table-heading {
    width: 74px;
  }
}

.table.reg-stemirac-approval-table-2 .table-heading {
  width: 183px;
  text-align: left;
}
@media screen and (max-width: 679px) {
  .table.reg-stemirac-approval-table-2 .table-heading {
    width: 90px;
  }
}

.subscript-r {
  line-height: 0.5;
}

.society-top-header .header-body {
  padding-top: 50px;
}
@media screen and (max-width: 679px) {
  .society-top-header .header-body {
    padding-top: 40px;
  }
}
@media screen and (min-width: 680px) {
  .society-top-header .header-title__this.--lg {
    font-size: 32px;
  }
}

.society-pagination {
  padding-top: 30px;
}
@media screen and (min-width: 680px) {
  .society-pagination {
    padding-bottom: 40px;
  }
}

.society-floating-menu .floating-menu-item.--icon-entrance {
  background-color: #C93939;
  transition: 0.3s ease;
  transition-property: background-color;
}
.society-floating-menu .floating-menu-item.--icon-entrance:hover {
  background-color: #D46161;
}
.society-floating-menu .floating-menu-item.--icon-entrance:hover::after {
  opacity: 0;
}

.seminar-thumbnail-slider-container {
  --swiper-navigation-color: #000;
  --swiper-navigation-size: 20px;
  --swiper-navigation-sides-offset: 0;
  position: relative;
}
@media screen and (min-width: 680px) {
  .seminar-thumbnail-slider-container .swiper-button-prev,
  .seminar-thumbnail-slider-container .swiper-button-next {
    display: none;
  }
}
.seminar-thumbnail-slider-container .swiper-button-prev:hover,
.seminar-thumbnail-slider-container .swiper-button-next:hover {
  opacity: 0.7;
}
.seminar-thumbnail-slider-container .swiper-button-prev.swiper-button-disabled,
.seminar-thumbnail-slider-container .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.seminar-thumbnail-slider-container .swiper-button-prev::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}
.seminar-thumbnail-slider-container .swiper-button-next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}

.society-seminar-detail-thumbnail-list {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .society-seminar-detail-thumbnail-list {
    gap: 10px;
  }
}

.society-seminar-detail-thumbnail-item {
  display: block;
  width: 250px;
  border: 1px solid #DCDCDC;
  transition: 0.3s ease;
  transition-property: opacity;
}
@media screen and (max-width: 679px) {
  .society-seminar-detail-thumbnail-item {
    width: 41%;
  }
}
.society-seminar-detail-thumbnail-item:hover {
  opacity: 0.7;
}
.society-seminar-detail-thumbnail-item__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.society-seminar-detail-table.table {
  --table-fs: 16px;
}
@media screen and (max-width: 679px) {
  .society-seminar-detail-table.table {
    --table-fs: 14px;
  }
}
.society-seminar-detail-table .table-heading {
  width: 170px;
}
@media screen and (max-width: 679px) {
  .society-seminar-detail-table .table-heading {
    width: 100px;
  }
}

.seminar-session-item {
  --seminar-session-item-border-radius: 20px;
  padding: 26px;
  border: 4px solid #DCDCDC;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .seminar-session-item {
    --seminar-session-item-border-radius: 10px;
    padding: 16px;
  }
}
.seminar-session-item:first-child {
  border-top-left-radius: var(--seminar-session-item-border-radius);
  border-top-right-radius: var(--seminar-session-item-border-radius);
}
.seminar-session-item:last-child {
  border-bottom-right-radius: var(--seminar-session-item-border-radius);
  border-bottom-left-radius: var(--seminar-session-item-border-radius);
}
.seminar-session-item:not(:first-child) {
  border-top-width: 2px;
}
.seminar-session-item:not(:last-child) {
  border-bottom-width: 2px;
}
.seminar-session-item.--applicable {
  position: relative;
  isolation: isolate;
}
.seminar-session-item.--applicable::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--accent-color);
  filter: opacity(0.05);
}
@media screen and (min-width: 680px) {
  .seminar-session-item .seminar-info-table__content {
    padding-left: 0;
  }
}

.seminar-session-item-columns {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .seminar-session-item-columns {
    flex-direction: column;
    gap: 15px;
  }
}

.seminar-session-item-column.--buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (max-width: 679px) {
  .seminar-session-item-column.--buttons {
    justify-content: center;
  }
}

.seminar-session-item-heading {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .seminar-session-item-heading {
    font-size: 18px;
  }
}

@media screen and (min-width: 680px) {
  .seminar-apply-button .button {
    min-width: 0;
    width: 300px;
  }
}
.seminar-apply-button .button__content {
  text-align: center;
}
.seminar-apply-button.--disabled .button {
  border: #F1F1F1;
}
.seminar-apply-button.--disabled .button, .seminar-apply-button.--disabled .button:hover {
  background-color: #F1F1F1;
  color: #323232;
}

.pharma-generic-step-wrapper {
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper {
    margin-top: 30px;
    margin-bottom: 0;
    flex-direction: row;
    gap: 10px;
  }
}
.pharma-generic-step-wrapper > *:not(:last-child)::before {
  color: rgb(74, 191, 40);
  top: 50%;
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step {
    display: block;
    padding: 0;
    min-width: 84px;
    min-height: 84px;
    border: none;
  }
  .pharma-generic-step-wrapper .heartline-flow-step:first-child {
    border: none;
  }
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step:not(:last-child)::before {
    content: "\e916";
    left: calc(100% + 5px);
    font-size: 10px;
  }
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step:not(:last-child) {
    margin-right: 0;
  }
}
.pharma-generic-step-wrapper .heartline-flow-step-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 30px 0;
  min-width: 180px;
  min-height: 180px;
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step-head {
    min-width: 100%;
    min-height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .pharma-generic-step-wrapper .heartline-flow-step-head img {
    width: 45px;
  }
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step-number {
    font-size: 9px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
}
.pharma-generic-step-wrapper .heartline-flow-step-number {
  margin-top: 10px;
}
@media screen and (max-width: 679px) {
  .pharma-generic-step-wrapper .heartline-flow-step-number {
    margin-bottom: 5px;
  }
}
.pharma-generic-accordion-wrapper .heading-4 {
  margin-bottom: 0;
}
.pharma-generic-accordion-wrapper .qa-card-section__content::before {
  content: none !important;
}
.pharma-generic-accordion-wrapper .qa-card-answer {
  padding-right: 0 !important;
  flex-basis: 100%;
}
.pharma-generic-accordion-wrapper .qa-card-answer img {
  width: 200px;
  height: auto;
}
@media screen and (max-width: 679px) {
  .pharma-generic-accordion-wrapper .qa-card-answer img {
    width: 100%;
  }
}
.pharma-generic-accordion-wrapper [slot=answer] {
  display: flex;
  align-items: flex-start;
  gap: 90px;
}
@media screen and (max-width: 679px) {
  .pharma-generic-accordion-wrapper [slot=answer] {
    flex-direction: column;
    gap: 15px;
  }
  .pharma-generic-accordion-wrapper [slot=answer] > * {
    width: 100%;
  }
}
@media screen and (min-width: 680px) {
  .pharma-generic-accordion-wrapper [slot=answer] > :first-child:not(:only-child) {
    flex: 1;
  }
}
.pharma-generic-accordion-wrapper [slot=answer] ul li {
  margin-bottom: 0;
}

.content-slider-container {
  --swiper-navigation-size: 22px;
  --swiper-navigation-color: #323232;
  --swiper-navigation-sides-offset: -28px;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 680px) {
  .content-slider-container {
    max-width: 720px;
  }
}
@media screen and (max-width: 679px) {
  .content-slider-container {
    --swiper-navigation-size: 12px;
    --swiper-navigation-sides-offset: -14px;
    margin: 0;
  }
}
.content-slider-container .swiper-button-prev::after,
.content-slider-container .swiper-button-next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content-slider-container .swiper-button-prev:hover,
.content-slider-container .swiper-button-next:hover {
  opacity: 0.7;
}
.content-slider-container .swiper-button-prev::after {
  content: "\e901";
}
.content-slider-container .swiper-button-next::after {
  content: "\e900";
}

.content-slider-slide-image__img {
  display: block;
  width: 100%;
}
.content-slider-slide-image__caption {
  margin-top: 20px;
}
@media screen and (max-width: 679px) {
  .content-slider-slide-image__caption {
    margin-top: 10px;
  }
}

.ph-help-section-highlight .section.--bg-color {
  --section-bg-color: #F7F7F7;
  --section-bg-opacity: 1;
}

@media screen and (max-width: 679px) {
  .ph-help-btn .button.--size-sp {
    min-width: 140px;
    min-height: 40px;
    font-size: 14px;
  }
}

.ph-banner {
  display: flex;
}
@media screen and (min-width: 680px) {
  .ph-banner {
    border-radius: 20px;
    overflow: hidden;
  }
}
@media screen and (max-width: 679px) {
  .ph-banner {
    flex-direction: column;
    gap: 10px;
  }
}

@media screen and (min-width: 680px) {
  .ph-banner-head {
    width: 500px;
    flex-shrink: 0;
  }
}

.ph-banner-head-link {
  display: block;
  height: 100%;
}

.ph-banner-head-image {
  display: block;
}
@media screen and (min-width: 680px) {
  .ph-banner-head-image {
    height: 100%;
  }
}
@media screen and (max-width: 679px) {
  .ph-banner-head-image {
    border-radius: 10px;
    overflow: hidden;
  }
}
.ph-banner-head-image__img {
  display: block;
}
@media screen and (min-width: 680px) {
  .ph-banner-head-image__img {
    height: 100%;
    object-fit: cover;
  }
}

.ph-banner-body {
  --ph-banner-body-bg-color: #F7F7F7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 680px) {
  .ph-banner-body {
    flex-grow: 1;
    padding: 30px;
    background-color: var(--ph-banner-body-bg-color);
  }
}
.ph-banner-body.--white {
  --ph-banner-body-bg-color: #fff;
}

.ph-help-card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .ph-help-card-list {
    flex-direction: column;
    gap: 0;
  }
}

.ph-help-card {
  flex-basis: calc((100% - 60px) / 3);
}
.ph-help-card__inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px;
  height: 100%;
  border: 2px solid #DCDCDC;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: color, background-color;
}
@media screen and (max-width: 679px) {
  .ph-help-card__inner {
    flex-direction: row;
    padding: 15px 10px;
    gap: 15px;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
}
@media screen and (min-width: 680px) {
  .ph-help-card__inner {
    background-color: #fff;
  }
}
.ph-help-card__inner:hover {
  text-decoration: none;
  background-color: #F7F7F7;
}
@media screen and (max-width: 679px) {
  .ph-help-card:not(:first-child) .ph-help-card__inner {
    border-top: 0;
  }
}

.ph-help-card-image {
  position: relative;
  display: block;
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .ph-help-card-image {
    width: 90px;
    height: 60px;
  }
}
@media screen and (min-width: 680px) {
  .ph-help-card-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66.54%;
  }
}
.ph-help-card-image__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  object-fit: cover;
}
.ph-help-card-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ph-help-card-number {
  font-size: 24px;
  color: var(--accent-color);
  font-family: "Roboto", sans-serif;
}
@media screen and (min-width: 680px) {
  .ph-help-card-number {
    text-align: center;
  }
}
@media screen and (max-width: 679px) {
  .ph-help-card-number {
    font-size: 14px;
    line-height: 1;
  }
}
.ph-help-card-number::before {
  content: "#";
  font-size: 20px;
}
@media screen and (max-width: 679px) {
  .ph-help-card-number::before {
    font-size: 10px;
  }
}

.ph-help-card-title {
  font-weight: bold;
}
@media screen and (min-width: 680px) {
  .ph-help-card-title {
    margin-top: 5px;
  }
}
.ph-help-card-title:not(:last-child) {
  margin-bottom: 5px;
}

.ph-help-card-testimony {
  display: flex;
  gap: 15px;
  margin-top: auto;
}

.ph-help-card-testimony-avatar {
  align-self: flex-start;
  flex-shrink: 0;
  position: relative;
  width: 60px;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .ph-help-card-testimony-avatar {
    display: none;
  }
}
.ph-help-card-testimony-avatar::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.ph-help-card-testimony-avatar__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  object-fit: cover;
}

.ph-help-card-testimony-text {
  font-size: 13px;
  color: #999999;
}
@media screen and (max-width: 679px) {
  .ph-help-card-testimony-text {
    font-size: 12px;
  }
}

.ph-help-card-2-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .ph-help-card-2-list {
    flex-direction: column;
    gap: 30px;
  }
}

@media screen and (min-width: 680px) {
  .ph-help-card-2 {
    flex-basis: calc((100% - 40px) / 2);
  }
}
.ph-help-card-2__inner {
  transition: 0.3s ease;
  transition-property: color;
}
.ph-help-card-2__inner:hover {
  text-decoration: none;
}
.ph-help-card-2__inner:hover .ph-help-card-2-image {
  opacity: 0.7;
}

.ph-help-card-2-image {
  position: relative;
  display: block;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: opacity;
}
@media screen and (max-width: 679px) {
  .ph-help-card-2-image {
    border-radius: 10px;
  }
}
.ph-help-card-2-image::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 30%;
}
.ph-help-card-2-image__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  object-fit: cover;
}

.ph-help-card-2-content {
  margin-top: 10px;
}

.ph-help-card-2-text {
  margin-top: 10px;
}
@media screen and (max-width: 679px) {
  .ph-help-card-2-text {
    margin-top: 5px;
  }
}

.ph-item-search-form-button-list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .ph-item-search-form-button-list {
    flex-direction: column;
    gap: 15px;
  }
}

@media screen and (min-width: 680px) {
  .ph-item-search-form-clear-button.search-box-clear-btn {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.ph-item-search-form-clear-button.search-box-clear-btn:hover {
  color: #005EAE;
  opacity: 1;
}

.ph-item-search-form-submit-button .button {
  min-width: 200px;
}

.embedded-video {
  --embedded-video-aspect-ratio: 9/16;
}
.embedded-video__inner {
  position: relative;
  height: 0;
  padding-bottom: calc(var(--embedded-video-aspect-ratio) * 100%);
}

.embedded-video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media print {
  .entrance-popup-modal {
    display: none !important;
  }
}
.entrance-popup-modal .modal {
  --modal-side-space: 100px;
  --modal-top-space: 55px;
  --modal-bottom-space: 55px;
  --modal-max-width: 800px;
  --modal-content-bg-color: #005EAE;
  --modal-backdrop-color: #fff;
}
@media screen and (max-width: 679px) {
  .entrance-popup-modal .modal {
    --modal-side-space: 20px;
    --modal-top-space: 40px;
    --modal-bottom-space: 30px;
  }
}

.entrance-popup {
  color: #fff;
}

.entrance-popup-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.entrance-popup-heading__logo {
  display: block;
  width: 200px;
}
@media screen and (max-width: 679px) {
  .entrance-popup-heading__logo {
    width: 150px;
  }
}
.entrance-popup-heading__tagline {
  font-size: 17px;
}
@media screen and (max-width: 679px) {
  .entrance-popup-heading__tagline {
    font-size: 14px;
  }
}

.entrance-popup-content {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .entrance-popup-content {
    margin-top: 20px;
    margin-bottom: 15px;
  }
}

.entrance-popup-question {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .entrance-popup-question {
    font-size: 18px;
  }
}
.entrance-popup-question__em {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .entrance-popup-question__em {
    font-size: 20px;
  }
}

.entrance-popup-buttons {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .entrance-popup-buttons {
    gap: 10px;
  }
}
.entrance-popup-buttons__item {
  min-width: 0;
}
@media screen and (max-width: 359px) {
  .entrance-popup-buttons__item:first-child {
    flex: 1 1 62%;
  }
}
@media screen and (max-width: 359px) {
  .entrance-popup-buttons__item:last-child {
    flex: 1 1 34%;
  }
}

.entrance-popup-button .button {
  min-width: 0;
}
@media screen and (max-width: 679px) {
  .entrance-popup-button .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 359px) {
  .entrance-popup-button .button {
    width: 100%;
  }
}
@media screen and (min-width: 680px) {
  .entrance-popup-button.--yes .button {
    width: 300px;
  }
}
@media screen and (min-width: 360px) and (max-width: 679px) {
  .entrance-popup-button.--yes .button {
    width: 180px;
  }
}
.entrance-popup-button.--yes .button.--variant-white-border {
  --button-color-hover: #CCDFEF;
  border: none;
}
.entrance-popup-button.--no .button {
  --button-color: transparent;
  --button-color-hover: #1B6DB4;
  border: 1px solid #fff;
}
@media screen and (min-width: 680px) {
  .entrance-popup-button.--no .button {
    width: 150px;
  }
}
@media screen and (min-width: 360px) and (max-width: 679px) {
  .entrance-popup-button.--no .button {
    width: 100px;
  }
}

.file-type-footnote-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .file-type-footnote-list {
    gap: 10px;
  }
}
.file-type-footnote-list.--align-right {
  justify-content: flex-end;
}

.file-type-footnote-item {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}
.file-type-footnote-item__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}
.file-type-footnote-item__icon.--pdf {
  color: #D40000;
}
.file-type-footnote-item__icon.--pdf::before {
  content: "\e907";
}
.file-type-footnote-item__icon.--excel {
  color: #0F7C41;
}
.file-type-footnote-item__icon.--excel::before {
  content: "\e90d";
}
.file-type-footnote-item__icon.--word {
  color: #215DC3;
}
.file-type-footnote-item__icon.--word::before {
  content: "\e90c";
}
.file-type-footnote-item__icon.--external-link {
  color: #D17314;
}
.file-type-footnote-item__icon.--external-link::before {
  content: "\e90e";
}
.file-type-footnote-item__icon.--image {
  color: #4ABF28;
}
.file-type-footnote-item__icon.--image::before {
  content: "\e931";
}
@media screen and (max-width: 679px) {
  .file-type-footnote-item__name {
    font-size: 12px;
  }
}
.file-type-footnote-item__name::before {
  content: ":";
}

.filter-border-box {
  border: 2px solid #323232;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .filter-border-box {
    border-radius: 10px;
  }
}
.filter-border-box.--fit-content {
  width: fit-content;
}

.filter-box__body {
  display: block;
}

.filter-tab-bar {
  margin-bottom: 17px;
  margin-right: var(--filter-tab-bar-margin-right);
}
@media screen and (max-width: 679px) {
  .filter-tab-bar {
    margin-bottom: 13px;
  }
}

.filter-tab-bar-list {
  display: flex;
  gap: 10px;
  min-width: 100%;
}
@media screen and (max-width: 679px) {
  .filter-tab-bar-list {
    gap: 3px;
  }
}

.filter-tab-bar-item {
  --filter-tab-bar-item-border-radius: 10px;
  --filter-tab-bar-item-color: var(--accent-color, #005EAE);
  position: relative;
  flex: 1;
}
.filter-tab-bar-item.--active .filter-tab-bar-button {
  color: #ffffff;
  background-color: var(--filter-tab-bar-item-color);
}
.filter-tab-bar-item:not(.--active) .filter-tab-bar-button__bump {
  display: none;
}
.filter-tab-bar-item:not(.--active) .filter-tab-bar-button:hover {
  color: var(--filter-tab-bar-item-color);
  text-decoration: none;
}

.filter-tab-bar-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 40px;
  padding: 10px;
  border: none;
  border-radius: var(--filter-tab-bar-item-border-radius);
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  color: #323232;
  text-decoration: none;
  transition: none;
}
@media screen and (max-width: 679px) {
  .filter-tab-bar-button {
    padding: 5px;
  }
}
@media screen and (max-width: 679px) {
  .filter-tab-bar-button {
    padding: 5px;
    font-size: 11px;
  }
}
.filter-tab-bar-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border: 3px solid var(--filter-tab-bar-item-color);
  border-radius: var(--filter-tab-bar-item-border-radius);
  filter: opacity(0.3);
}
.filter-tab-bar-button__bump {
  --button-bump-border-y-width: 10;
  --button-bump-border-x-width: 15;
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  width: calc(100% - var(--filter-tab-bar-item-border-radius) * 2);
  height: 10px;
  overflow: hidden;
  transform: translateX(-50%);
}
.filter-tab-bar-button__bump::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-top: calc(var(--button-bump-border-y-width) * 1px) solid var(--accent-color);
  border-right: calc(var(--button-bump-border-x-width) * 1px) solid transparent;
  border-left: calc(var(--button-bump-border-x-width) * 1px) solid transparent;
  transform: translateX(-50%);
}
.filter-tab-bar-button__text {
  position: relative;
}

.floating-menu {
  position: fixed;
  z-index: 199;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media print {
  .floating-menu {
    display: none !important;
  }
}
@media screen and (max-width: 679px) {
  .floating-menu {
    display: none;
  }
}

.floating-menu-list {
  display: flex;
  flex-direction: column;
}

.floating-menu-item {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 80px;
  height: 80px;
  background-color: var(--accent-color);
  font-size: 13px;
}
.floating-menu-item::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
}
.floating-menu-item::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.floating-menu-item.--icon-book::before {
  content: "\e90a";
}
.floating-menu-item.--icon-printer::before {
  content: "\e90f";
}
.floating-menu-item.--icon-member::before {
  content: "\e92e";
}
.floating-menu-item.--icon-entrance::before {
  content: "\e92d";
}
.floating-menu-item:first-child, .floating-menu-item:first-child::after {
  border-top-left-radius: 20px;
}
.floating-menu-item:last-child, .floating-menu-item:last-child::after {
  border-bottom-left-radius: 20px;
}
.floating-menu-item, .floating-menu-item:hover {
  color: #fff;
  text-decoration: none;
}
.floating-menu-item:hover::after {
  opacity: 0.2;
}

.footer {
  background-color: #F1F1F1;
}
@media screen and (min-width: 680px) {
  .footer {
    min-width: 1120px;
  }
}
.footer.--imep .footer-contact-heading {
  margin-bottom: 15px;
}
.footer.--imep .footer-contact-text {
  margin-top: 10px;
}

.footer-section {
  --section-space-x: 30px;
  position: relative;
  clear: both;
}
@media screen and (max-width: 679px) {
  .footer-section {
    --section-space-x: 20px;
  }
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .footer-section {
    min-width: 1120px;
  }
}
@media screen and (min-width: 680px) {
  .footer-section.--growable .section__inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 1520px) {
  .footer-section.--growable .section__inner {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 680px) {
  .footer-section.--full .section__inner {
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 679px) {
  .footer-section.--full .section__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.footer-section.--bg-color {
  --section-bg-color: var(--accent-color);
  --section-bg-opacity: .1;
  margin-top: var(--section-space-x);
  margin-bottom: var(--section-space-x);
}
.footer-section.--bg-color::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--section-bg-color);
  opacity: var(--section-bg-opacity);
}
.footer-section.--bg-color .section__inner {
  padding-top: calc(var(--section-space-x) * 2);
  padding-bottom: calc(var(--section-space-x) * 2);
}
@media screen and (max-width: 679px) {
  .footer-section.--bg-color .section__inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.footer-section__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--section-space-x);
  padding-bottom: var(--section-space-x);
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (min-width: 680px) {
  .footer-section__inner {
    padding-right: 0;
    padding-left: 0;
    width: 1040px;
  }
}
@media screen and (max-width: 679px) {
  .footer-section__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 679px) {
  .footer-section__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.footer-section.--upper .footer-section__inner {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 679px) {
  .footer-section.--upper .footer-section__inner {
    padding: 10px 15px 20px;
  }
}
.footer-section.--white {
  background-color: #ffffff;
}
.footer-section.--white .footer-section__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 679px) {
  .footer-section.--white .footer-section__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.footer-section.--blue {
  background-color: #004386;
}
.footer-section.--blue .footer-section__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-contact {
  padding: 30px;
  border-radius: 20px;
  background-color: #ffffff;
}
@media screen and (min-width: 680px) {
  .footer-contact {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media screen and (max-width: 679px) {
  .footer-contact {
    padding: 15px 20px;
    border-radius: 10px;
  }
}

.footer-contact-heading {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .footer-contact-heading {
    margin-bottom: 15px;
    font-size: 20px;
  }
}

.footer-contact-columns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .footer-contact-columns {
    flex-direction: column;
    align-items: stretch;
  }
}

.footer-contact-column .button {
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 679px) {
  .footer-contact-column .button {
    font-size: 14px;
  }
}

.footer-contact-list {
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .footer-contact-list {
    display: block;
  }
}

.footer-contact-item {
  --footer-contact-item-color: #323232;
}
@media screen and (max-width: 679px) {
  .footer-contact-item {
    padding: 5px 0 8px;
    border-bottom: 1px solid #F1F1F1;
  }
}
.footer-contact-item__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .footer-contact-item__inner {
    align-items: stretch;
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.footer-contact-item__name {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: var(--footer-contact-item-color);
}
@media screen and (max-width: 679px) {
  .footer-contact-item__name {
    font-size: 13px;
  }
}
@media screen and (max-width: 679px) {
  .footer-contact-item:first-child {
    border-top: 1px solid #F1F1F1;
  }
}
@media screen and (min-width: 680px) {
  .footer-contact-item:only-child .footer-contact-item__inner {
    flex-direction: row;
    gap: 25px;
  }
}
@media screen and (min-width: 680px) {
  .footer-contact-item:only-child .footer-contact-item__name {
    font-size: 20px;
  }
}
@media screen and (min-width: 680px) {
  .footer-contact-item:only-child.--wider .footer-contact-item__inner {
    gap: 30px;
  }
}
.footer-contact-item.--color-blue {
  --footer-contact-item-color: rgb(13, 165, 213);
}
.footer-contact-item.--color-green {
  --footer-contact-item-color: rgb(74, 191, 40);
}
.footer-contact-item.--color-purple {
  --footer-contact-item-color: rgb(142, 113, 200);
}
.footer-contact-item.--color-teal {
  --footer-contact-item-color: rgb(10, 156, 167);
}

.footer-contact-separator {
  width: 1px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .footer-contact-separator {
    display: none;
  }
}

.footer-contact-text {
  margin-top: 20px;
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .footer-contact-text {
    margin-top: 10px;
  }
}

.footer-nav {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .footer-nav {
    margin-top: 5px;
  }
}

@media screen and (min-width: 680px) {
  .footer-nav-columns {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 680px) {
  .footer-nav-group:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 680px) {
  .footer-nav-group__heading:not(:last-child) {
    margin-bottom: 10px;
  }
}
.footer-nav-group__heading-link {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #004386;
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .footer-nav-group__heading-link {
    display: block;
    padding: 10px 0;
  }
}
.footer-nav-group__heading-link:focus, .footer-nav-group__heading-link:hover {
  color: #004386;
}
@media screen and (min-width: 680px) {
  .footer-nav-group__heading-link:focus, .footer-nav-group__heading-link:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 679px) {
  .footer-nav-group__heading-link:focus, .footer-nav-group__heading-link:hover {
    text-decoration: none;
  }
}
.footer-nav-group__heading-icon {
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  display: block;
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 680px) {
  .footer-nav-group__heading-icon {
    display: none;
  }
}
.footer-nav-group__heading-icon::before, .footer-nav-group__heading-icon::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #005EAE;
}
.footer-nav-group__heading-icon::before {
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  transition: opacity 0.3s ease;
}
.footer-nav-group__heading-icon::after {
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 100%;
}
@media screen and (max-width: 679px) {
  .footer-nav-group__children {
    height: 0;
    overflow: hidden;
  }
}
.footer-nav-group.--open .footer-nav-group__heading-icon {
  transform: rotate(90deg);
}
.footer-nav-group.--open .footer-nav-group__heading-icon::before {
  opacity: 0;
}
@media screen and (max-width: 679px) {
  .footer-nav-group.--open .footer-nav-group__children {
    height: auto;
  }
}
@media screen and (max-width: 679px) {
  .footer-nav-group.--open .footer-nav-list {
    transform: translateY(0);
  }
}

@media screen and (max-width: 679px) {
  .footer-nav-list {
    transform: translateY(-50px);
    transition: transform 0.3s ease;
  }
}
.footer-nav-list:not(:first-child) {
  margin-top: 30px;
}

.footer-sub-nav-list {
  padding-left: 15px;
}
.footer-sub-nav-list .footer-nav-link {
  line-height: 1.2;
}

.footer-nav-link {
  display: inline-block;
  font-size: 13px;
  line-height: 1.4;
  color: #323232;
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .footer-nav-link {
    display: block;
    padding: 10px 30px;
    font-size: 15px;
  }
}
.footer-nav-link:hover {
  opacity: 0.7;
}
@media screen and (min-width: 680px) {
  .footer-nav-link:hover {
    text-decoration: underline;
  }
}

.footer-logo__img {
  width: 154px;
}
@media screen and (max-width: 679px) {
  .footer-logo__img {
    width: 110px;
  }
}

.footer-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}

.footer-link-item__link {
  font-size: 14px;
  font-weight: 500;
  color: #323232;
  text-decoration: none;
}
.footer-link-item__link::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e903";
  display: inline-block;
  margin-left: 4px;
  color: #005EAE;
}
.footer-link-item__link:focus, .footer-link-item__link:hover {
  color: #323232;
  text-decoration: underline;
  opacity: 0.7;
}

.footer-copyright {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.contact-phone {
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
}

.contact-phone-text {
  margin-right: 0.14em;
  font-size: 28px;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .contact-phone-text {
    font-size: 22px;
  }
}

.contact-phone-icon {
  display: block;
}
@media screen and (max-width: 679px) {
  .contact-phone-icon {
    margin-right: 3px;
  }
}
.contact-phone-icon__img {
  display: block;
}
.contact-phone-number {
  display: flex;
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 679px) {
  .contact-phone-number {
    font-size: 28px;
  }
}
.contact-phone-number__digits.--color {
  color: var(--footer-contact-item-color);
}
.footer-hl-buttons.buttons {
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .footer-hl-buttons.buttons {
    gap: 10px;
  }
}

.gallery-slider {
  --gallery-slider-thumbnail-column-gap: 5px;
  --gallery-slider-thumbnail-row-gap: 6px;
  width: 500px;
}
@media screen and (max-width: 679px) {
  .gallery-slider {
    --gallery-slider-thumbnail-column-gap: 4px;
    --gallery-slider-thumbnail-row-gap: 5px;
    width: 100%;
  }
}

.gallery-slider-main .swiper-slide,
.gallery-slider-thumbnail .swiper-slide,
.gallery-slider-full .swiper-slide {
  cursor: pointer;
}
.gallery-slider-main .swiper-slide::after,
.gallery-slider-thumbnail .swiper-slide::after,
.gallery-slider-full .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #DCDCDC;
  pointer-events: none;
}

.gallery-slider-main {
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .gallery-slider-main {
    margin-bottom: 10px;
  }
}
.gallery-slider-main:hover .gallery-slider-main__zoom {
  background-color: #337EBE;
}
.gallery-slider-main__zoom {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #005EAE;
  pointer-events: none;
  transition: 0.3s ease;
  transition-property: background-color;
}
@media screen and (max-width: 679px) {
  .gallery-slider-main__zoom {
    display: none;
  }
}
.gallery-slider-main__zoom::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e930";
  font-size: 25px;
  color: #ffffff;
}
@media screen and (max-width: 679px) {
  .gallery-slider-main__zoom::after {
    font-size: 15px;
  }
}

.gallery-slider-thumbnail .swiper-wrapper {
  flex-wrap: wrap;
  gap: var(--gallery-slider-thumbnail-row-gap) var(--gallery-slider-thumbnail-column-gap);
}
.gallery-slider-thumbnail .swiper-slide {
  flex: 0 1 calc((100% - var(--gallery-slider-thumbnail-column-gap) * 5) / 6);
}
.gallery-slider-thumbnail .swiper-slide-thumb-active::after {
  border: 4px solid #005EAE;
}

.gallery-slider-slide-img-container {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 66.67%;
}

.gallery-slider-slide-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-slider-full-slider-container {
  --swiper-navigation-size: 22px;
  --swiper-navigation-color: #323232;
  --swiper-navigation-sides-offset: 0;
  position: relative;
  padding: 0 30px;
}
.gallery-slider-full-slider-container .swiper-button-prev::after,
.gallery-slider-full-slider-container .swiper-button-next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.gallery-slider-full-slider-container .swiper-button-prev:hover,
.gallery-slider-full-slider-container .swiper-button-next:hover {
  opacity: 0.7;
}
.gallery-slider-full-slider-container .swiper-button-prev::after {
  content: "\e901";
}
.gallery-slider-full-slider-container .swiper-button-next::after {
  content: "\e900";
}

.header {
  position: relative;
}
@media screen and (min-width: 680px) {
  .header {
    min-width: 1120px;
  }
}
.header__inner {
  position: relative;
  padding: 30px 40px 30px;
}
@media screen and (max-width: 679px) {
  .header__inner {
    padding: 10px 15px 15px;
  }
}
.header__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 340px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  background-color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .header__bg {
    height: 67vw;
  }
}
.header__bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.9;
}
.header__bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 679px) {
  .header__bg::after {
    height: 35vw;
  }
}
@media screen and (max-width: 679px) {
  .header__bg.--pc {
    display: none;
  }
}
.header__bg.--sp {
  display: none;
}
@media screen and (max-width: 679px) {
  .header__bg.--sp {
    display: block;
  }
}
.header.--bg-img-pc .header__bg.--pc {
  height: 400px;
  background-color: transparent;
}
.header.--bg-img-pc .header__bg.--pc::before {
  opacity: 0;
}
.header.--bg-img-sp .header__bg.--sp {
  height: 107vw;
  background-color: transparent;
}
.header.--bg-img-sp .header__bg.--sp::before {
  opacity: 0;
}

.header-head {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .header-head {
    gap: 15px;
    height: 50px;
    padding-bottom: 10px;
  }
}

.header-logo {
  display: block;
}
.header-logo__img {
  display: block;
  width: 154px;
}
@media screen and (max-width: 679px) {
  .header-logo__img {
    width: 107px;
  }
}

.header-tagline {
  position: relative;
  top: -1px;
  font-size: 19px;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .header-tagline {
    top: 0;
    font-size: 10px;
    transform: scale(0.9);
    transform-origin: left;
  }
}

.header-body {
  padding-top: 50px;
}
@media screen and (min-width: 680px) {
  .header-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .header-body {
    padding-top: 40px;
  }
}
.header-body__content {
  display: block;
  align-self: stretch;
}

.header-title__parent {
  margin-bottom: 5px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .header-title__parent {
    margin-bottom: 0;
    font-size: 14px;
  }
}
.header-title__this {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .header-title__this {
    font-size: 22px;
  }
}
@media screen and (min-width: 680px) {
  .header-title__this.--lg {
    font-size: 36px;
  }
}
.header-title.--overlap {
  position: relative;
}
@media screen and (min-width: 680px) {
  .header-title.--overlap {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 679px) {
  .header-title.--overlap {
    margin-bottom: 35px;
  }
}

.heading-2 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  min-height: 60px;
  margin-bottom: 30px;
}
@media screen and (max-width: 679px) {
  .heading-2 {
    min-height: 50px;
    padding: 10px;
    margin-bottom: 20px;
  }
}
.heading-2.--center {
  justify-content: center;
  text-align: center;
}
.heading-2::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--accent-color);
  opacity: 0.25;
}
.heading-2__text {
  position: relative;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 679px) {
  .heading-2__text {
    font-size: 20px;
  }
}
.heading-2__text .--sm {
  font-size: 18px;
}
@media screen and (max-width: 679px) {
  .heading-2__text .--sm {
    font-size: 12px;
  }
}

.heading-3 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 60px;
  padding: 10px 20px 5px;
  margin-bottom: 30px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .heading-3 {
    gap: 10px;
    min-height: 50px;
    padding: 15px 10px 10px;
    margin-bottom: 20px;
  }
}
.heading-3::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background-color: var(--accent-color);
}
.heading-3__icon {
  align-self: flex-start;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-3__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 45px;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .heading-3__icon::before {
    font-size: 35px;
  }
}
.heading-3__text {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heading-3__text {
    font-size: 18px;
  }
}

.heading-4 {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .heading-4 {
    padding-left: 12px;
    margin-bottom: 10px;
  }
}
.heading-4::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 1px;
  left: 0;
  width: 8px;
  border-radius: 100px;
  background-color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .heading-4::before {
    width: 5px;
  }
}
.heading-4__text {
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heading-4__text {
    font-size: 18px;
  }
}

.heading-5 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.heading-5__text {
  font-size: 18px;
  font-weight: bold;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .heading-5__text {
    font-size: 16px;
  }
}

.heading-6 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.heading-6__text {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heading-6__text {
    font-size: 14px;
  }
}

.heading-7 {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 60px;
  padding: 10px 20px;
  margin-bottom: 30px;
  background-color: #F1F1F1;
}
@media screen and (max-width: 679px) {
  .heading-7 {
    min-height: 50px;
    padding: 15px 10px 10px;
  }
}
.heading-7::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  background-color: var(--accent-color);
}
.heading-7__text {
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .heading-7__text {
    font-size: 18px;
  }
}

.horizontal-line {
  margin: 30px 0;
  border-top: 1px solid #DCDCDC;
}

@keyframes scroll-hint-pan {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-blink {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.horizontal-scroller {
  position: relative;
}
.horizontal-scroller.--hinted .horizontal-scroller__hint {
  opacity: 1;
}
.horizontal-scroller.--scrolled .horizontal-scroller__hint {
  opacity: 0;
}
.horizontal-scroller.--played .scroll-hint-icon {
  animation-play-state: running;
}
.horizontal-scroller__scroller {
  overflow-x: auto;
}
.horizontal-scroller__content {
  display: block;
}
.horizontal-scroller__hint {
  position: absolute;
  z-index: 1;
  top: min(50%, 187.5px);
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
@media print {
  .horizontal-scroller__hint {
    display: none !important;
  }
}

.horizontal-scroller-sticky__inner {
  display: block;
}

.scroll-hint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 75px;
  padding: 10px 0 6px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  overflow: hidden;
}
.scroll-hint.--touch {
  --scroll-hint-animation: scroll-hint-pan 1.2s 2 linear;
  width: 75px;
  padding-top: 8px;
}
.scroll-hint.--touch .scroll-hint-element.--pc {
  display: none;
}
.scroll-hint:not(.--touch) {
  --scroll-hint-animation: scroll-hint-blink .75s ease-in-out 6 alternate;
}
.scroll-hint:not(.--touch) .scroll-hint-element.--sp {
  display: none;
}

.scroll-hint-icon {
  display: flex;
  justify-content: center;
  animation: var(--scroll-hint-animation);
  animation-play-state: paused;
}
.scroll-hint-icon .scroll-hint-element {
  --scroll-hint-icon-size: 25px;
}
.scroll-hint-icon .scroll-hint-element::before, .scroll-hint-icon .scroll-hint-element::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--scroll-hint-icon-size);
}
.scroll-hint-icon .scroll-hint-element.--pc {
  --scroll-hint-icon-size: 25px;
}
@media screen and (min-width: 680px) {
  .scroll-hint-icon .scroll-hint-element.--pc {
    display: flex;
    gap: 5px;
  }
}
.scroll-hint-icon .scroll-hint-element.--pc::before {
  content: "\e927";
}
.scroll-hint-icon .scroll-hint-element.--pc::after {
  content: "\e928";
}
.scroll-hint-icon .scroll-hint-element.--sp {
  --scroll-hint-icon-size: 35px;
}
.scroll-hint-icon .scroll-hint-element.--sp::before {
  content: "\e909";
}

.scroll-hint-text {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 680px) {
  .scroll-hint-text {
    transform: scale(0.9);
  }
}

.fieldset {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 679px) {
  .fieldset {
    flex-direction: column;
    gap: 5px;
  }
}
.fieldset__legend {
  flex-shrink: 0;
  font-weight: bold;
}
.input-table {
  --input-table-cell-gap-x: 10px;
  --input-table-cell-gap-y: 2.5px;
  width: auto;
}
@media screen and (max-width: 679px) {
  .input-table {
    --input-table-cell-gap-y: 5px;
  }
}

.input-table-row:not(:first-child) .input-table-cell {
  padding-top: var(--input-table-cell-gap-y);
}
.input-table-row:not(:last-child) .input-table-cell {
  padding-bottom: var(--input-table-cell-gap-y);
}

.input-table-cell {
  --input-table-cell-offset-x: 0px;
}
.input-table-cell:not(:only-child):first-child {
  padding-right: 10px;
}
.input-table-cell:not(:only-child):first-child.--colon {
  padding-right: calc(10px + var(--input-table-cell-offset-x));
}
.input-table-cell:not(:only-child):not(:first-child) {
  padding-left: 10px;
}
.input-table-cell.--vertical-align-bottom {
  vertical-align: bottom;
}
.input-table-cell.--colon {
  --input-table-cell-offset-x: 15px;
  position: relative;
}
@media screen and (max-width: 679px) {
  .input-table-cell.--colon {
    --input-table-cell-offset-x: 5px;
  }
}
.input-table-cell.--colon::after {
  content: ":";
  position: absolute;
  top: var(--input-table-cell-gap-y);
  right: 10px;
}
@media screen and (max-width: 679px) {
  .input-table-cell.--colon::after {
    right: 0;
  }
}

.input-list {
  --input-list-item-gap-x: 20px;
  --input-list-item-gap-y: 5px;
  display: flex;
  gap: var(--input-list-item-gap-y) var(--input-list-item-gap-x);
}
@media screen and (max-width: 679px) {
  .input-list {
    --input-list-item-gap-x: 0;
    --input-list-item-gap-y: 10px;
  }
}
.input-list:not(.--vertical) {
  flex-wrap: wrap;
}
@media screen and (max-width: 679px) {
  .input-list:not(.--vertical):not(.--sp-vertical):not(.--inline) {
    flex-wrap: wrap;
    margin-right: calc(var(--input-list-item-gap-y) * -1);
  }
}
@media screen and (max-width: 679px) {
  .input-list:not(.--vertical):not(.--sp-vertical):not(.--inline) > .input-list__item {
    flex: 1 1 50%;
    min-width: fit-content;
    padding-right: var(--input-list-item-gap-y);
  }
}
.input-list.--vertical {
  flex-direction: column;
}
.input-list.--vertical.--align-center {
  align-items: center;
}
.input-list.--align-center {
  justify-content: center;
}
@media screen and (min-width: 680px) {
  .input-list.--pc-align-center {
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .input-list.--sp-vertical {
    flex-direction: column;
  }
}
.input-list.--compact {
  --input-list-item-gap-x: 10px;
}
@media screen and (max-width: 679px) {
  .input-list.--sp-compact {
    --input-list-item-gap-y: 5px;
  }
}

.control-group.--horizontal {
  display: flex;
}
.control-group.--horizontal .control-group-heading {
  padding: 0.5em 0;
  margin: 0 10px 0 0;
}

.control-group-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (min-width: 680px) {
  .control-group-list.--horizontal {
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
  }
}

.control-group-heading {
  margin-bottom: 6px;
}
@media screen and (max-width: 679px) {
  .control-group-heading {
    margin-bottom: 8px;
  }
}

.control-group-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.control-group-content input {
  opacity: 1;
  -webkit-text-fill-color: #323232;
}
.control-group-content input[disabled] {
  background-color: #F1F1F1;
}
.control-group-content__text {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .control-group-content__text {
    font-size: 12px;
  }
}
@media screen and (max-width: 679px) {
  .control-group-content:not(.--sp-horizontal) {
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
  }
}
@media screen and (max-width: 679px) {
  .control-group-content.--sp-horizontal {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.control-group-error {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 2px;
}
.control-group-error::before {
  content: "";
  margin-left: 15px;
  border-bottom: 7px solid #D40000;
  border-right: 4.5px solid transparent;
  border-left: 4.5px solid transparent;
}
.control-group-error__content {
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
  background-color: #D40000;
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 679px) {
  .control-group-error__content {
    font-size: 12px;
  }
}
.control-group-error.--hidden {
  display: none;
}

.text-input {
  display: block;
  height: 40px;
  border: 2px solid #000;
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .text-input {
    border-radius: 10px;
  }
}
.text-input__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 15px;
  border: none;
  outline: none;
  appearance: none;
  background: none;
}
@media screen and (max-width: 679px) {
  .text-input__input {
    padding: 5px 10px;
    font-size: 16px;
  }
}
.text-input__input[type=text] + .text-input__password-toggle::before {
  content: "\e933";
}
.text-input__password-toggle {
  cursor: pointer;
}
.text-input__password-toggle::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e932";
  display: block;
}
.text-input.--password-toggle {
  position: relative;
}
.text-input.--password-toggle .text-input__input {
  padding-right: 52px;
}
@media screen and (max-width: 679px) {
  .text-input.--password-toggle .text-input__input {
    padding-right: 42px;
  }
}
.text-input.--password-toggle .text-input__password-toggle {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 22px;
  color: #999999;
}
@media screen and (max-width: 679px) {
  .text-input.--password-toggle .text-input__password-toggle {
    right: 10px;
  }
}
.text-input.--password-toggle .text-input__password-toggle:hover {
  color: #005EAE;
}
.text-input.--size-lg {
  height: 60px;
}
@media screen and (max-width: 679px) {
  .text-input.--size-lg {
    height: 56px;
  }
}
.text-input.--size-lg .text-input__input {
  padding: 10px 20px;
}
@media screen and (max-width: 679px) {
  .text-input.--size-lg .text-input__input {
    padding: 10px;
  }
}
.text-input.--width-sm {
  width: 150px;
}
.text-input.--width-md {
  width: 250px;
}
@media screen and (max-width: 679px) {
  .text-input.--width-md, .text-input.--sp-width-md {
    width: 200px;
  }
}
.text-input.--width-normal {
  width: 400px;
}
@media screen and (max-width: 679px) {
  .text-input.--sp-width-full {
    width: 100%;
  }
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 0.25em;
  width: fit-content;
  cursor: pointer;
  font-feature-settings: "palt";
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked + .checkbox__icon::after {
  opacity: 1;
}
.checkbox__icon {
  position: relative;
  top: 0.75em;
  display: block;
  align-self: flex-start;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #323232;
  background-color: #fff;
  transform: translateY(-50%);
}
.checkbox__icon::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e910";
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  color: #005EAE;
  font-size: 11px;
  opacity: 0;
}
.checkbox__text {
  display: block;
}
.checkbox.--no-label {
  gap: 0;
}
.checkbox.--no-label .checkbox__icon {
  top: 0;
  transform: none;
}
.checkbox.--hover:not(.--disabled):hover {
  color: #005EAE;
}
.checkbox.--disabled {
  opacity: 0.4;
}

.select {
  --select-padding-top: 0;
  --select-padding-right: 30px;
  --select-padding-bottom: 0;
  --select-padding-left: 15px;
  position: relative;
  display: block;
  height: 40px;
  border: 2px solid #000;
  border-radius: 30px;
  background-color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .select {
    border-radius: 10px;
  }
}
.select__placeholder {
  position: absolute;
  top: 50%;
  left: var(--select-padding-left);
  width: calc(100% - var(--select-padding-left) - var(--select-padding-right));
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  color: #999999;
}
.select__input {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: var(--select-padding-top) var(--select-padding-right) var(--select-padding-bottom) var(--select-padding-left);
  border: none;
  outline: none;
  appearance: none;
  background: none;
}
.select::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  font-size: 11px;
  color: #707070;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  pointer-events: none;
}
.select.--selected .select__placeholder {
  display: none;
}
.select.--size-lg {
  --select-padding-top: 10px;
  --select-padding-right: 40px;
  --select-padding-bottom: 10px;
  --select-padding-left: 20px;
  height: 60px;
}
@media screen and (max-width: 679px) {
  .select.--size-lg {
    height: 56px;
  }
}
.select.--size-lg::after {
  right: 20px;
}
.select.--size-sm {
  height: 30px;
}
@media screen and (max-width: 679px) {
  .select.--size-sm, .select.--sp-size-sm {
    height: 30px;
    border-radius: 30px;
  }
}
.select.--width-md {
  --select-padding-right: 45px;
  width: 250px;
}
@media screen and (max-width: 679px) {
  .select.--width-md {
    --select-padding-right: 40px;
    width: 200px;
  }
}
.select.--width-md::after {
  right: 18px;
}
@media screen and (max-width: 679px) {
  .select.--width-md::after {
    right: 15px;
  }
}
.select.--width-sm {
  width: 150px;
}
@media screen and (max-width: 679px) {
  .select.--width-md, .select.--sp-width-md {
    width: 200px;
  }
}
.select.--disabled {
  background-color: #F1F1F1;
}

c-link {
  display: inline-flex;
}

.link {
  --link-text-color: #323232;
  --link-text-hover-color: #005EAE;
  --link-icon-color: #005EAE;
  --link-icon-hover-color: #005EAE;
  --link-icon-gap: 0.2em;
  display: inline-flex;
  color: var(--link-text-color);
  text-decoration: none;
}
.link__icon {
  position: relative;
  top: 0.8em;
  align-self: flex-start;
}
.link__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: var(--link-icon-gap);
  color: var(--link-icon-color);
  font-size: 0.7em;
  transform: translateY(-50%);
  vertical-align: top;
}
.link__icon.icon-pdf, .link__icon.icon-excel, .link__icon.icon-word, .link__icon.icon-attachment, .link__icon.icon-image {
  top: 0.75em;
}
.link__icon.icon-pdf::before, .link__icon.icon-excel::before, .link__icon.icon-word::before, .link__icon.icon-attachment::before, .link__icon.icon-image::before {
  font-size: 22px;
}
.link__icon.icon-pdf::before {
  --link-icon-color: #D40000;
  --link-icon-hover-color: #D40000;
}
.link__icon.icon-excel::before {
  --link-icon-color: #0F7C41;
  --link-icon-hover-color: #0F7C41;
}
.link__icon.icon-word::before {
  --link-icon-color: #215DC3;
  --link-icon-hover-color: #215DC3;
}
.link__icon.icon-attachment::before {
  --link-icon-color: #D17314;
  --link-icon-hover-color: #D17314;
}
.link__icon.icon-image::before {
  --link-icon-color: #4ABF28;
  --link-icon-hover-color: #4ABF28;
}
.link__icon.icon-video::before, .link__icon.icon-video-filled::before {
  font-size: 20px;
}
.link__text {
  display: block;
  align-self: center;
}
.link:hover {
  color: var(--link-text-hover-color);
  text-decoration: underline;
}
.link:hover .link__icon::before {
  color: var(--link-icon-hover-color);
}
.link.--simple {
  --link-text-color: #005EAE;
  text-decoration: underline;
}
.link.--simple:hover {
  text-decoration: none;
}
.link.--weight-medium {
  font-weight: 500;
}
.link.--weight-bold {
  font-weight: bold;
}
.link.--color-white {
  --link-text-color: #ffffff;
  --link-text-hover-color: #ffffff;
  --link-icon-color: #ffffff;
  --link-icon-hover-color: #ffffff;
}
.link.--icon-color-white {
  --link-icon-color: #ffffff;
  --link-icon-hover-color: #ffffff;
}
.link.--color-main {
  --link-text-color: #005EAE;
  --link-text-hover-color: #005EAE;
  --link-icon-color: #005EAE;
  --link-icon-hover-color: #005EAE;
}
.link.--icon-color-main {
  --link-icon-color: #005EAE;
  --link-icon-hover-color: #005EAE;
}
.link.--color-blue {
  --link-text-color: rgb(13, 165, 213);
  --link-text-hover-color: rgb(13, 165, 213);
  --link-icon-color: rgb(13, 165, 213);
  --link-icon-hover-color: rgb(13, 165, 213);
}
.link.--icon-color-blue {
  --link-icon-color: rgb(13, 165, 213);
  --link-icon-hover-color: rgb(13, 165, 213);
}
.link.--color-green {
  --link-text-color: rgb(74, 191, 40);
  --link-text-hover-color: rgb(74, 191, 40);
  --link-icon-color: rgb(74, 191, 40);
  --link-icon-hover-color: rgb(74, 191, 40);
}
.link.--icon-color-green {
  --link-icon-color: rgb(74, 191, 40);
  --link-icon-hover-color: rgb(74, 191, 40);
}
.link.--color-purple {
  --link-text-color: rgb(142, 113, 200);
  --link-text-hover-color: rgb(142, 113, 200);
  --link-icon-color: rgb(142, 113, 200);
  --link-icon-hover-color: rgb(142, 113, 200);
}
.link.--icon-color-purple {
  --link-icon-color: rgb(142, 113, 200);
  --link-icon-hover-color: rgb(142, 113, 200);
}
.link.--color-orange {
  --link-text-color: rgb(254, 181, 36);
  --link-text-hover-color: rgb(254, 181, 36);
  --link-icon-color: rgb(254, 181, 36);
  --link-icon-hover-color: rgb(254, 181, 36);
}
.link.--icon-color-orange {
  --link-icon-color: rgb(254, 181, 36);
  --link-icon-hover-color: rgb(254, 181, 36);
}
.link.--color-pink {
  --link-text-color: rgb(252, 128, 178);
  --link-text-hover-color: rgb(252, 128, 178);
  --link-icon-color: rgb(252, 128, 178);
  --link-icon-hover-color: rgb(252, 128, 178);
}
.link.--icon-color-pink {
  --link-icon-color: rgb(252, 128, 178);
  --link-icon-hover-color: rgb(252, 128, 178);
}
.link.--color-pink-dark {
  --link-text-color: #DB6693;
  --link-text-hover-color: #DB6693;
  --link-icon-color: #DB6693;
  --link-icon-hover-color: #DB6693;
}
.link.--icon-color-pink-dark {
  --link-icon-color: #DB6693;
  --link-icon-hover-color: #DB6693;
}
.link.--color-teal {
  --link-text-color: rgb(10, 156, 167);
  --link-text-hover-color: rgb(10, 156, 167);
  --link-icon-color: rgb(10, 156, 167);
  --link-icon-hover-color: rgb(10, 156, 167);
}
.link.--icon-color-teal {
  --link-icon-color: rgb(10, 156, 167);
  --link-icon-hover-color: rgb(10, 156, 167);
}
.link.--color-red {
  --link-text-color: rgb(236, 85, 85);
  --link-text-hover-color: rgb(236, 85, 85);
  --link-icon-color: rgb(236, 85, 85);
  --link-icon-hover-color: rgb(236, 85, 85);
}
.link.--icon-color-red {
  --link-icon-color: rgb(236, 85, 85);
  --link-icon-hover-color: rgb(236, 85, 85);
}
.link.--color-red-dark {
  --link-text-color: #D40000;
  --link-text-hover-color: #D40000;
  --link-icon-color: #D40000;
  --link-icon-hover-color: #D40000;
}
.link.--icon-color-red-dark {
  --link-icon-color: #D40000;
  --link-icon-hover-color: #D40000;
}
.link.--color-hl-blue {
  --link-text-color: #027FFF;
  --link-text-hover-color: #027FFF;
  --link-icon-color: #027FFF;
  --link-icon-hover-color: #027FFF;
}
.link.--icon-color-hl-blue {
  --link-icon-color: #027FFF;
  --link-icon-hover-color: #027FFF;
}
.link.--color-hl-green {
  --link-text-color: #5CB44C;
  --link-text-hover-color: #5CB44C;
  --link-icon-color: #5CB44C;
  --link-icon-hover-color: #5CB44C;
}
.link.--icon-color-hl-green {
  --link-icon-color: #5CB44C;
  --link-icon-hover-color: #5CB44C;
}
.link.--color-hl-orange {
  --link-text-color: #F8B857;
  --link-text-hover-color: #F8B857;
  --link-icon-color: #F8B857;
  --link-icon-hover-color: #F8B857;
}
.link.--icon-color-hl-orange {
  --link-icon-color: #F8B857;
  --link-icon-hover-color: #F8B857;
}
.link.--color-hl-pink {
  --link-text-color: #F19C9F;
  --link-text-hover-color: #F19C9F;
  --link-icon-color: #F19C9F;
  --link-icon-hover-color: #F19C9F;
}
.link.--icon-color-hl-pink {
  --link-icon-color: #F19C9F;
  --link-icon-hover-color: #F19C9F;
}
.link.--color-hl-purple {
  --link-text-color: #BA79B1;
  --link-text-hover-color: #BA79B1;
  --link-icon-color: #BA79B1;
  --link-icon-hover-color: #BA79B1;
}
.link.--icon-color-hl-purple {
  --link-icon-color: #BA79B1;
  --link-icon-hover-color: #BA79B1;
}
.link.--color-hl-teal {
  --link-text-color: #5EC2C9;
  --link-text-hover-color: #5EC2C9;
  --link-icon-color: #5EC2C9;
  --link-icon-hover-color: #5EC2C9;
}
.link.--icon-color-hl-teal {
  --link-icon-color: #5EC2C9;
  --link-icon-hover-color: #5EC2C9;
}
.link.--icon-only .link__icon {
  top: 0;
}
.link.--icon-only .link__icon::before {
  margin-right: 0;
  transform: none;
  vertical-align: middle;
}
.link.--no-icon .link__icon {
  display: none;
}
.link.--icon-pdf .link__icon::before {
  content: "\e907";
  color: #D40000;
  font-size: 22px;
}
.link.--align-icon-center .link__icon {
  align-self: center;
}
.link.--hover-no-underline:hover {
  text-decoration: none;
}
.link.--icon-hover:hover .link__icon {
  opacity: 0.7;
}
.link.--phantom-coverage::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.link-filter {
  position: relative;
}

.link-filter-content {
  padding-top: 10px;
  padding-left: 30px;
}
@media screen and (max-width: 679px) {
  .link-filter-content {
    padding-left: 10px;
  }
}

.link-filter-scroller {
  overflow: auto;
  max-height: 200px;
}

.link-filter-list {
  padding-right: 30px;
  padding-bottom: 10px;
}
@media screen and (max-width: 679px) {
  .link-filter-list {
    padding-right: 10px;
  }
}

@media screen and (max-width: 679px) {
  .link-filter-list-item {
    font-size: 14px;
  }
}
.link-filter-list-item:not(:last-child) {
  margin-bottom: 3px;
}

.link-filter-cta-pc {
  position: absolute;
  right: 35px;
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #005EAE;
  font-size: 12px;
}
@media screen and (max-width: 679px) {
  .link-filter-cta-pc {
    display: none;
  }
}
.link-filter-cta-pc:hover {
  opacity: 0.7;
}

.link-filter-cta-sp {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background-color: #fff;
  font-size: 14px;
}
@media screen and (min-width: 680px) {
  .link-filter-cta-sp {
    display: none;
  }
}
.link-filter-cta-sp::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  display: block;
  height: 5px;
  background: linear-gradient(0deg, rgb(128, 128, 128) 0%, rgba(128, 128, 128, 0) 100%);
  opacity: 0.5;
}

.member-header .header__bg {
  background-color: #D7F3FC;
}
.member-header .header__bg::before {
  background-color: transparent;
}
@media screen and (min-width: 680px) {
  .member-header .header-title__this.--lg {
    font-size: 32px;
  }
}

.member-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 25px;
  border: 4px solid #DCDCDC;
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .member-box {
    padding: 15px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 680px) {
  .member-box .form-validation-warning {
    width: 100%;
  }
}
.member-box.--thick {
  border: 5px solid #DCDCDC;
}

.seminar-member-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0 auto;
  padding: 25px;
  border: 5px solid #DCDCDC;
  border-radius: 20px;
  background-color: #fff;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .seminar-member-box {
    padding: 15px;
    border-radius: 10px;
  }
}
.seminar-member-box-content {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .seminar-member-box-content {
    flex-direction: column;
    gap: 5px;
  }
}
.seminar-member-box-content .text {
  flex-shrink: 0;
  font-size: 16px;
  width: 96px;
}
@media screen and (max-width: 679px) {
  .seminar-member-box-content .text {
    font-size: 14px;
    width: 100%;
  }
}
.seminar-member-box-content .teal-text {
  font-size: 18px;
  font-weight: bold;
  color: #0A9CA7;
}
@media screen and (max-width: 679px) {
  .seminar-member-box-content .teal-text {
    font-size: 16px;
  }
}

.login-guidance-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 25px;
  border: 5px solid #DCDCDC;
  border-radius: 20px;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .login-guidance-box {
    padding: 15px;
    border-radius: 10px;
  }
}

.login-guidance-button-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 679px) {
  .login-guidance-button-list {
    gap: 10px;
  }
}

.login-guidance-button {
  gap: 15px;
}
@media screen and (max-width: 679px) {
  .login-guidance-button {
    flex-direction: column;
    gap: 20px;
  }
}

.member-box-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 679px) {
  .member-box-heading {
    font-size: 18px;
    margin-bottom: 5px;
  }
}

.member-box-complete-text {
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .member-box-complete-text {
    font-size: 16px;
    text-align: left;
  }
}

.member-box-complete-text-red {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  color: #D40000;
}
@media screen and (max-width: 679px) {
  .member-box-complete-text-red {
    font-size: 16px;
    text-align: left;
  }
}

.member-register-complete-text {
  font-size: 16px;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .member-register-complete-text {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 679px) {
  .member-form {
    width: 100%;
  }
}
.member-form:not(:last-child) {
  margin-bottom: 20px;
}

.member-form-table {
  width: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 679px) {
  .member-form-table,
  .member-form-table thead,
  .member-form-table tbody {
    display: block;
  }
}

@media screen and (max-width: 679px) {
  .member-form-table-row {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .member-form-table-row:not(:last-child) {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 680px) {
  .member-form-table-row:not(:last-child) .member-form-table-heading,
  .member-form-table-row:not(:last-child) .member-form-table-content {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 680px) {
  .member-form-table-row:not(:first-child) .member-form-table-heading,
  .member-form-table-row:not(:first-child) .member-form-table-content {
    padding-top: 10px;
  }
}

.member-form-table-heading {
  font-weight: normal;
  vertical-align: top;
}
@media screen and (min-width: 680px) {
  .member-form-table-heading {
    padding-right: 5px;
  }
}
@media screen and (max-width: 679px) {
  .member-form-table-heading {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.member-form-table-heading .table-legend-heading {
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .member-form-table-heading .table-legend-heading {
    justify-content: flex-start;
  }
}

@media screen and (min-width: 680px) {
  .member-form-table-content {
    padding-left: 5px;
  }
}
@media screen and (max-width: 679px) {
  .member-form-table-content {
    display: block;
  }
}

@media screen and (min-width: 680px) {
  .member-form-buttons {
    gap: 20px;
  }
}

.member-form-button .button {
  width: 240px;
  min-width: auto;
}
@media screen and (max-width: 679px) {
  .member-form-button .button {
    width: 180px;
  }
}

.form-validation-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
  color: #D40000;
  background-color: rgba(212, 0, 0, 0.1);
}
@media screen and (max-width: 679px) {
  .form-validation-warning {
    gap: 5px;
    margin: 0 -5px 10px;
  }
}
.form-validation-warning__icon {
  font-size: 23px;
  line-height: 1;
}
.form-validation-warning__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e925";
}
.form-validation-warning__content {
  font-weight: bold;
}
.form-validation-warning.--hidden {
  display: none;
}

@media screen and (min-width: 680px) {
  .member-reg-form-table .table-heading {
    width: 260px;
    white-space: nowrap;
  }
}
.member-reg-form-table .table-content {
  background-color: #fff;
}

.member-form-notes {
  font-size: 13px;
  margin-top: 0;
}
@media screen and (max-width: 679px) {
  .member-form-notes {
    font-size: 12px;
  }
}
.member-form-notes > li::before {
  margin-right: 0.3em;
}

@media screen and (max-width: 679px) {
  .member-form-radio-list.input-list {
    column-gap: 30px;
  }
}
@media screen and (max-width: 679px) {
  .member-form-radio-list.input-list.sp-flex-colum {
    flex-direction: column;
  }
}
@media screen and (min-width: 680px) {
  .member-form-cancel-btn .button {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.seminar-complete-back-button .button {
  padding-left: 70px;
  padding-right: 70px;
}
@media screen and (max-width: 679px) {
  .seminar-complete-back-button .button {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 679px) {
  .member-form-submit-btn .button {
    min-width: 210px;
  }
}
@media screen and (max-width: 335px) {
  .member-form-submit-btn .button {
    min-width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (min-width: 680px) {
  .member-control-group-overlap .control-group-error {
    margin-right: var(--control-group-error-offset);
  }
}

.table-legend-no-padding {
  padding: 0 !important;
}

.modal {
  --modal-close-button-size: 20px;
  --modal-close-button-position: 30px;
  --modal-close-button-space: var(--modal-close-button-size);
  --modal-side-space: 30px;
  --modal-top-space: var(--modal-side-space);
  --modal-bottom-space: var(--modal-side-space);
  --modal-max-width: 860px;
  --modal-x-offset: 30px;
  --modal-y-offset: 60px;
  --modal-content-bg-color: #fff;
  --modal-backdrop-color: rgba(0, 0, 0, .5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: z-index 1ms 0.5s;
}
@media screen and (max-width: 679px) {
  .modal {
    --modal-close-button-size: 10px;
    --modal-close-button-position: 10px;
    --modal-side-space: 20px;
    --modal-x-offset: 15px;
    --modal-y-offset: 20px;
  }
}
.modal::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--modal-backdrop-color);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.modal__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--modal-y-offset) var(--modal-x-offset);
}
.modal:not(.--open) {
  pointer-events: none;
}
.modal.--close-button-offset {
  --modal-top-space: calc(var(--modal-close-button-position) + var(--modal-close-button-size) + var(--modal-close-button-space));
}
.modal.--open {
  z-index: 999;
  transition: z-index 1ms;
}
.modal.--open::before {
  opacity: 1;
}
.modal.--open .modal-content {
  opacity: 1;
}

.modal-close-btn {
  position: absolute;
  top: var(--modal-close-button-position);
  right: var(--modal-close-button-position);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  background: none;
}
.modal-close-btn::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e906";
  font-size: 20px;
  color: #999999;
}
@media screen and (max-width: 679px) {
  .modal-close-btn::after {
    font-size: 10px;
  }
}
.modal-close-btn:hover {
  opacity: 0.7;
}

.modal-content {
  position: relative;
  width: 100%;
  max-width: var(--modal-max-width);
  max-height: 100%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  background-color: var(--modal-content-bg-color);
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
@media screen and (max-width: 679px) {
  .modal-content {
    max-width: 100%;
    border-radius: 10px;
  }
}
.modal-content__inner {
  display: block;
  height: 100%;
  padding: var(--modal-top-space) var(--modal-side-space) var(--modal-bottom-space);
  overflow: auto;
  overscroll-behavior: contain;
}

.news-box-row {
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 679px) {
  .news-box-row {
    flex-direction: column;
    gap: 15px;
  }
}

.news-box-column {
  flex: 0 1 50%;
}
@media screen and (max-width: 679px) {
  .news-box-column {
    flex: 1 1 100%;
  }
}

.news-box-container {
  --section-space-x: 30px;
  position: relative;
  clear: both;
}
@media screen and (max-width: 679px) {
  .news-box-container {
    --section-space-x: 20px;
  }
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .news-box-container {
    min-width: 1120px;
  }
}
@media screen and (min-width: 680px) {
  .news-box-container.--growable .section__inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 1520px) {
  .news-box-container.--growable .section__inner {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 680px) {
  .news-box-container.--full .section__inner {
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 679px) {
  .news-box-container.--full .section__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.news-box-container.--bg-color {
  --section-bg-color: var(--accent-color);
  --section-bg-opacity: .1;
  margin-top: var(--section-space-x);
  margin-bottom: var(--section-space-x);
}
.news-box-container.--bg-color::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--section-bg-color);
  opacity: var(--section-bg-opacity);
}
.news-box-container.--bg-color .section__inner {
  padding-top: calc(var(--section-space-x) * 2);
  padding-bottom: calc(var(--section-space-x) * 2);
}
@media screen and (max-width: 679px) {
  .news-box-container.--bg-color .section__inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.news-box-container__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--section-space-x);
  padding-bottom: var(--section-space-x);
}
@media screen and (min-width: 680px) {
  .news-box-container__inner {
    padding-right: 0;
    padding-left: 0;
    width: 1040px;
  }
}
@media screen and (max-width: 679px) {
  .news-box-container__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.news-box {
  display: flex;
  border-radius: 20px;
  border: 1px solid #DCDCDC;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .news-box {
    flex-direction: column;
    border-radius: 10px;
  }
}
@media screen and (min-width: 680px) {
  .news-box.--vertical {
    flex-direction: column;
  }
}
@media screen and (min-width: 680px) {
  .news-box.--vertical .news-box-header {
    align-items: flex-start;
    width: 100%;
  }
}
@media screen and (min-width: 680px) {
  .news-box.--compact {
    border-radius: 10px;
  }
}
@media screen and (min-width: 680px) {
  .news-box.--compact .news-box-header {
    padding: 10px 15px;
  }
}

.news-box-header {
  display: flex;
  padding: 30px 0;
  background-color: #F1F1F1;
}
@media screen and (min-width: 680px) {
  .news-box-header {
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
  }
}
@media screen and (max-width: 679px) {
  .news-box-header {
    padding: 10px 15px;
    border-bottom: 1px solid #DCDCDC;
  }
}
@media screen and (max-width: 679px) {
  .news-box-header .news-box-link {
    display: none;
  }
}

.news-box-heading {
  display: block;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 679px) {
  .news-box-heading {
    text-align: left;
  }
}

.news-box-link {
  font-size: 14px;
}
@media screen and (min-width: 680px) {
  .news-box-link {
    margin-top: 25px;
  }
}
.news-box-link .button.--size-xs {
  width: 125px;
  min-height: 35px;
}

.news-box-body {
  flex-grow: 1;
}

@media screen and (min-width: 680px) {
  .news-box-footer {
    display: none;
  }
}
@media screen and (max-width: 679px) {
  .news-box-footer {
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    border-top: 1px solid #DCDCDC;
  }
}

.news-list {
  --news-list-max-height: none;
  width: 100%;
}
.news-list.--border-top .news-list-item:first-child {
  border-top: 1px solid #DCDCDC;
}
.news-list.--border-bottom .news-list-item:last-child {
  border-bottom: 1px solid #DCDCDC;
}
.news-list.--scrollable {
  max-height: var(--news-list-max-height);
  overflow: auto;
  isolation: isolate;
}

.news-list-item {
  --news-list-item-arrow-icon-size: 12px;
  --news-list-item-arrow-icon-top: 50%;
  --news-list-item-arrow-icon-right-space: 25px;
  --news-list-item-arrow-icon-left-space: 20px;
  --news-list-item-padding-right: calc(var(--news-list-item-arrow-icon-left-space) + var(--news-list-item-arrow-icon-size) + var(--news-list-item-arrow-icon-right-space));
  display: block;
  padding: 10px 20px;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .news-list-item {
    --news-list-item-arrow-icon-size: 10px;
    --news-list-item-arrow-icon-right-space: 18px;
    --news-list-item-arrow-icon-left-space: 10px;
    position: relative;
    display: block;
    padding: 10px var(--news-list-item-padding-right) 10px 10px;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item {
    position: relative;
    padding-right: var(--news-list-item-padding-right);
  }
}
.news-list-item:not(.--no-link):hover {
  text-decoration: none;
  background-color: #F8F8F8;
}
.news-list-item::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  position: absolute;
  top: var(--news-list-item-arrow-icon-top);
  right: var(--news-list-item-arrow-icon-right-space);
  display: block;
  transform: translate(50%, -50%);
  font-size: var(--news-list-item-arrow-icon-size);
  color: #005EAE;
}
.news-list-item:not(:last-child) {
  border-bottom: 1px solid #DCDCDC;
}
@media screen and (min-width: 680px) {
  .news-list-item__cell--header {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 679px) {
  .news-list-item__cell--body {
    margin-top: 5px;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item:not(:last-child) {
    border-bottom: 1px solid #DCDCDC;
  }
}
.news-list-item__date {
  width: 115px;
  white-space: nowrap;
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .news-list-item__date {
    display: block;
    margin-bottom: 5px;
  }
}
.news-list-item__date, .news-list-item__title {
  line-height: 1.5;
  color: #323232;
}
@media screen and (max-width: 679px) {
  .news-list-item__date, .news-list-item__title {
    line-height: 1.4;
  }
}
.news-list-item__title {
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .news-list-item__title {
    font-size: 14px;
  }
}
.news-list-item--pdf::after {
  content: "\e907";
  color: #D40000;
  font-size: 22px;
}
.news-list-item.--no-icon {
  --news-list-item-arrow-icon-size: 0px;
  --news-list-item-arrow-icon-left-space: 0px;
}
@media screen and (max-width: 679px) {
  .news-list-item.--no-icon {
    --news-list-item-arrow-icon-right-space: 10px;
  }
}
.news-list-item.--no-link::after {
  display: none;
}
@media screen and (min-width: 680px) {
  .news-list-item.--horizontal {
    display: flex;
    gap: 5px;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 679px) {
  .news-list-item.--horizontal-header .news-list-item__cell--header {
    display: flex;
  }
}
@media screen and (max-width: 679px) {
  .news-list-item.--horizontal-header .news-list-item__date {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item.--clear-badges c-badge-list {
    display: block;
    width: 45px;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item.--trailing-badges .news-list-item__cell--header c-badge-list {
    display: none;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item.--trailing-badges .news-list-item__cell--body lightning-formatted-rich-text {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item.--trailing-badges .news-list-item__cell--body c-badge-list {
    display: inline-block;
    vertical-align: middle;
  }
}
@media screen and (max-width: 679px) {
  .news-list-item.--trailing-badges .news-list-item__cell--body c-badge-list {
    display: none;
  }
}
@media screen and (min-width: 680px) {
  .news-list-item.--compact {
    --news-list-item-arrow-icon-right-space: 20px;
    --news-list-item-arrow-icon-left-space: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
}
.news-list-item.--compact .news-list-item__title {
  font-size: 14px;
}
@media screen and (max-width: 679px) {
  .news-list-item.--sp-align-icon-top {
    --news-list-item-arrow-icon-top: 20px;
  }
}

.news-tab-bar {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (min-width: 680px) {
  .news-tab-bar.--lg .news-tab-bar-button {
    min-height: 60px;
  }
}
.news-tab-bar.--border {
  border: 1px solid #DCDCDC;
}
.news-tab-bar.--border-round {
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 679px) {
  .news-tab-bar.--border-round {
    border-radius: 10px 10px 0 0;
  }
}

.news-tab-bar-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  opacity: 1;
  z-index: 0;
  transition: opacity 0.3s ease;
}
.news-tab-bar-arrow::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 11px;
}
.news-tab-bar-arrow.--prev {
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.news-tab-bar-arrow.--prev::before {
  content: "\e901";
}
.news-tab-bar-arrow.--next {
  right: 0;
  background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.news-tab-bar-arrow.--next::before {
  content: "\e900";
}
.news-tab-bar-arrow.--hidden {
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s ease, z-index 0s 0.3s;
}

.news-tab-bar-list {
  display: flex;
  min-width: 100%;
}
@media screen and (max-width: 679px) {
  .news-tab-bar-list {
    overflow-x: auto;
  }
}

.news-tab-bar-item {
  --news-tab-bar-item-color: var(--accent-color, #005EAE);
  position: relative;
  flex: 1;
}
.news-tab-bar-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5px;
  background-color: var(--news-tab-bar-item-color);
  pointer-events: none;
}
@media screen and (max-width: 679px) {
  .news-tab-bar-item::after {
    height: 3px;
  }
}
.news-tab-bar-item.--active .news-tab-bar-button {
  color: #ffffff;
  background-color: var(--news-tab-bar-item-color);
}
.news-tab-bar-item:not(:last-child) {
  border-right: 1px solid #DCDCDC;
}
.news-tab-bar-item:not(.--active):hover .news-tab-bar-button {
  color: var(--news-tab-bar-item-color);
}

.news-tab-bar-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 40px;
  padding: 14px 10px;
  border: none;
  background-color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  color: #323232;
}
@media screen and (max-width: 679px) {
  .news-tab-bar-button {
    padding: 4px 8px 7px;
    font-size: 11px;
  }
}
.news-tab-bar-button, .news-tab-bar-button:hover {
  text-decoration: none;
}

.news-tab:not(.news-tab--active) {
  display: none;
}

.page-footer-nav-columns {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .page-footer-nav-columns {
    flex-direction: column;
  }
}

.page-footer-nav-column {
  flex: 1;
}
@media screen and (max-width: 679px) {
  .page-footer-nav-column.--left {
    order: 2;
  }
}
@media screen and (max-width: 679px) {
  .page-footer-nav-column.--left .link {
    font-size: 14px;
  }
}
.page-footer-nav-column.--middle {
  flex-shrink: 0;
}
@media screen and (max-width: 679px) {
  .page-footer-nav-link {
    font-size: 14px;
  }
}

.page {
  display: flex;
}
@media screen and (min-width: 680px) {
  .page {
    min-width: 1360px;
  }
}

.page-sidebar {
  flex: 0 0 auto;
}
@media print {
  .page-sidebar {
    display: none !important;
  }
}

.page-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  background-color: #fff;
}
@media screen and (max-width: 679px) {
  .page-main {
    width: 100%;
  }
}

.page-content {
  position: relative;
  flex-grow: 1;
}
.page-content c-content {
  display: block;
  height: 100%;
}

@media print {
  .page-header {
    display: none !important;
  }
}

.page-footer {
  position: relative;
}
@media print {
  .page-footer {
    display: none !important;
  }
}

.page-menu-list {
  display: flex;
}
@media screen and (max-width: 679px) {
  .page-menu-list {
    justify-content: center;
  }
}
.page-menu-list.--full .page-menu-item {
  flex: 1;
}
@media screen and (min-width: 680px) {
  .page-menu-list.--pc-full .page-menu-item {
    flex: 1;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-vertical {
    flex-direction: column;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-vertical .page-menu-item {
    border-right: none;
    border-bottom: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-vertical .page-menu-item:first-child {
    border-left: none;
    border-top: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-vertical .page-menu-item__link {
    justify-content: flex-start;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-2-cols {
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-2-cols .page-menu-item {
    flex: 0 0 calc(100% / 2);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-2-cols .page-menu-item:nth-child(2n+1), .page-menu-list.--sp-2-cols .page-menu-item:first-child {
    border-left: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-2-cols .page-menu-item__link {
    padding: 5px;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-5-cols {
    flex-wrap: wrap;
    gap: 10px 0;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-5-cols .page-menu-item {
    flex: 0 0 calc(100% / 5);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-5-cols .page-menu-item:nth-child(5n+1), .page-menu-list.--sp-5-cols .page-menu-item:first-child {
    border-left: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.--sp-5-cols .page-menu-item__link {
    padding: 5px;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.sp-flex-d-colomn {
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.sp-flex-d-colomn .page-menu-item {
    border-left: none;
    border-right: none;
    border-top: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.sp-flex-d-colomn .page-menu-item:last-child {
    border-bottom: var(--page-menu-border);
  }
}
@media screen and (max-width: 679px) {
  .page-menu-list.sp-flex-d-colomn .page-menu-item a {
    justify-content: flex-start;
  }
}

.page-menu-item {
  --page-menu-border: 1px solid #999999;
  border-right: var(--page-menu-border);
}
@media screen and (min-width: 680px) {
  .page-menu-item {
    --page-menu-min-width: 200px;
  }
}
.page-menu-item:first-child {
  border-left: var(--page-menu-border);
}
.page-menu-item__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: var(--page-menu-min-width);
  min-height: 40px;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 679px) {
  .page-menu-item__link {
    min-height: 35px;
    padding: 5px 10px;
    font-size: 14px;
  }
}
.page-menu-item__link:hover {
  color: #005EAE;
  background-color: #F8F8F8;
  text-decoration: none;
}
.page-menu-item__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  color: #005EAE;
  font-size: 0.7em;
  margin-right: 5px;
}
.page-menu-item__text .--fs-lg {
  font-size: 24px;
}
@media screen and (max-width: 679px) {
  .page-menu-item__text .--fs-lg {
    font-size: 20px;
  }
}
@media screen and (max-width: 679px) {
  .page-menu-item__text .--sp-fs-sm {
    font-size: 12px;
  }
}
@media screen and (min-width: 680px) {
  .page-menu-item.--width-auto .page-menu-item__link {
    min-width: 0;
  }
}
.page-menu-item.--disabled .page-menu-item__link {
  pointer-events: none;
  opacity: 0.2;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .pagination {
    gap: 10px;
  }
}
@media screen and (max-width: 374px) {
  .pagination {
    gap: 0;
    justify-content: space-evenly;
  }
}

.pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-item.--prev .pagination-link, .pagination-item.--next .pagination-link {
  font-size: 10px;
}
@media screen and (max-width: 679px) {
  .pagination-item.--prev .pagination-link, .pagination-item.--next .pagination-link {
    font-size: 7px;
  }
}
.pagination-item.--prev .pagination-link::before, .pagination-item.--next .pagination-link::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pagination-item.--prev .pagination-link::before {
  content: "\e901";
}
.pagination-item.--next .pagination-link::before {
  content: "\e900";
}
.pagination-item.--current .pagination-link {
  background-color: #999;
  pointer-events: none;
}
.pagination-item.--dots {
  padding: 0 10px;
}
@media screen and (max-width: 679px) {
  .pagination-item.--dots {
    padding: 0 5px;
  }
}
.pagination-item.--dots::before {
  content: "･･･";
}
@media screen and (max-width: 679px) {
  .pagination-item.--dots::before {
    font-size: 12px;
  }
}
.pagination-item:not(.--current) .pagination-link:hover {
  background-color: #337EBE;
}

.pagination-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #005EAE;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 679px) {
  .pagination-link {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}
.pagination-link:hover {
  color: #fff;
  text-decoration: none;
}

.pharmaceuticals-filter {
  position: relative;
}
@media screen and (min-width: 680px) {
  .pharmaceuticals-filter {
    width: 730px;
    margin: 0 auto;
  }
}
.pharmaceuticals-filter__character {
  position: absolute;
  right: 0;
  top: -24px;
}
@media screen and (max-width: 679px) {
  .pharmaceuticals-filter__character {
    top: -2px;
  }
}
.pharmaceuticals-filter__content {
  position: relative;
}

.pharmaceuticals-syllable-filter {
  padding: 10px;
  background-color: #F1F1F1;
}
.pharmaceuticals-syllable-filter .syllable-filter {
  --syllable-filter-sub-group-block-active-margin: 10px -10px -10px;
  --syllable-filter-sub-group-block-inner-padding-bottom: 10px;
  --syllable-filter-tabs-margin: 10px -10px -10px;
}

.pharmaceuticals-radio-input-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 20px;
}
@media screen and (max-width: 679px) {
  .pharmaceuticals-radio-input-list__item {
    font-size: 14px;
  }
}
.pharmaceuticals-radio-input-list.--center {
  justify-content: center;
}

.product-list {
  --product-list-item-gap-x: 20px;
  --product-list-item-gap-y: 30px;
  --product-list-columns: 5;
  display: flex;
  flex-wrap: wrap;
  gap: var(--product-list-item-gap-y) var(--product-list-item-gap-x);
}
@media screen and (max-width: 679px) {
  .product-list {
    --product-list-item-gap-x: 10px;
    --product-list-item-gap-y: 20px;
    --product-list-columns: 2;
  }
}

.product-item {
  position: relative;
  flex-basis: calc((100% - var(--product-list-item-gap-x) * (var(--product-list-columns) - 1)) / var(--product-list-columns));
}
@media screen and (max-width: 679px) {
  .product-item {
    font-size: 14px;
  }
}
.product-item:hover .product-item-thumbnail {
  opacity: 0.7;
}

.product-item-thumbnail {
  position: relative;
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  margin-bottom: 5px;
  overflow: hidden;
  transition: 0.3s ease;
  transition-property: opacity;
}
@media screen and (max-width: 679px) {
  .product-item-thumbnail {
    border-radius: 10px;
  }
}
.product-item-thumbnail::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.6666666667%;
}
.product-item-thumbnail.--no-border {
  border: none;
}

.product-item-thumbnail-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.product-item-thumbnail-content__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-item-breadcrumb {
  font-size: 11px;
  color: var(--accent-color);
}
@media screen and (max-width: 679px) {
  .product-item-breadcrumb {
    font-size: 10px;
  }
}
.product-item-breadcrumb__separator::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #999999;
  font-size: 0.6em;
  margin: 0 0.2em;
}

.product-slider {
  --swiper-navigation-size: 22px;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-color: #323232;
  --product-slider-size-space: 40px;
  --product-slider-slide-space: 20px;
  --product-slider-slides-per-view-pc: 3;
  --product-slider-slides-per-view-sp: 2;
  --product-slider-slides-per-view: var(--product-slider-slides-per-view-pc);
  position: relative;
  padding: 0 var(--product-slider-size-space);
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .product-slider {
    --product-slider-size-space: 20px;
    --product-slider-slide-space: 10px;
    --product-slider-slides-per-view: var(--product-slider-slides-per-view-sp);
  }
}
.product-slider .swiper-wrapper {
  align-items: stretch;
}
.product-slider .swiper-slide {
  height: auto;
}
.product-slider .swiper-button-prev::after,
.product-slider .swiper-button-next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.product-slider .swiper-button-prev {
  right: 0;
  left: auto;
}
.product-slider .swiper-button-prev::after {
  content: "\e901";
}
.product-slider .swiper-button-next {
  right: auto;
  left: 0;
}
.product-slider .swiper-button-next::after {
  content: "\e900";
}
.product-slider.--content-box {
  --product-slider-size-space: 30px;
  margin-right: calc(var(--product-slider-size-space) * -1);
  margin-left: calc(var(--product-slider-size-space) * -1);
}
@media screen and (max-width: 679px) {
  .product-slider.--content-box {
    --swiper-navigation-size: 12px;
    --product-slider-size-space: 11px;
  }
}

.product-slider-nav-prev,
.product-slider-nav-next {
  position: absolute;
  top: 0;
  width: calc((100% - var(--product-slider-size-space) * 2 - var(--product-slider-slide-space) * (var(--product-slider-slides-per-view) - 1)) / var(--product-slider-slides-per-view));
}
.product-slider-nav-prev__inner,
.product-slider-nav-next__inner {
  height: 0;
  padding-bottom: 66.66%;
}

.product-slider-nav-prev {
  right: calc(100% - var(--swiper-navigation-size) / 44 * 27);
}

.product-slider-nav-next {
  left: calc(100% - var(--swiper-navigation-size) / 44 * 27);
}

.product-slider-item {
  display: block;
  height: 100%;
}
.product-slider-item:hover {
  color: #005EAE;
  text-decoration: none;
}
.product-slider-item:hover .product-slider-item-thumbnail {
  opacity: 0.7;
}
.product-slider-item:hover .product-slider-item-name__text {
  color: #005EAE;
  text-decoration: underline;
}

.product-slider-item-thumbnail {
  position: relative;
  height: 0;
  padding-bottom: 66.66%;
  border: 1px solid #DCDCDC;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .product-slider-item-thumbnail {
    border-radius: 10px;
  }
}

.product-slider-item-thumbnail-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.product-slider-item-thumbnail-content__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-slider-item-name {
  display: inline-flex;
  margin-top: 10px;
  font-weight: 500;
  line-height: 1.5;
}
.product-slider-item-name__icon::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  position: relative;
  top: -0.1em;
  color: #005EAE;
  font-size: 0.7em;
  display: inline-block;
  margin-right: 0.2em;
}
.product-slider-item-name__text {
  align-self: center;
}
@media screen and (max-width: 679px) {
  .product-slider-item-name__text {
    font-size: 14px;
  }
}

.product-slider-item-content {
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 679px) {
  .product-slider-item-content {
    margin-top: 5px;
    font-size: 13px;
  }
}

.product-table-sections {
  display: flex;
}

.product-table-content-section {
  min-width: 0;
}

.product-table .table-heading {
  white-space: nowrap;
}
@media screen and (max-width: 679px) {
  .product-table .table-heading {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.product-table .table-content {
  vertical-align: middle;
  white-space: nowrap;
}
.product-table .table-content.--code, .product-table .table-content.--jan-code, .product-table .table-content.--name, .product-table .table-content.--quantity, .product-table .table-content.--reference-price, .product-table .table-content.--specs, .product-table .table-content.--size, .product-table .table-content.--material, .product-table .table-content.--redemption-price, .product-table .table-content.--attachment {
  text-align: center;
}
@media print {
  .product-table .table-content.--name, .product-table .table-content.--specs, .product-table .table-content.--main-fuction-division {
    white-space: normal;
  }
}
.product-table.--code .table-heading:last-child,
.product-table.--code .table-content:last-child {
  border-right-width: 2px;
}
.product-table.--content {
  width: auto;
  min-width: 100%;
}
.product-table.--content .table-heading:first-child,
.product-table.--content .table-content:first-child {
  border-left-width: 0;
}
.product-table.--content .table-heading:last-child,
.product-table.--content .table-content:last-child {
  border-right-width: 0;
}
.product-table.--attachment .table-heading:first-child,
.product-table.--attachment .table-content:first-child {
  border-left-width: 2px;
}

.qa-card-list {
  overflow: hidden;
}
.qa-card-list > c-qa-card:last-of-type > .qa-card {
  border-bottom: none;
}
.qa-card-list > .qa-card:last-of-type {
  border-bottom: none;
}
.qa-card-list:not(.--no-border) {
  border: solid 1px #DCDCDC;
}
.qa-card-list:not(.--no-border-radius) {
  border-radius: 20px;
}
@media screen and (max-width: 679px) {
  .qa-card-list:not(.--no-border-radius) {
    border-radius: 10px;
  }
}

.qa-card {
  --qa-card-gap-offset: 10px;
  --qa-card-content-space-x: 30px;
  --qa-card-content-space-y: 30px;
  --qa-card-content-gap-y: 10px;
  --qa-card-answer-space-top: 10px;
  --qa-card-icon-offset-right: 24px;
  border-bottom: solid 1px #DCDCDC;
}
@media screen and (max-width: 679px) {
  .qa-card {
    --qa-card-gap-offset: 5px;
    --qa-card-content-space-x: 15px;
    --qa-card-content-space-y: 15px;
    --qa-card-content-gap-y: 5px;
    --qa-card-icon-offset-right: 0px;
  }
}
.qa-card.--accordion > .qa-card-section.--question {
  cursor: pointer;
  transition: 0.3s ease;
  transition-property: padding-bottom;
}
.qa-card.--accordion > .qa-card-section.--question:hover {
  background-color: #F7F7F7;
}
.qa-card.--accordion > .qa-card-section.--question > .qa-card-section__content {
  padding-bottom: var(--qa-card-content-space-y);
}
.qa-card.--accordion > .qa-card-section.--answer {
  margin-top: calc(var(--qa-card-gap-offset) * -1);
  transition: 0.3s ease;
  transition-property: height, opacity, margin;
}
@media screen and (min-width: 680px) {
  .qa-card.--accordion > .qa-card-section.--answer > .qa-card-section__content {
    padding-top: var(--qa-card-answer-space-top);
  }
}
.qa-card.--accordion .qa-card-answer {
  padding-right: var(--qa-card-icon-offset-right);
}
.qa-card.--accordion.--open > .qa-card-section.--answer {
  height: var(--qa-card-answer-height);
}
.qa-card.--accordion:not(.--open) > .qa-card-section.--answer {
  margin-bottom: var(--qa-card-gap-offset);
  height: 0;
  opacity: 0;
}
.qa-card.--no-icon-offset {
  --qa-card-icon-offset-right: 0px;
}
.qa-card.--compact {
  --qa-card-gap-offset: 0px;
  --qa-card-content-space-x: 12px;
  --qa-card-content-space-y: 12px;
  --qa-card-content-gap-y: 10px;
}
@media screen and (max-width: 679px) {
  .qa-card.--compact {
    --qa-card-gap-offset: 6px;
  }
}
.qa-card.--large {
  border: 4px solid #DCDCDC;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .qa-card.--large {
    border-radius: 10px;
  }
}
.qa-card.--large .qa-card-section.--question .qa-card-section__content::before {
  transform: translateY(0.3em);
}
@media screen and (max-width: 679px) {
  .qa-card.--large .qa-card-section.--question .qa-card-section__content::before {
    transform: translateY(0.2em);
  }
}
@media screen and (min-width: 680px) {
  .qa-card.--large .qa-card-section.--answer .qa-card-section__content::before {
    transform: translateY(0.1em);
  }
}
.qa-card.--large .qa-card-question {
  font-size: 28px;
}
@media screen and (max-width: 679px) {
  .qa-card.--large .qa-card-question {
    font-size: 20px;
  }
}
.qa-card.--large .qa-card-answer {
  font-size: 20px;
}
@media screen and (max-width: 679px) {
  .qa-card.--large .qa-card-answer {
    font-size: 16px;
  }
}
.qa-card.--no-marker > .qa-card-section > .qa-card-section__content::before {
  display: none;
}
.qa-card .note {
  display: block;
  margin-top: 15px;
  font-size: 13px;
}
@media screen and (max-width: 679px) {
  .qa-card .note {
    margin-top: 7px;
    font-size: 12px;
  }
}

.qa-card-section {
  background-color: #fff;
}
.qa-card-section__content {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 679px) {
  .qa-card-section__content {
    gap: 5px;
    font-size: 14px;
  }
}
.qa-card-section__content::before {
  flex-shrink: 0;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 679px) {
  .qa-card-section__content::before {
    font-size: 24px;
  }
}
.qa-card-section.--question > .qa-card-section__content {
  padding: var(--qa-card-content-space-y) var(--qa-card-content-space-x) var(--qa-card-content-gap-y);
}
.qa-card-section.--question > .qa-card-section__content::before {
  content: "Q";
  color: var(--accent-color);
}
.qa-card-section.--answer {
  position: relative;
  overflow: hidden;
}
.qa-card-section.--answer > .qa-card-section__content {
  padding: var(--qa-card-content-gap-y) var(--qa-card-content-space-x) var(--qa-card-content-space-y);
}
.qa-card-section.--answer > .qa-card-section__content::before {
  content: "A";
  color: #005EAE;
}

.qa-card-question {
  display: block;
  flex-grow: 1;
  min-width: 0;
  font-weight: bold;
}

.qa-card-answer {
  display: block;
  flex-grow: 1;
  min-width: 0;
}

.qa-card-icon {
  flex-shrink: 0;
  align-self: center;
}
@media screen and (max-width: 679px) {
  .qa-card-icon {
    padding-left: 5px;
  }
}

.radio-input {
  display: flex;
  align-items: center;
  gap: 0.25em;
  line-height: 1.5;
  cursor: pointer;
}
.radio-input__input {
  display: none;
}
.radio-input__input:checked + .radio-input__icon::after {
  opacity: 1;
}
.radio-input__icon {
  position: relative;
  top: 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #323232;
  border-radius: 50%;
  background-color: #fff;
  transform: translateY(-50%);
}
.radio-input__icon::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #005EAE;
  opacity: 0;
}
.radio-input__text {
  display: block;
}
.radio-input.--no-label {
  gap: 0;
}
.radio-input.--no-label .radio-input__icon {
  top: 0;
  transform: none;
}

.search-header .header__bg {
  background-color: #D7F3FC;
}
.search-header .header__bg::before {
  background-color: transparent;
}
.search-header .header-body {
  padding-top: 50px;
}
@media screen and (max-width: 679px) {
  .search-header .header-body {
    padding-top: 45px;
  }
}
.search-header .header-title.--overlap {
  margin-bottom: 60px;
}
@media screen and (max-width: 679px) {
  .search-header .header-title.--overlap {
    margin-bottom: 35px;
  }
}

.search-buttons {
  margin-top: 30px;
}
@media screen and (max-width: 679px) {
  .search-buttons {
    margin-top: 20px;
  }
}
@media screen and (max-width: 310px) {
  .search-buttons {
    align-items: stretch;
  }
}

.search-button, .heartline-login-content__call-to-action c-button {
  display: block;
}
@media screen and (max-width: 310px) {
  .search-button, .heartline-login-content__call-to-action c-button {
    width: 100%;
  }
}
@media screen and (max-width: 679px) {
  .search-button .button, .heartline-login-content__call-to-action c-button .button {
    min-width: 280px;
  }
}
@media screen and (max-width: 310px) {
  .search-button .button, .heartline-login-content__call-to-action c-button .button {
    min-width: auto;
    width: 100%;
  }
}

.search-seminar-list .seminar-item:first-child {
  border-top: 0;
}

@media screen and (min-width: 680px) {
  .search-box.--size-sm .search-box-heading {
    top: 20px;
  }
}
.search-box.--size-sm .search-box-row {
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .search-box.--size-sm .search-box-row {
    gap: 5px;
  }
}

.search-box-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
@media screen and (max-width: 679px) {
  .search-box-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
}

@media screen and (min-width: 680px) {
  .search-box-heading,
  .search-box-clear-btn {
    position: relative;
    align-self: flex-start;
    top: 32px;
    transform: translateY(-50%);
  }
}

.search-box-heading {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 679px) {
  .search-box-heading {
    align-self: flex-start;
    font-size: 14px;
  }
}

.search-box-col {
  min-width: 0;
}

.search-box-clear-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  outline: none;
  appearance: none;
  white-space: nowrap;
}
@media screen and (max-width: 679px) {
  .search-box-clear-btn {
    align-self: center;
    font-size: 12px;
  }
}
.search-box-clear-btn::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e908";
  color: #005EAE;
  font-size: 11px;
  position: relative;
  top: 0.65em;
  transform: translateY(-50%);
}
@media screen and (max-width: 679px) {
  .search-box-clear-btn::before {
    font-size: 9px;
  }
}
.search-box-clear-btn:hover {
  color: #005EAE;
}

.search-box-keywords {
  margin-top: 10px;
  font-weight: 500;
}
@media screen and (min-width: 680px) {
  .search-box-keywords {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 679px) {
  .search-box-keywords {
    margin-top: 15px;
    font-size: 14px;
  }
}

.search-box-keywords-list {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 679px) {
  .search-box-keywords-list {
    gap: 10px;
  }
}

.search-box-keywords-item__link {
  color: #005EAE;
  text-decoration: underline;
}
.search-box-keywords-item__link::before {
  content: "#";
}
.search-box-keywords-item__link:hover {
  color: #005EAE;
  text-decoration: none;
}

.search-form {
  display: flex;
  align-items: stretch;
  border: 2px solid #323232;
  border-radius: 35px;
  overflow: hidden;
}
@media screen and (min-width: 680px) {
  .search-form {
    width: 730px;
    height: 60px;
  }
}
@media screen and (max-width: 679px) {
  .search-form {
    flex-wrap: wrap;
    border-radius: 10px;
  }
}
.search-form.--filter-first .search-form-filter {
  order: 1;
}
.search-form.--filter-first .search-form-query-input {
  order: 2;
}
.search-form.--filter-first .search-form-submit-btn {
  order: 3;
}
.search-form.--size-sm {
  width: auto;
  height: 40px;
}
@media screen and (min-width: 680px) {
  .search-form.--size-sm {
    border-radius: 30px;
  }
}
.search-form.--size-sm .search-form-query-input {
  padding: 5px 15px;
}
@media screen and (min-width: 680px) {
  .search-form.--size-sm .search-form-submit-btn {
    width: 80px;
    font-size: 16px;
  }
}

.search-form-query-input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 15px 25px 15px 30px;
  border: none;
  outline: none;
  appearance: none;
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .search-form-query-input {
    width: calc(100% - 60px);
    padding: 15px 10px;
  }
}
@media screen and (min-width: 680px) {
  .search-form-query-input:not(:first-child) {
    padding-left: 25px;
  }
}
@media screen and (max-width: 679px) {
  .search-form-query-input.--width-full {
    width: 100%;
  }
}

.search-form-filter {
  --search-form-filter-icon-size: .7em;
  --search-form-filter-icon-space-x: 10px;
  position: relative;
  flex: 0 0 auto;
  width: 160px;
}
@media screen and (max-width: 679px) {
  .search-form-filter {
    order: 3;
    width: 100%;
    --search-form-filter-icon-space-x: 20px;
  }
}
.search-form-filter::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e905";
  position: absolute;
  top: 50%;
  right: calc(var(--search-form-filter-icon-size) + var(--search-form-filter-icon-space-x));
  color: #707070;
  font-size: var(--search-form-filter-icon-size);
  transform: translate(50%, -50%);
  pointer-events: none;
}

.search-form-filter-input {
  width: 100%;
  height: 100%;
  padding: 15px calc(var(--search-form-filter-icon-space-x) * 2 + var(--search-form-filter-icon-size)) 15px 15px;
  background-color: #F1F1F1;
  border: none;
  outline: none;
  appearance: none;
  color: #999999;
  font-size: 16px;
}
@media screen and (max-width: 679px) {
  .search-form-filter-input {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
  }
}

.search-form-submit-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  width: 120px;
  padding: 0;
  color: #ffffff;
  background-color: #000;
  border: none;
  outline: none;
  appearance: none;
  font-size: 20px;
  transition: opacity 0.3s ease;
}
.search-form-submit-btn::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
}
.search-form-submit-btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 679px) {
  .search-form-submit-btn {
    width: 60px;
  }
}
@media screen and (max-width: 679px) {
  .search-form-submit-btn__text {
    display: none;
  }
}

.search-form-row {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}

.search-form-column {
  display: flex;
  align-items: stretch;
}
.search-form-column.--grow {
  flex-grow: 1;
}

.search-form-input-row {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  height: 100%;
}
@media screen and (max-width: 679px) {
  .search-form-input-row {
    flex-direction: column;
  }
}

.search-form-combo {
  position: relative;
  width: 2px;
  height: 100%;
  background-color: #DCDCDC;
}
@media screen and (max-width: 679px) {
  .search-form-combo {
    width: 100%;
    height: 2px;
  }
}
.search-form-combo__disk, .search-form-combo__cross {
  position: absolute;
  top: 50%;
  left: 50%;
}
.search-form-combo__disk {
  width: 32px;
  height: 32px;
  border: 2px solid #DCDCDC;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 679px) {
  .search-form-combo__disk {
    width: 20px;
    height: 20px;
  }
}
.search-form-combo__cross {
  width: 14px;
  height: 14px;
  transform: translate(-50%, -50%) rotate(45deg);
}
@media screen and (max-width: 679px) {
  .search-form-combo__cross {
    width: 8.75px;
    height: 8.75px;
  }
}
.search-form-combo__cross::before, .search-form-combo__cross::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background-color: #000;
  transform: translate(-50%, -50%);
}
.search-form-combo__cross::before {
  width: 14px;
  height: 2px;
}
@media screen and (max-width: 679px) {
  .search-form-combo__cross::before {
    width: 8.75px;
    height: 1.25px;
  }
}
.search-form-combo__cross::after {
  width: 2px;
  height: 14px;
}
@media screen and (max-width: 679px) {
  .search-form-combo__cross::after {
    width: 1.25px;
    height: 8.75px;
  }
}

@media print {
  .search-modal {
    display: none !important;
  }
}
@media screen and (max-width: 679px) {
  .search-modal {
    display: none;
  }
}
.search-modal:not(.--open) .search-modal-backdrop {
  pointer-events: none;
}
.search-modal.--open:not(.--hidden) .search-modal-backdrop {
  z-index: 200;
  opacity: 1;
  transition: z-index 1ms, opacity 0.5s ease;
}
.search-modal.--open:not(.--hidden) .search-modal-content {
  transform: translateY(100%);
}
.search-modal.--open .search-modal-toggle::before {
  content: "\e906";
}
.search-modal.--open .search-modal-toggle::after {
  content: "閉じる";
}
.search-modal.--hidden .search-modal-toggle {
  transform: translateX(0);
}

.search-modal-backdrop {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: z-index 1ms 0.5s, opacity 0.5s ease;
}

.search-modal-content {
  position: fixed;
  z-index: 200;
  bottom: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 50px;
  background-color: #ffffff;
  transition: transform 0.5s ease;
}

.search-modal-toggle {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 80px;
  height: 80px;
  border-bottom-left-radius: 20px;
  border: none;
  outline: none;
  appearance: none;
  padding: 0;
  background-color: #005EAE;
  color: #ffffff;
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}
.search-modal-toggle::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e904";
  font-size: 24px;
}
.search-modal-toggle::after {
  content: "検索";
  font-size: 11px;
}
.search-modal-toggle:hover {
  background-color: #337EBE;
}

.section {
  --section-space-x: 30px;
  position: relative;
  clear: both;
}
@media screen and (max-width: 679px) {
  .section {
    --section-space-x: 20px;
  }
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .section {
    min-width: 1120px;
  }
}
@media screen and (min-width: 680px) {
  .section.--growable .section__inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 1520px) {
  .section.--growable .section__inner {
    max-width: 1200px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (min-width: 680px) {
  .section.--full .section__inner {
    width: auto;
    max-width: none;
  }
}
@media screen and (max-width: 679px) {
  .section.--full .section__inner {
    padding-right: 0;
    padding-left: 0;
  }
}
.section.--bg-color {
  --section-bg-color: var(--accent-color);
  --section-bg-opacity: .1;
  margin-top: var(--section-space-x);
  margin-bottom: var(--section-space-x);
}
.section.--bg-color::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--section-bg-color);
  opacity: var(--section-bg-opacity);
}
.section.--bg-color .section__inner {
  padding-top: calc(var(--section-space-x) * 2);
  padding-bottom: calc(var(--section-space-x) * 2);
}
@media screen and (max-width: 679px) {
  .section.--bg-color .section__inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.section__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--section-space-x);
  padding-bottom: var(--section-space-x);
  display: block;
}
@media screen and (min-width: 680px) {
  .section__inner {
    padding-right: 0;
    padding-left: 0;
    width: 1040px;
  }
}
@media screen and (max-width: 679px) {
  .section__inner {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.seminar-list {
  --seminar-list-color: var(--accent-color);
}
.seminar-list.--color-red {
  --seminar-list-color: rgb(236, 85, 85);
}
.seminar-list.--color-orange {
  --seminar-list-color: rgb(254, 181, 36);
}
.seminar-list.--color-teal {
  --seminar-list-color: rgb(10, 156, 167);
}
.seminar-list.--color-blue {
  --seminar-list-color: rgb(13, 165, 213);
}
.seminar-list.--color-green {
  --seminar-list-color: rgb(74, 191, 40);
}
.seminar-list.--color-purple {
  --seminar-list-color: rgb(142, 113, 200);
}
.seminar-list.--color-pink {
  --seminar-list-color: rgb(252, 128, 178);
}
.seminar-list.--border-top .seminar-item:first-child {
  border-top: 1px solid #DCDCDC;
}

.seminar-item {
  position: relative;
  display: flex;
  padding: 15px 40px 15px 15px;
  border-top: 1px solid #DCDCDC;
}
@media screen and (max-width: 679px) {
  .seminar-item {
    padding-right: 25px;
    padding-left: 10px;
  }
}
.seminar-item__head {
  flex: 0 0 auto;
  width: 110px;
}
@media screen and (max-width: 679px) {
  .seminar-item__head {
    width: 50px;
  }
}
.seminar-item__body {
  flex: 1 1 auto;
  padding-left: 20px;
}
@media screen and (max-width: 679px) {
  .seminar-item__body {
    padding-left: 15px;
  }
}
.seminar-item::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  color: #005EAE;
  font-size: 11px;
}
@media screen and (max-width: 679px) {
  .seminar-item::after {
    right: 7px;
  }
}
.seminar-item:last-child {
  border-bottom: 1px solid #DCDCDC;
}
.seminar-item:hover {
  background-color: #F8F8F8;
  text-decoration: none;
}

.seminar-thumbnail {
  border: 1px solid #DCDCDC;
}
.seminar-thumbnail, .seminar-thumbnail__img {
  display: block;
}
.seminar-thumbnail__img {
  display: block;
  width: 100%;
  height: auto;
}

.seminar-title {
  margin-bottom: 7.5px;
  font-size: 18px;
  font-weight: bold;
  color: var(--seminar-list-color);
}
@media screen and (max-width: 679px) {
  .seminar-title {
    margin-bottom: 2.5px;
    font-size: 14px;
  }
}
.seminar-title:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 679px) {
  .seminar-title:not(:first-child) {
    margin-top: 5px;
  }
}

@media screen and (max-width: 679px) {
  .seminar-info-table {
    font-size: 12px;
  }
}
.seminar-info-table__heading, .seminar-info-table__content {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}
@media screen and (max-width: 679px) {
  .seminar-info-table__heading, .seminar-info-table__content {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
.seminar-info-table__heading {
  width: 70px;
  padding-right: 15px;
  white-space: nowrap;
  text-align: left;
}
@media screen and (max-width: 679px) {
  .seminar-info-table__heading {
    width: 50px;
    padding-right: 5px;
  }
}
.seminar-info-table__content {
  padding-left: 15px;
}
@media screen and (max-width: 679px) {
  .seminar-info-table__content {
    padding-left: 5px;
  }
}

.seminar-speaker-list {
  display: flex;
  flex-wrap: wrap;
}
.seminar-speaker-list__item:not(:last-child)::after {
  content: "、";
}

.sidebar {
  --sidebar-color: #005EAE;
  --sidebar-width-open: 240px;
  --sidebar-width-closed: 70px;
  transition: 0.5s ease;
  transition-property: width;
}
@media screen and (min-width: 680px) {
  .sidebar {
    width: var(--sidebar-width-closed);
    height: 100vh;
  }
}
@media screen and (max-width: 679px) {
  .sidebar:not(.--open) .sidebar-content {
    z-index: -1;
  }
}
.sidebar:not(.--open):not(.--pc-open) .sidebar-content__inner {
  opacity: 0;
}
@media screen and (min-width: 680px) {
  .sidebar:not(.--open):not(.--pc-open) .sidebar-content__inner {
    pointer-events: none;
  }
}
.sidebar:not(.--open):not(.--pc-open) .sidebar-content__footer {
  opacity: 0;
}
@media screen and (min-width: 680px) {
  .sidebar:not(.--open):not(.--pc-open) .sidebar-content__footer {
    pointer-events: none;
  }
}
@media screen and (min-width: 680px) {
  .sidebar.--pc-open .nav-page {
    opacity: 1;
  }
}
@media screen and (min-width: 680px) {
  .sidebar.--open,
  .sidebar.--open .sidebar-content, .sidebar.--pc-open,
  .sidebar.--pc-open .sidebar-content {
    width: var(--sidebar-width-open);
  }
}
@media screen and (max-width: 679px) {
  .sidebar.--open .sidebar-content {
    transform: translateX(-100%);
    transition: width 0.5s ease, transform 0.5s ease;
  }
}
.sidebar.--open .sidebar-content__inner {
  opacity: 1;
}
@media screen and (max-width: 679px) {
  .sidebar.--open .sidebar-toggle__bar:nth-child(1) {
    top: 30px;
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 679px) {
  .sidebar.--open .sidebar-toggle__bar:nth-child(2) {
    left: 50%;
    opacity: 0;
  }
}
@media screen and (max-width: 679px) {
  .sidebar.--open .sidebar-toggle__bar:nth-child(3) {
    top: 30px;
    transform: rotate(45deg);
  }
}
.sidebar.--color-pink {
  --sidebar-color: #DB6693;
}

.sidebar-content {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--sidebar-color);
  transition: width 0.5s ease, transform 0.5s ease;
}
@media screen and (min-width: 680px) {
  .sidebar-content {
    width: var(--sidebar-width-closed);
    overflow: hidden;
  }
}
@media screen and (max-width: 679px) {
  .sidebar-content {
    left: 100%;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    transition: width 0.5s ease, transform 0.5s ease, z-index 0s 0.5s;
  }
}
.sidebar-content__inner {
  flex: 1;
  position: relative;
  transition: opacity 0.3s ease;
}
.sidebar-content__footer {
  flex-shrink: 0;
  padding: 20px 20px 40px;
  transition: 0.3s ease;
  transition-property: opacity;
}
@media screen and (min-width: 680px) {
  .sidebar-content__footer {
    width: var(--sidebar-width-open);
  }
}
@media screen and (max-width: 679px) {
  .sidebar-content__footer {
    padding: 20px 15px 60px;
  }
}
.sidebar-content.--child .nav-page {
  left: -100%;
  opacity: 0;
}
.sidebar-content.--child .nav-page.--child {
  left: 0;
  opacity: 1;
}

.sidebar-btns {
  display: flex;
}

.sidebar-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3em;
  flex: 1;
  min-height: 60px;
  padding: 15px 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  transition: 0.3s ease;
  transition-property: background-color;
}
.sidebar-btn, .sidebar-btn:hover {
  color: #fff;
  text-decoration: none;
}
.sidebar-btn:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.sidebar-btn.--member::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92e";
  font-size: 1.07em;
}
.sidebar-btn.--login::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e92d";
  font-size: 1.21em;
}
.sidebar-btn:not(:last-child) {
  border-right: none;
}
.sidebar-btn:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sidebar-btn:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.nav-page {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 125px;
  overflow-y: auto;
  transition: 0.5s ease;
  transition-property: opacity, left;
}
@media screen and (min-width: 680px) {
  .nav-page {
    width: var(--sidebar-width-open);
  }
}
@media screen and (max-width: 679px) {
  .nav-page {
    padding-top: 60px;
  }
}
.nav-page.--child {
  left: 100%;
  opacity: 0;
}

.nav-group.--hidden {
  display: none;
}
.nav-group.--color-blue {
  --nav-item-bg-color: rgb(13, 165, 213);
}
.nav-group.--color-green {
  --nav-item-bg-color: rgb(74, 191, 40);
}
.nav-group.--color-purple {
  --nav-item-bg-color: rgb(142, 113, 200);
}
.nav-group.--color-orange {
  --nav-item-bg-color: rgb(254, 181, 36);
}
.nav-group.--color-pink {
  --nav-item-bg-color: rgb(252, 128, 178);
}
.nav-group.--color-teal {
  --nav-item-bg-color: rgb(10, 156, 167);
}
.nav-group.--color-red {
  --nav-item-bg-color: rgb(236, 85, 85);
}

.nav-list:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 679px) {
  .nav-list:not(:first-child) {
    margin-top: 10px;
  }
}
.nav-list.--external .nav-item__link {
  font-size: 14px;
}
.nav-list.--external .nav-item__link[target=_blank]::after {
  content: "\e903";
  font-size: 0.9em;
}
@media screen and (max-width: 679px) {
  .nav-list:not(.--external) .nav-item:first-child .nav-item__link:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media screen and (max-width: 679px) {
  .nav-list:not(.--external) .nav-item__link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}

.nav-item__link {
  position: relative;
  display: block;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 15px;
}
@media screen and (min-width: 680px) {
  .nav-item__link {
    padding-right: 5px;
  }
}
@media screen and (max-width: 679px) {
  .nav-item__link {
    font-size: 16px;
  }
}
.nav-item__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
  pointer-events: none;
}
.nav-item__link::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 0.8em;
  transform: translateY(-50%);
}
.nav-item__link:hover {
  text-decoration: none;
  color: #ffffff;
}
.nav-item__link:hover::before {
  opacity: 1;
}
.nav-item__link:focus {
  text-decoration: none;
  color: #ffffff;
}
.nav-item.--has-children .nav-item__link::after {
  content: "\e900";
}
.nav-item.--back .nav-item__link {
  background-color: var(--nav-item-bg-color);
}
.nav-item.--back .nav-item__link::after {
  content: "\e901";
  right: auto;
  left: 10px;
  transform: translate(-50%, -50%);
}
.nav-item.--current .nav-item__link::after {
  content: "";
  right: auto;
  left: 10px;
  display: block;
  width: 4px;
  height: 20px;
  border-radius: 2px;
  background-color: var(--nav-item-bg-color, #fff);
}

.sidebar-toggle {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  display: block;
  width: 70px;
  height: 70px;
  padding: 0;
  border: none;
  outline: none;
  appearance: none;
  background-color: transparent;
}
@media screen and (max-width: 679px) {
  .sidebar-toggle {
    right: 0;
    left: auto;
    width: 60px;
    height: 60px;
    border-bottom-left-radius: 10px;
    background-color: var(--sidebar-color);
  }
}
.sidebar-toggle__bar {
  position: absolute;
  left: 24px;
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 2px;
  background-color: #ffffff;
  transition: 0.5s ease;
  transition-property: opacity, transform, top, left;
}
@media screen and (max-width: 679px) {
  .sidebar-toggle__bar {
    left: 19px;
  }
}
.sidebar-toggle__bar:nth-child(1) {
  top: 27px;
}
@media screen and (max-width: 679px) {
  .sidebar-toggle__bar:nth-child(1) {
    top: 22px;
  }
}
.sidebar-toggle__bar:nth-child(2) {
  top: 35px;
}
@media screen and (max-width: 679px) {
  .sidebar-toggle__bar:nth-child(2) {
    top: 30px;
  }
}
.sidebar-toggle__bar:nth-child(3) {
  top: 43px;
}
@media screen and (max-width: 679px) {
  .sidebar-toggle__bar:nth-child(3) {
    top: 38px;
  }
}
@media screen and (min-width: 680px) {
  .sidebar-toggle:hover .sidebar-toggle__bar {
    opacity: 0.7;
  }
}

.wide-active-item .nav-item.--current a::after {
  height: 40px;
}

.slider-container {
  --slider-padding-bottom: 28px;
  --slider-padding-sides: 35px;
  --slider-slide-border-radius: 20px;
  --swiper-theme-color: #005EAE;
  --swiper-navigation-color: #000;
  --swiper-navigation-size: 20px;
  --swiper-navigation-top-offset: calc((100% - var(--slider-padding-bottom)) / 2);
  --swiper-navigation-sides-offset: 0;
  --swiper-pagination-bullet-inactive-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  position: relative;
  margin: 0 calc(var(--slider-padding-sides) * -1);
  padding: 0 var(--slider-padding-sides) var(--slider-padding-bottom);
}
@media screen and (min-width: 680px) and (max-width: 1440px) {
  .slider-container {
    --slider-padding-sides: 2.4vw;
  }
}
@media screen and (max-width: 679px) {
  .slider-container {
    --slider-padding-bottom: 23px;
    --slider-padding-sides: 15px;
    --slider-slide-border-radius: 10px;
    --swiper-navigation-size: 12px;
    --swiper-navigation-sides-offset: 3px;
  }
}
.slider-container.--no-pagination {
  --slider-padding-bottom: 0;
}
.slider-container .swiper-slide {
  border: 1px solid #DCDCDC;
  border-radius: var(--slider-slide-border-radius);
  background-color: #ffffff;
  overflow: hidden;
}
@media screen and (max-width: 679px) {
  .slider-container .swiper-slide {
    --slider-padding-bottom: 23px;
  }
}
.slider-container .swiper-slide:hover {
  opacity: 0.7;
}
.slider-container .slider-slide-link {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.slider-container .slider-slide-img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-container .swiper-button-prev:hover,
.slider-container .swiper-button-next:hover {
  opacity: 0.7;
}
.slider-container .swiper-button-prev::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
}
.slider-container .swiper-button-next::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
}
.slider-container .swiper-pagination {
  display: flex;
  justify-content: center;
}
.slider-container .swiper-pagination-bullets.swiper-pagination-horizontal {
  top: auto;
  bottom: 0;
}

.sub-category-box {
  position: relative;
  margin-bottom: 50px;
  border-radius: 20px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
  height: var(--sub-category-box-height);
  transition: 0.3s ease-out;
  transition-property: height, margin-bottom, opacity;
}
@media screen and (max-width: 679px) {
  .sub-category-box {
    margin-bottom: 30px;
    border-radius: 10px;
  }
}
.sub-category-box__inner {
  display: flex;
  gap: 40px;
  padding: 30px 25px;
}
@media screen and (max-width: 679px) {
  .sub-category-box__inner {
    flex-direction: column;
    gap: 5px;
    padding: 15px;
  }
}
.sub-category-box.--hidden {
  height: 0;
  opacity: 0;
  margin-bottom: 0;
}
.sub-category-box.--hidden .sub-category-box-header {
  display: none;
}
@media screen and (max-width: 679px) {
  .sub-category-box.--overflow .sub-category-box__inner {
    padding-bottom: 40px;
  }
}
.sub-category-box.--overflow.--expanded .sub-category-box-expand-btn__icon::after {
  display: none;
}
.sub-category-box.--overflow.--expanded .sub-category-box-expand-btn__text .--open {
  display: none;
}
@media screen and (max-width: 679px) {
  .sub-category-box.--overflow:not(.--expanded) {
    height: var(--sub-category-box-overflow-height);
  }
}
.sub-category-box.--overflow:not(.--expanded) .sub-category-box-expand-btn__text .--close {
  display: none;
}
.sub-category-box:not(.--overflow) .sub-category-box-expand-btn {
  display: none;
}

.sub-category-box-header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 679px) {
  .sub-category-box-header {
    padding-bottom: 5px;
  }
}
.sub-category-box-header__text {
  font-weight: bold;
  white-space: nowrap;
}

.sub-category-box-body {
  display: block;
  flex-grow: 1;
  transition: height 0.3s ease-out;
}

.sub-category-box-expand-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  outline: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 45px;
  background: none;
  appearance: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 680px) {
  .sub-category-box-expand-btn {
    display: none;
  }
}
.sub-category-box-expand-btn::before, .sub-category-box-expand-btn::after {
  content: "";
  display: block;
}
.sub-category-box-expand-btn::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 15px;
  left: 0;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.7) 100%);
}
.sub-category-box-expand-btn::after {
  height: 15px;
  background-color: #fff;
}
.sub-category-box-expand-btn__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
}
.sub-category-box-expand-btn__icon {
  position: relative;
  top: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
}
.sub-category-box-expand-btn__icon::before, .sub-category-box-expand-btn__icon::after {
  content: "";
  display: block;
  border-radius: 1px;
  background-color: #005EAE;
}
.sub-category-box-expand-btn__icon::before {
  width: 100%;
  height: 2px;
}
.sub-category-box-expand-btn__icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: height 0.3s ease;
}
.sub-category-list {
  --sub-category-list-x-gap: 15px;
  --sub-category-list-y-gap: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--sub-category-list-y-gap) var(--sub-category-list-x-gap);
}
@media screen and (max-width: 679px) {
  .sub-category-list {
    --sub-category-list-x-gap: 0;
    --sub-category-list-y-gap: 0;
    font-size: 14px;
  }
}
.sub-category-list__item {
  width: calc((100% - var(--sub-category-list-x-gap) * 2) / 3);
}
@media screen and (max-width: 679px) {
  .sub-category-list__item {
    width: 100%;
    padding: 5px 0;
  }
}
.sub-category-list__item .--fs-sm {
  font-size: 11px;
}
@media screen and (max-width: 679px) {
  .sub-category-list__item .--fs-sm {
    font-size: 10px;
    transform: scale(0.9);
  }
}
.syllable-filter {
  --syllable-filter-sub-group-block-active-margin: 0;
  --syllable-filter-sub-group-block-inner-padding-bottom: 0;
  --syllable-filter-tabs-margin: 0;
}

.syllable-filter-group {
  position: relative;
  z-index: 1;
}

.syllable-filter-sub-group {
  --sub-buttons-width: 0;
  --sub-buttons-height: 0;
  overflow: hidden;
  transition: 0.3s ease-out;
  transition-property: width, height, margin-bottom;
}
.syllable-filter-sub-group.--inline {
  width: 0;
  margin-bottom: -14px;
}
.syllable-filter-sub-group.--inline .syllable-filter-sub-group__inner {
  width: fit-content;
  padding-bottom: 14px;
}
@media screen and (min-width: 680px) {
  .syllable-filter-sub-group.--inline.--active {
    width: var(--sub-buttons-width);
  }
}
.syllable-filter-sub-group.--block {
  position: relative;
  z-index: 1;
  height: 0;
}
.syllable-filter-sub-group.--block .syllable-filter-sub-group__inner {
  padding-bottom: var(--syllable-filter-sub-group-block-inner-padding-bottom);
}
@media screen and (max-width: 679px) {
  .syllable-filter-sub-group.--block.--active {
    height: var(--sub-buttons-height);
    margin: var(--syllable-filter-sub-group-block-active-margin);
  }
}

.syllable-filter-sub-group-list {
  position: relative;
  display: flex;
  gap: 3px;
}
.syllable-filter-sub-group-list.--block {
  gap: 5px;
  padding: 5px 10px;
  background-color: var(--accent-color);
}

.syllable-filter-sub-group-item {
  position: relative;
}
@media screen and (max-width: 679px) {
  .syllable-filter-sub-group-item {
    flex: 1;
  }
}
.syllable-filter-sub-group-item__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 36px;
  min-height: 36px;
  outline: none;
  border: none;
  padding: 0;
  border-radius: 5px;
  background-color: #fff;
  appearance: none;
  white-space: nowrap;
}
.syllable-filter-sub-group-item__tail {
  --syllable-sub-button-tail-offset-y: 1px;
  --syllable-sub-button-tail-border-y-width: 10;
  --syllable-sub-button-tail-border-x-width: 15;
  --syllable-sub-button-tail-outer-border-y-width: 15;
  --syllable-sub-button-tail-outer-border-x-width: calc(var(--syllable-sub-button-tail-outer-border-y-width) / (var(--syllable-sub-button-tail-border-y-width) / var(--syllable-sub-button-tail-border-x-width)));
  position: absolute;
  top: calc(100% - var(--syllable-sub-button-tail-offset-y));
  left: 50%;
  display: block;
  width: 100%;
  height: 15px;
  overflow: hidden;
  transform: translateX(-50%);
}
@media screen and (max-width: 679px) {
  .syllable-filter-sub-group-item__tail {
    --syllable-sub-button-tail-offset-y: 0px;
  }
}
.syllable-filter-sub-group-item__tail::before, .syllable-filter-sub-group-item__tail::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-top: calc(var(--syllable-sub-button-tail-border-y-width) * 1px) solid #fff;
  border-right: calc(var(--syllable-sub-button-tail-border-x-width) * 1px) solid transparent;
  border-left: calc(var(--syllable-sub-button-tail-border-x-width) * 1px) solid transparent;
  transform: translateX(-50%);
}
.syllable-filter-sub-group-item__tail::before {
  border-top: calc(var(--syllable-sub-button-tail-outer-border-y-width) * 1px) solid var(--accent-color);
  border-right-width: calc(var(--syllable-sub-button-tail-outer-border-x-width) * 1px);
  border-left-width: calc(var(--syllable-sub-button-tail-outer-border-x-width) * 1px);
}
.syllable-filter-sub-group-item:not(.--active) .syllable-filter-sub-group-item__button:hover {
  opacity: 0.8;
}
.syllable-filter-sub-group-item:not(.--active) .syllable-filter-sub-group-item__tail {
  display: none;
}
.syllable-filter-sub-group-item.--active .syllable-filter-sub-group-item__button {
  font-weight: bold;
  color: var(--accent-color);
}
.syllable-filter-sub-group-item.--active:not(.--tail) .syllable-filter-sub-group-item__tail {
  display: none;
}
.syllable-filter-sub-group-item.--block:not(.--active) .syllable-filter-sub-group-item__button {
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  background-color: transparent;
}
@media screen and (max-width: 679px) {
  .syllable-filter-sub-group-item.--sp-sm .syllable-filter-sub-group-item__button {
    min-height: 32px;
  }
}

.syllable-filter-tabs {
  --syllable-filter-tabs-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--syllable-filter-tabs-height);
  margin: var(--syllable-filter-tabs-margin);
  background-color: #fff;
  overflow: hidden;
  transition: 0.3s ease-out;
  transition-property: height, margin-bottom;
}
@media screen and (max-width: 679px) {
  .syllable-filter-tabs.--group-active {
    margin-top: calc(var(--syllable-filter-sub-group-block-inner-padding-bottom) * -1px);
  }
}
.syllable-filter-tabs:not(.--active) {
  height: 0;
}
.syllable-filter-tabs > c-syllable-filter-tab {
  top: 100%;
  width: 100%;
}
@media screen and (max-width: 679px) {
  .syllable-filter-tabs > c-syllable-filter-tab {
    padding-top: 10px;
  }
}

.table,
.sp_table {
  --table-cell-padding-x: 10px;
  --table-cell-padding-y: 10px;
  --table-cell-offset-right: 0px;
  --table-fs: 14px;
  width: 100%;
  font-size: var(--table-fs);
}
@media screen and (max-width: 679px) {
  .table,
  .sp_table {
    --table-cell-padding-x: 7px;
    --table-cell-padding-y: 7px;
    --table-fs: 12px;
  }
}

.table.--bg-white {
  background-color: #fff;
}
.table.--fs-normal {
  --table-fs: 16px;
}
@media screen and (max-width: 679px) {
  .table.--fs-normal {
    --table-fs: 14px;
  }
}
.table.--width-auto {
  width: auto;
}
.table.--layout-fixed {
  table-layout: fixed;
}
@media screen and (max-width: 679px) {
  .table.--sp-layout-fixed {
    table-layout: fixed;
  }
}
.table.--synced-row-height .table-heading,
.table.--synced-row-height .table-content {
  height: var(--synced-row-height);
}
.table.--synced-column-width .table-heading,
.table.--synced-column-width .table-content {
  width: var(--synced-column-width);
}
.table.--align-center tr > * {
  text-align: center;
}
.table.--align-middle tr > * {
  vertical-align: middle;
}
@media screen and (max-width: 679px) {
  .table.--sp-block {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .table.--sp-block thead,
  .table.--sp-block tbody,
  .table.--sp-block .table-row,
  .table.--sp-block .table-heading,
  .table.--sp-block .table-content {
    display: block;
  }
}
@media screen and (max-width: 679px) {
  .table.--sp-block .table-row:not(:last-child) .table-content {
    border-bottom: 0;
  }
}
@media screen and (max-width: 679px) {
  .table.--sp-block .table-heading:not(:first-child),
  .table.--sp-block .table-content:not(:first-child) {
    border-top: 0;
  }
}

.table-heading,
.table-content {
  padding: var(--table-cell-padding-y) calc(var(--table-cell-padding-x) + var(--table-cell-offset-right)) var(--table-cell-padding-y) var(--table-cell-padding-x);
  border: 1px solid #DCDCDC;
}
.table-heading.--bg-30,
.table-content.--bg-30 {
  background-color: rgba(241, 241, 241, 0.3);
}
.table-heading.--text-align-left,
.table-content.--text-align-left {
  text-align: left;
}
.table-heading.--text-align-center,
.table-content.--text-align-center {
  text-align: center;
}
.table-heading.--text-align-right,
.table-content.--text-align-right {
  text-align: right;
}
.table-heading.--vertical-align-top,
.table-content.--vertical-align-top {
  vertical-align: top;
}
.table-heading.--vertical-align-baseline,
.table-content.--vertical-align-baseline {
  vertical-align: baseline;
}
.table-heading.--vertical-align-middle,
.table-content.--vertical-align-middle {
  vertical-align: middle;
}

.table-heading {
  background-color: #F1F1F1;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.table-heading .--sm {
  font-size: 10px;
}

.table-content.--align-center {
  text-align: center;
}
.table-content.--align-middle {
  vertical-align: middle;
}
.table-content.--diagonal-line {
  background-image: linear-gradient(to top left, transparent calc(50% - 1px), #DCDCDC, transparent calc(50% + 1px));
}

.table-legend-heading {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 0.5em 0;
}
@media screen and (max-width: 679px) {
  .table-legend-heading {
    gap: 5px;
    padding: 0;
  }
}
.table-legend-heading__badge {
  position: relative;
  top: -0.1em;
  flex-shrink: 0;
}
.table-legend-heading__badge::after {
  content: "必須";
  padding: 0 0.35em;
  border: 1px solid #D40000;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 500;
  color: #D40000;
}
.table-legend-heading.--align-right {
  justify-content: flex-end;
}

.top-search-box-img {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 679px) {
  .top-search-box-img {
    padding-right: 5px;
  }
}
.top-search-box-img__text {
  align-self: flex-end;
  margin-bottom: 10px;
  color: #999999;
  font-size: 12px;
}
@media screen and (max-width: 679px) {
  .top-search-box-img__text {
    font-size: 8px;
  }
}

.to-top-container {
  position: sticky;
  z-index: 99;
  bottom: 146px;
  margin-left: auto;
  margin-top: -66px;
  width: 60px;
  height: 66px;
  overflow: hidden;
  transform: translateY(calc(100% + 40px));
}
@media print {
  .to-top-container {
    display: none !important;
  }
}
@media screen and (max-width: 679px) {
  .to-top-container {
    bottom: 65px;
    margin-top: -60px;
    width: 50px;
    height: 60px;
    transform: translateY(calc(50% + 15px));
  }
}

.to-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border-radius: 50% 0 0 50%;
  border: none;
  outline: none;
  appearance: none;
  background-color: #005EAE;
  transform: translateX(0);
  transition: transform 0.5s ease;
  color: #ffffff;
}
@media screen and (min-width: 680px) {
  .to-top {
    transition-delay: 0.2s;
  }
}
@media screen and (max-width: 679px) {
  .to-top {
    width: 50px;
    height: 55px;
  }
}
.to-top::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "nipro-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e935";
  font-size: 12px;
  margin-right: -0.6em;
}
.to-top__text {
  margin: 0.2em -0.7em 0 0;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
  transform: scale(0.9);
}
@media screen and (max-width: 679px) {
  .to-top__text {
    transform: scale(0.7);
  }
}
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .to-top__text {
    transform: scale(0.75);
  }
}
.to-top__img {
  position: absolute;
  bottom: -6px;
  right: 6px;
  display: block;
  width: 38px;
}
@media screen and (max-width: 679px) {
  .to-top__img {
    bottom: -5px;
    width: 32px;
    right: 5px;
  }
}
.to-top:hover {
  background-color: #337EBE;
}
.to-top.--hidden {
  transform: translateX(100%);
}

.vertical-text {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.15em;
}
.vertical-text.--align-center {
  justify-content: center;
}

.vertical-text-line {
  display: flex;
  flex-direction: column;
}
.vertical-text-line.--parentheses::before, .vertical-text-line.--parentheses::after {
  position: relative;
  right: -0.6em;
  display: block;
  transform: rotate(90deg);
  height: 0.5em;
}
.vertical-text-line.--parentheses::before {
  content: "(";
}
.vertical-text-line.--parentheses::after {
  content: ")";
}

.vertical-text-char {
  line-height: 1.15;
  font-feature-settings: "palt";
}

localdevserver-app [localdevserver-header_header-host] {
  display: none;
}
localdevserver-app .main-content[localdevserver-layoutsection_layoutsection-host] {
  max-width: none;
  margin: auto;
  padding: 0;
}
localdevserver-app .header[localdevserver-preview_preview] {
  display: none;
  overflow: hidden;
}
localdevserver-app article[localdevserver-preview_preview] {
  background-color: transparent;
  border: none;
}
localdevserver-app .preview-content[localdevserver-preview_preview] {
  background-color: transparent;
}
localdevserver-app .container[localdevserver-preview_preview] {
  margin: 0;
  width: 100%;
  background-color: #fff;
  overflow: unset;
}
localdevserver-app .column-content.community_layout-column_column {
  min-width: 0;
}
localdevserver-app .webruntimedesign-componentWrapper_componentWrapper-host.component-wrapper-spacer {
  margin-bottom: 0;
}

community_layout-section {
  padding: 0 !important;
}