@charset "UTF-8";
/* ========================================================
# 関数の設定
======================================================== */
/* ========================================================
# リキッドレイアウト設定
======================================================== */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media (min-width: 768px) {
  html {
    font-size: 1.2903225806vw;
  }
}
@media (min-width: 1240px) {
  html {
    font-size: 16px;
  }
}

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

body {
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
}

a {
  color: #1A1A1A;
  text-decoration: none;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
a:hover {
  opacity: 0.6;
}

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

img {
  vertical-align: bottom;
  height: auto;
  max-width: 100%;
  width: 100%;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.pconly {
  display: block;
}

.sponly {
  display: none;
}

@media screen and (max-width: 767px) {
  .pconly {
    display: none;
  }
  .sponly {
    display: block;
  }
}
.js-showup {
  display: block;
  opacity: 0;
  -webkit-transform: translate3d(0, 0.625rem, 0);
  transform: translate3d(0, 0.625rem, 0);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-filter: blur(1px);
  filter: blur(1px);
}
.js-showup.-inView {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-filter: blur(0);
  filter: blur(0);
}
@media screen and (max-width: 767px) {
  .js-showup.-inView {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes arrowSlidePrev {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

@keyframes arrowSlidePrev {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, -50%, 0);
    transform: translate3d(60%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, -50%, 0);
    transform: translate3d(-60%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlide {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(60%, -50%, 0);
    transform: translate3d(60%, -50%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-60%, -50%, 0);
    transform: translate3d(-60%, -50%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlide2 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(40%, 0%, 0);
    transform: translate3d(40%, 0%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-40%, 0%, 0);
    transform: translate3d(-40%, 0%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlide2 {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(40%, 0%, 0);
    transform: translate3d(40%, 0%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-40%, 0%, 0);
    transform: translate3d(-40%, 0%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlideUp {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlideUp {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, 40%, 0);
    transform: translate3d(-50%, 40%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@-webkit-keyframes arrowSlideDown {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, 70%, 0);
    transform: translate3d(-50%, 70%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
@keyframes arrowSlideDown {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  50.0% {
    -webkit-transform: translate3d(-50%, 70%, 0);
    transform: translate3d(-50%, 70%, 0);
    opacity: 0;
  }
  50.1% {
    -webkit-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}
.leadgridCms-onlyInnerWorkspace.js-showup {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important;
}
.leadgridCms-onlyInnerWorkspace .js-showup {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
  -webkit-filter: blur(0) !important;
  filter: blur(0) !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. For a smooth scroll.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  max-width: 100%;
  height: auto;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.-lg-fs_xs {
  font-size: var(--font-size-xs);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xs {
    font-size: var(--font-size-xs-sp);
  }
}

.-lg-fs_s {
  font-size: var(--font-size-s);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .-lg-fs_s {
    font-size: var(--font-size-s-sp);
  }
}

.-lg-fs_m {
  font-size: var(--font-size-m);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .-lg-fs_m {
    font-size: var(--font-size-m-sp);
  }
}

.-lg-fs_l {
  font-size: var(--font-size-l);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_l {
    font-size: var(--font-size-l-sp);
  }
}

.-lg-fs_xl {
  font-size: var(--font-size-xl);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xl {
    font-size: var(--font-size-xl-sp);
  }
}

.-lg-fs_xxl {
  font-size: var(--font-size-xxl);
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .-lg-fs_xxl {
    font-size: var(--font-size-xxl-sp);
  }
}

.-lg-fd_bold {
  font-weight: bold;
}

.-lg-fd_underline {
  text-decoration: underline;
}

.-lg-fd_strong {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(35, 96, 153, 0.2)), color-stop(90%, rgba(35, 96, 153, 0.2)), color-stop(90%, transparent));
  background: linear-gradient(transparent 70%, rgba(35, 96, 153, 0.2) 70%, rgba(35, 96, 153, 0.2) 90%, transparent 90%);
}

.-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.-pb0 {
  padding-bottom: 0 !important;
}

/*
resources/default/public/assets/base/img/common/icomoon/style.css をリセットするた目のcss
icomoonは、新規フォント追加の度に、style.cssが更新されてしまうため、更新されて欲しくないスタイル修正はここに記載する。
*/
.icon-circle-arrow {
  position: relative;
  width: 14px;
  height: 14px;
}
.icon-circle-arrow.-white .path1:before {
  color: #fff;
}
.icon-circle-arrow.-white .path2:before {
  color: var(--color-base-primary);
}
.icon-circle-arrow.-primary .path1:before {
  color: var(--color-base-primary);
}
.icon-circle-arrow.-primary .path2:before {
  color: var(--color-base-primaryInside);
}
.icon-circle-arrow.-secondary .path1:before {
  color: var(--color-base-secondary);
}
.icon-circle-arrow.-secondary .path2:before {
  color: var(--color-base-secondaryInside);
}
.icon-circle-arrow.-large {
  width: 20px;
  height: 20px;
}
.icon-circle-arrow.-large .path1:before {
  font-size: 20px;
}
.icon-circle-arrow.-large .path2:before {
  font-size: 20px;
}
.icon-circle-arrow .path1 {
  position: absolute;
  left: 0;
}
.icon-circle-arrow .path2 {
  position: absolute;
  left: 0;
}
.icon-circle-arrow .path2:before {
  margin: 0;
  color: var(--color-base-secondary);
}

.leadgrid-c-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  border-radius: var(--border-radius-button);
  text-decoration: none;
  cursor: pointer;
  padding: 6px 40px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.leadgrid-c-button:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}
.leadgrid-c-button.-primary {
  background-color: var(--color-base-primary);
  color: var(--color-base-primaryInside);
  border: 3px solid var(--color-base-primary);
}
.leadgrid-c-button.-primary .icon-circle-arrow .path1:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-primary .icon-circle-arrow .path2:before {
  color: var(--color-base-primary);
}
.leadgrid-c-button.-secondary {
  background-color: var(--color-base-primary);
  color: var(--color-base-primaryInside);
  border: 3px solid var(--color-base-primary);
}
.leadgrid-c-button.-secondary .icon-circle-arrow .path1:before {
  color: #fff;
}
.leadgrid-c-button.-secondary .icon-circle-arrow .path2:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-white {
  background-color: #fff;
  color: var(--color-base-secondary);
  border: 3px solid var(--color-base-secondary);
}
.leadgrid-c-button.-white .icon-circle-arrow .path1:before {
  color: var(--color-base-secondary);
}
.leadgrid-c-button.-white .icon-circle-arrow .path2:before {
  color: var(--color-base-primary);
}
.leadgrid-c-button.-large {
  min-width: 275px;
  padding: 10px 40px;
}
.leadgrid-c-button.-large .c-button__jaTitle {
  font-size: var(--font-size-m);
}
.leadgrid-c-button.-large .icon-circle-arrow {
  right: 20px;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.leadgrid-c-button.-big {
  min-width: 365px;
  padding: 28px 84px;
}
@media screen and (max-width: 767px) {
  .leadgrid-c-button.-big {
    padding: 28px 64px;
  }
}
.leadgrid-c-button.-big .c-button__jaTitle {
  font-size: var(--font-size-l);
}
.leadgrid-c-button.-big .icon-circle-arrow {
  right: 32px;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.leadgrid-c-button.-medium {
  min-width: 235px;
  padding: 11px 40px;
  font-size: var(--font-size-s);
}
.leadgrid-c-button.-tag {
  border-radius: var(--border-radius);
  background-color: #f3f3f3;
  min-width: initial;
  font-size: 12px;
  font-weight: normal;
  padding: 3px 14px;
}
.leadgrid-c-button.-arrow:before {
  content: " ";
  width: 22px;
  height: 7px;
  background-image: url("/assets/base/img/common/icon_arrow.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 22px 7px;
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -3.5px;
}
.leadgrid-c-button.-shadow {
  -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}
.leadgrid-c-button.-notValid {
  pointer-events: none;
  opacity: 0.5;
}
.leadgrid-c-button.-noRecaptcha {
  pointer-events: none;
  opacity: 0.5;
}
.leadgrid-c-button .c-button__enTitle {
  font-size: var(--font-size-xs);
  line-height: 120%;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
  opacity: 0.5;
  letter-spacing: 2.46507px;
}
.leadgrid-c-button .c-button__jaTitle {
  font-size: var(--font-size-s);
  line-height: 145%;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
}
.leadgrid-c-button .icon-circle-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  display: none;
}

.hacomono-service-c-inner {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-c-inner.-large {
  max-width: 1160px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-inner.-large {
    max-width: 480px;
  }
}
.hacomono-service-c-inner.-media {
  max-width: 1240px;
  padding: 0 46px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-inner.-media {
    max-width: 480px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-inner.-event {
    max-width: 480px;
    padding: 0 16px;
  }
}

.hacomono-service-c-button {
  background-color: #1A1A1A;
  border-radius: 0.375rem;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
  font-size: 0.875rem;
  text-decoration: none;
  padding: 0.875rem 0.75rem 0.875rem 1.5rem;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-weight: bold;
  line-height: 1.5;
  width: 12.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button {
    border-radius: 0.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.25rem;
    width: 14.4375rem;
  }
}
.hacomono-service-c-button:hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}
.hacomono-service-c-button.-center {
  margin-inline: auto;
}
.hacomono-service-c-button.-left {
  margin-inline: auto 0;
}
.hacomono-service-c-button.-textCenter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hacomono-service-c-button.-white {
  background-color: #fff;
  color: #1A1A1A;
  border: 1px solid #1A1A1A;
}
.hacomono-service-c-button.-white:after {
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0);
}
.hacomono-service-c-button.-arrowAfterDownloads {
  padding: 0.8125rem;
  font-size: 0.875rem;
  width: 14.375rem;
}
.hacomono-service-c-button.-arrowAfterDownloads::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-download.svg") center center/contain no-repeat;
  position: absolute;
  top: 48%;
  right: 0.5rem;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  height: 1.5rem;
  width: 1.5rem;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-arrowAfterDownloads::after {
    height: 1.25rem;
    width: 1.25rem;
  }
}
.hacomono-service-c-button.-arrowAfterDownloads:hover {
  opacity: 0.7;
}
.hacomono-service-c-button.-arrowAfterWhite::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.5rem;
  width: 1.5rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-arrowAfterWhite::after {
    height: 1.25rem;
    width: 1.25rem;
  }
}
.hacomono-service-c-button.-arrowAfterWhite:hover::after {
  -webkit-animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-c-button.-arrowAfterBorder {
  border: 0.0625rem solid #1A1A1A;
  background-color: #fff;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-arrowAfterBorder {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.hacomono-service-c-button.-arrowAfterBorder:after {
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0);
}
.hacomono-service-c-button.-arrowAfterBorder::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.5rem;
  width: 1.5rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-arrowAfterBorder::after {
    height: 1.25rem;
    width: 1.25rem;
  }
}
.hacomono-service-c-button.-arrowAfterBorder:hover::after {
  -webkit-animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-c-button.-primary {
  background-color: var(--color-base-primary);
  color: var(--color-base-primaryInside);
  border: 0px solid var(--color-base-primary);
}
.hacomono-service-c-button.-secondary {
  background-color: var(--color-base-secondary);
  color: var(--color-base-secondaryInside);
  border: 3px solid var(--color-base-secondary);
}
.hacomono-service-c-button.-large {
  min-width: 275px;
  padding: 8px 40px;
}
.hacomono-service-c-button.-large .c-button__jaTitle {
  font-size: var(--font-size-m);
}
.hacomono-service-c-button.-large .icon-circle-arrow {
  right: 20px;
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.hacomono-service-c-button.-big {
  min-width: 360px;
  padding: 24px 80px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-big {
    padding: 12px 20px 12px 20px;
  }
}
.hacomono-service-c-button.-big .c-button__jaTitle {
  font-size: var(--font-size-l);
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-big .c-button__jaTitle {
    font-size: var(--font-size-l-sp);
  }
}
.hacomono-service-c-button.-medium {
  min-width: 235px;
  padding: 11px 40px;
  font-size: var(--font-size-s);
}
.hacomono-service-c-button.-tag {
  border-radius: var(--border-radius);
  background-color: var(--color-base-primaryFaded);
  color: var(--color-base-text);
  min-width: initial;
  font-size: var(--font-size-xs);
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: normal;
  padding: 3px 14px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-button.-tag {
    font-size: var(--font-size-xs-sp);
  }
}
.hacomono-service-c-button.-notValid {
  pointer-events: none;
  opacity: 0.5;
}
.hacomono-service-c-button.-noRecaptcha {
  pointer-events: none;
  opacity: 0.5;
}
.hacomono-service-c-button .c-button__enTitle {
  font-size: var(--font-size-xs, 10px);
  line-height: 120%;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
  letter-spacing: 0.01em;
  padding-bottom: 1px;
  opacity: 0.5;
  display: block;
}
.hacomono-service-c-button .c-button__jaTitle {
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
}

.hacomono-service-c-caseCard {
  border-radius: 0.5rem;
  background-color: #F7F6F6;
  overflow: hidden;
  width: 19.0625rem;
}
.hacomono-service-c-caseCard:hover .c-caseCard__image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.hacomono-service-c-caseCard .c-caseCard__link {
  display: block;
  height: 100%;
}
.hacomono-service-c-caseCard .c-caseCard__link:hover {
  opacity: 1;
}
.hacomono-service-c-caseCard .c-caseCard__image {
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.hacomono-service-c-caseCard .c-caseCard__image img {
  aspect-ratio: 305/203;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.hacomono-service-c-caseCard .c-caseCard__textBox {
  padding: 0.1875rem 2rem 2rem;
  position: relative;
}
.hacomono-service-c-caseCard .c-caseCard__textBox::before {
  content: "";
  background: url("/assets/hacomono-service/img/common/casecard-deco.svg") bottom center/contain no-repeat;
  position: absolute;
  top: 0.0625rem;
  left: 0;
  height: 1.3125rem;
  width: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.hacomono-service-c-caseCard .c-caseCard__meta {
  margin-bottom: 1.5rem;
}
.hacomono-service-c-caseCard .c-caseCard__logo {
  position: relative;
  margin-top: -0.9375rem;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0;
  max-width: 6rem;
  min-height: 2.375rem;
}
.hacomono-service-c-caseCard .c-caseCard__title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.hacomono-service-c-caseCard .c-caseCard__description {
  border-bottom: 1px solid #ECECEC;
  font-size: 0.875rem;
  line-height: 1.5;
  padding-bottom: 1.5rem;
  margin-bottom: 0.75rem;
}
.hacomono-service-c-caseCard .c-caseCard__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.hacomono-service-c-caseCard .c-caseCard__tags .c-caseCard__tag {
  border-radius: 0.125rem;
  background-color: #DADADA;
  color: #4F4F4F;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.1875rem 0.6875rem 0.25rem 0.6875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hacomono-service-c-caseCard .c-caseCard__metaText {
  color: #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
}
.hacomono-service-c-caseCard .c-caseCard__metaText .c-caseCard__metaTextDescription:not(:last-child)::before {
  content: "、";
}
.hacomono-service-c-caseCard .c-caseCard__metaText .c-caseCard__metaTextTitle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hacomono-service-c-caseCard.-white {
  background-color: #fff;
  border: 0.0625rem solid #D2D2D2;
}
.hacomono-service-c-caseCard.-white .c-caseCard__textBox {
  background-color: #fff;
}
.hacomono-service-c-caseCard.-white .c-caseCard__textBox::before {
  background: url("/assets/hacomono-service/img/common/casecard-deco-white.svg") bottom center/contain no-repeat;
}

.hacomono-service-c-header {
  position: fixed;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  z-index: 99;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.hacomono-service-c-header .hacomono-service-c-inner {
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
}
.hacomono-service-c-header.-fixed .c-header__hamburgerMenu.-isOpen .c-header__hamburgerMenuList {
  padding-top: 6.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.-fixed .c-header__hamburgerMenu.-isOpen .c-header__hamburgerMenuList {
    padding-top: 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.-fixed .c-header__logo.-isWhite {
    top: 0;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu {
  background-color: #1A1A1A;
  border-radius: 0.5rem;
  color: #fff;
  display: none;
  position: absolute;
  top: 0.8125rem;
  left: 0.8125rem;
  min-width: 19.6875rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu {
    top: 0.75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: scroll;
    max-height: calc(100svh - 1.5rem);
    width: calc(100% - 1.5rem);
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuLogo {
  padding: 1.75rem 2.625rem 1.4375rem 6.6875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuLogo {
    padding: 1.5rem 13.125rem 1.25rem 1.5rem;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuLogo img {
  height: auto;
  width: 10.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuLogo img {
    width: 7.3125rem;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 2.5rem;
  -webkit-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList {
    padding: 2.5rem 1.25rem 2.5rem;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem {
  position: relative;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem.-hasSubMenu {
  cursor: pointer;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem.-hasSubMenu:hover > a {
  opacity: 0.7;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem.-hasSubMenu::after {
  content: "";
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0.125rem;
  right: 0rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down-black-2.svg") center center/contain no-repeat;
  background-size: 1rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 2;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem.-hasSubMenu.is-active::after {
  rotate: 180deg;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem.-hasSubMenu > a {
  pointer-events: none;
  cursor: pointer;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem a {
  color: #fff;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuList .c-header__hamburgerMenuItem .c-header__hamburgerMenuTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}
.hacomono-service-c-header .c-header__hamburgerMenu.-isOpen .c-header__hamburgerMenuList {
  padding-top: 7.8125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu.-isOpen .c-header__hamburgerMenuList {
    padding-top: 6.5625rem;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerSubMenuListWrap {
  display: none;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerSubMenuListWrap .c-header__hamburgerSubMenuList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
  padding-left: 1.25rem;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerSubMenuListWrap .c-header__hamburgerSubMenuList .c-header__hamburgerSubMenuItem a {
  color: #fff;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerSubMenuListWrap .c-header__hamburgerSubMenuList .c-header__hamburgerSubMenuItem .c-header__hamburgerSubMenuTitle {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerSubMenuListWrap .c-header__hamburgerSubMenuList .c-header__hamburgerSubMenuItem .c-header__hamburgerSubMenuTitle .-minText {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists {
  display: none;
  padding-bottom: 3.0625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
  }
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists .c-header__hamburgerMenuCvBtn:first-child .hacomono-service-c-button {
  background-color: #fff;
  color: #1A1A1A;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists .c-header__hamburgerMenuCvBtn:first-child .hacomono-service-c-button::after {
  -webkit-filter: brightness(0) invert(0);
  filter: brightness(0) invert(0);
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists .c-header__hamburgerMenuCvBtn:last-child .hacomono-service-c-button {
  background-color: #767676;
  color: #fff;
}
.hacomono-service-c-header .c-header__hamburgerMenu .c-header__hamburgerMenuCvBtnLists .hacomono-service-c-button {
  margin-inline: auto;
  width: 17.1875rem;
}
.hacomono-service-c-header .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-block: 0.75rem 1.25rem;
  padding-inline: 0;
  max-width: 100%;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner {
    padding-left: 1.5rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__logo {
  position: relative;
  z-index: 99;
  width: 10.1875rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__logo {
    padding-top: 0.375rem;
    width: 7.3125rem;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__logo a img {
  height: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__logo a img {
    width: auto;
    margin: 0 auto 0 0;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__logo.-isWhite img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
@media screen and (min-width: 768px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav {
    display: none;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList {
  padding: 0;
  list-style: none;
  margin: 0 1.5625rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList {
    margin: 0;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem {
  position: relative;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu {
  cursor: pointer;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu:hover > a {
  opacity: 0.7;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu > a {
  gap: 0.25rem;
  pointer-events: none;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu > a::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down-black-2.svg") center center/contain no-repeat;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu.is-active > a::after {
  rotate: 180deg;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem.-hasSubMenu.is-active .c-header__subNavList {
  visibility: visible;
  opacity: 1;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > span,
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  padding: 0 0.875rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > span,
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > a {
    padding: 0 0.25rem;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > span .c-header__linkeJaTitle,
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navList .c-header__navItem > a .c-header__linkeJaTitle {
  margin: 0;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: none;
  word-break: break-all;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__subNavList {
  background: #fff;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.125rem;
  padding: 1.25rem;
  list-style: none;
  position: absolute;
  top: 2.8125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__subNavList::before {
  content: "";
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  height: 1.5rem;
  width: 100%;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__subNavList .c-header__subNavItem {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__subNavList .c-header__subNavItem .-minText {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 0.125rem;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton {
  background-color: #fff;
  border-radius: 0 0 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 1.25rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton {
    display: block;
    max-width: 480px;
    width: 100%;
    margin: 30px auto 0 auto;
    padding: 0 15px;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton::before, .hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton::after {
  content: "";
  background: url("/assets/hacomono-service/img/common/corner-white-2.svg") center center/contain no-repeat;
  position: absolute;
  height: 0.625rem;
  width: 0.625rem;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton::before {
  top: 0;
  left: 0;
  -webkit-transform: translate(-100%, 0%);
  transform: translate(-100%, 0%);
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__nav .c-header__navWrap .c-header__navButton::after {
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap {
  background-color: #fff;
  border-radius: 0 0 0.75rem 0;
  position: relative;
  padding: 1.25rem;
  margin-right: 1.25rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap {
    border-radius: 0 0 0 0.5rem;
    padding: 0 0 0.625rem 0.9375rem;
    margin-right: 0;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::before, .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::after {
  content: "";
  background: url("/assets/hacomono-service/img/common/corner-white.svg") center center/contain no-repeat;
  position: absolute;
  height: 0.625rem;
  width: 0.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::before, .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::after {
    background: url("/assets/hacomono-service/img/common/corner-white-2.svg") center center/contain no-repeat;
    height: 0.5rem;
    width: 0.5rem;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::before {
  top: 0;
  right: 0;
  -webkit-transform: translate(100%, 0%);
  transform: translate(100%, 0%);
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::before {
    left: 0;
    right: initial;
    -webkit-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::after {
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap::after {
    left: initial;
    right: 0;
  }
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton {
  cursor: pointer;
  opacity: 1;
  border-radius: 0.25rem;
  width: 3rem;
  height: 3rem;
  background: #1A1A1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  outline: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton.is-active > i:nth-child(2) {
  opacity: 0;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton.is-active > i:nth-child(1) {
  -webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
  transform: translate3d(0, 7px, 0) rotate(45deg);
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton.is-active > i:nth-child(3) {
  -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
  transform: translate3d(0, -7px, 0) rotate(-45deg);
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton > i {
  display: block;
  width: 1.4375rem;
  height: 0.125rem;
  background-color: #eeeeee;
  border-radius: 0.0625rem;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.hacomono-service-c-header .hacomono-service-c-inner .c-header__menuButtonWrap .c-header__menuButton > i + i {
  margin-top: 5px;
}
.hacomono-service-c-header.-fixed {
  background-color: #fff;
}
.hacomono-service-c-header.-fixed .hacomono-service-c-inner {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.-fixed .hacomono-service-c-inner {
    padding: 0.75rem 0 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.-fixed .c-header__logo {
    padding-top: 0;
    position: relative;
    top: -0.4375rem;
  }
}
.hacomono-service-c-header.-fixed .c-header__menuButtonWrap::before {
  top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.-fixed .c-header__menuButtonWrap::before {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.is-feature .hacomono-service-c-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0.25rem !important;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.is-feature .hacomono-service-c-inner .c-header__logo {
    padding-top: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.is-error .hacomono-service-c-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0.25rem !important;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-header.is-error .hacomono-service-c-inner .c-header__logo {
    padding-top: 0.75rem;
  }
}

.hacomono-service-c-footer {
  position: relative;
  background-color: #EFF1F4;
  padding: 0;
  margin-inline: auto;
  margin-bottom: 0.75rem;
  width: calc(100% - 1.5rem);
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer {
    border-radius: 0.25rem 0.25rem 0.75rem 0.75rem;
  }
}
.hacomono-service-c-footer .hacomono-service-c-inner {
  position: relative;
  z-index: 1;
  max-width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .hacomono-service-c-inner {
    background-color: transparent;
    padding: 0 0.625rem 2.5rem;
  }
}
.hacomono-service-c-footer .c-footerBanner__ctaArea {
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  margin-bottom: 5rem;
  padding: 0 1.25rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__ctaArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.75rem;
    padding: 0 0.625rem 0.625rem;
    position: relative;
    top: -1.25rem;
  }
}
.hacomono-service-c-footer .c-footerBanner__ctaLink {
  border-radius: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 2.125rem 2rem;
  text-decoration: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 14.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__ctaLink {
    padding: 2rem 2rem 3.9375rem;
    min-height: auto;
  }
}
.hacomono-service-c-footer .c-footerBanner__ctaLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-black.svg") center center/contain no-repeat;
  position: absolute;
  bottom: 1.25rem;
  right: 1.5rem;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__ctaLink::after {
    bottom: 1rem;
    right: 2rem;
    height: 2rem;
    width: 2rem;
  }
}
.hacomono-service-c-footer .c-footerBanner__ctaLink:hover {
  opacity: 1;
}
.hacomono-service-c-footer .c-footerBanner__ctaLink:hover::after {
  -webkit-animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-c-footer .c-footerBanner__ctaLink:first-child {
  background-color: #1A1A1A;
  color: #fff;
}
.hacomono-service-c-footer .c-footerBanner__ctaLink:last-child {
  background-color: #767676;
  color: #fff;
}
.hacomono-service-c-footer .c-footerBanner__ctaTitle {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__ctaTitle {
    font-size: 1.5rem;
  }
}
.hacomono-service-c-footer .c-footerBanner__ctaDescription {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__ctaDescription {
    font-size: 0.8125rem;
  }
}
.hacomono-service-c-footer .c-footer__mainArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10.0625rem;
  margin-bottom: 3.9375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footer__mainArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
.hacomono-service-c-footer .c-footerBanner__company {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 14.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__companyLogo {
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-c-footer .c-footerBanner__gnaviArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviArea {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    width: 100%;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft {
    display: contents;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navList {
  list-style: none;
  padding: 0 0 0 1rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navList {
    display: none;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem {
    text-align: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem:not(:last-child) {
  margin-bottom: 1.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem:not(:last-child) {
    margin-bottom: 0;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #1A1A1A;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem > a {
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem > a:hover::before {
  left: 0.1875rem;
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem > a::before {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 1.5rem;
  margin-right: 0.375rem;
  background: url("/assets/hacomono-service/img/icons/icon-arrow-2.svg") center center/contain no-repeat;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  left: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaLeft .c-footerBanner__navItem > a::before {
    display: none;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter {
  width: 10rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter .c-footerBanner__navList {
    display: contents;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter .c-footerBanner__navItem a {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter .c-footerBanner__navItem a {
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaCenter .c-footerBanner__navItem a::before {
  display: none;
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaRight {
  width: 10rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaRight {
    display: none;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaRight .c-footerBanner__navItem a {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviAreaRight .c-footerBanner__navItem a {
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__gnaviAreaRight .c-footerBanner__navItem a::before {
  display: none;
}
.hacomono-service-c-footer .c-footerBanner__gnaviTitle {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #1A1A1A;
  margin: 0 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__gnaviTitle {
    font-size: 1rem;
    margin: 0;
    text-align: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__navList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.hacomono-service-c-footer .c-footerBanner__navItem {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__navItem {
    text-align: center;
  }
}
.hacomono-service-c-footer .c-footerBanner__navItem:not(:last-child) {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__navItem:not(:last-child) {
    margin-bottom: 0;
  }
}
.hacomono-service-c-footer .c-footerBanner__navItem a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: #1A1A1A;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBanner__navItem a {
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-c-footer .c-header__subNavList {
  list-style: none;
  padding: 0;
  margin: 0.375rem 0 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-header__subNavList {
    display: none;
  }
}
.hacomono-service-c-footer .c-header__subNavItem {
  margin-bottom: 0.5rem;
}
.hacomono-service-c-footer .c-header__subNavItem:last-child {
  margin-bottom: 0;
}
.hacomono-service-c-footer .c-header__subNavItem .c-footerBanner__navLink {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1A1A1A;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hacomono-service-c-footer .c-header__subNavItem .c-footerBanner__navLink:hover {
  text-decoration: underline;
}
.hacomono-service-c-footer .c-header__subNavItem .c-footerBanner__navLink[target=_blank]::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-external-link.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 0.375rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
}
.hacomono-service-c-footer .c-footerBar {
  border-top: 1px solid #D2D2D2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding-block: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: 2rem 0;
  }
}
.hacomono-service-c-footer .c-footerBar > .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 0;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBar > .hacomono-service-c-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
  }
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__copyright {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #1A1A1A;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBar .c-footerBar__copyright {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__navList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-footer .c-footerBar .c-footerBar__navList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.875rem 0;
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__navItem {
  margin: 0;
  padding: 0;
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__navItem:not(:last-child)::after {
  content: "｜";
  font-size: 0.875rem;
  color: #1A1A1A;
  margin: 0 0.0625rem;
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__navItem a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #1A1A1A;
  text-decoration: none;
}
.hacomono-service-c-footer .c-footerBar .c-footerBar__navItem a[href*=http]::after, .hacomono-service-c-footer .c-footerBar .c-footerBar__navItem a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 0.8125rem;
  height: 0.8125rem;
  background: url("/assets/hacomono-service/img/icons/icon-external-link.svg") center center/contain no-repeat;
  margin-left: 0.25rem;
}

.hacomono-service-c-breadcrumb {
  padding: 1.25rem 0;
}
.hacomono-service-c-breadcrumb::-webkit-scrollbar {
  display: none;
}
.hacomono-service-c-breadcrumb .hacomono-service-c-inner {
  width: 100%;
  padding: 0 1.25rem;
}
.hacomono-service-c-breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-breadcrumb ul {
    padding: 0 0 0 0.25rem;
  }
}
.hacomono-service-c-breadcrumb li {
  color: #B0B0B0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-breadcrumb li {
    font-size: 0.625rem;
  }
}
.hacomono-service-c-breadcrumb li + li:before {
  content: " ";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background: url("/assets/hacomono-service/img/icons/icon-breadcrumb.svg") center center/contain no-repeat;
  margin: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-breadcrumb li + li:before {
    width: 0.5rem;
    height: 0.5rem;
    margin: 0 0.375rem;
  }
}
.hacomono-service-c-breadcrumb li:last-child a {
  text-decoration: none;
  pointer-events: none;
}
.hacomono-service-c-breadcrumb li a {
  text-decoration: underline;
  color: #1A1A1A;
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-breadcrumb li a {
    font-size: 0.625rem;
  }
}

.hacomono-service-c-aboutTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.hacomono-service-c-aboutTitle .hacomono-service-c-aboutTitleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}
.hacomono-service-c-aboutTitle .hacomono-service-c-aboutTitleWrapInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
}
.hacomono-service-c-aboutTitle .c-aboutTitle__text {
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #1A1A1A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-aboutTitle .c-aboutTitle__text {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.hacomono-service-c-aboutTitle .c-aboutTitle__text.sponly {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-aboutTitle .c-aboutTitle__text.sponly {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-aboutTitle .hacomono-service-c-aboutTitleWrap {
    display: inline;
  }
  .hacomono-service-c-aboutTitle .c-aboutTitle__image {
    display: inline-block;
    margin-bottom: 0.4375rem;
    vertical-align: middle;
  }
  .hacomono-service-c-aboutTitle .c-aboutTitle__text {
    display: inline;
  }
}

.hacomono-service-c-featuresCard {
  background-color: #fff;
  border-radius: 0.375rem;
  display: block;
  padding: 2rem;
  position: relative;
  min-height: 12.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-featuresCard {
    padding: 1.25rem 1.5rem;
    min-height: inherit;
  }
}
.hacomono-service-c-featuresCard .c-featuresCard__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
  min-height: 1.875rem;
}
.hacomono-service-c-featuresCard .c-featuresCard__header .c-featuresCard__title {
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-featuresCard .c-featuresCard__header .c-featuresCard__title {
    font-size: 1rem;
  }
}
.hacomono-service-c-featuresCard .c-featuresCard__header .c-featuresCard__optionLabel {
  background-color: #767676;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 0.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-featuresCard .c-featuresCard__header .c-featuresCard__optionLabel {
    font-size: 0.75rem;
  }
}
.hacomono-service-c-featuresCard .c-featuresCard__text {
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-featuresCard .c-featuresCard__text {
    font-size: 0.8125rem;
  }
}
.hacomono-service-c-featuresCard::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-black.svg") center center/contain no-repeat;
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-featuresCard::after {
    bottom: 0.75rem;
    right: 0.75rem;
  }
}
.hacomono-service-c-featuresCard:hover {
  opacity: 1;
}
.hacomono-service-c-featuresCard:hover::after {
  -webkit-animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}

.hacomono-service-c-noresult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 48px;
}
.hacomono-service-c-noresult .c-noresult__label {
  margin: 0;
  font-size: 2.0625rem;
  font-weight: bold;
}
.hacomono-service-c-noresult .c-noresult__title {
  font-size: var(--font-size-m);
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-weight: bold;
  margin: 20px 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-noresult .c-noresult__title {
    font-size: var(--font-size-m-sp);
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-noresult .c-noresult__title {
    margin-top: 15px;
  }
}
.hacomono-service-c-noresult .c-noresult__text {
  font-size: var(--font-size-s);
  line-height: 1.7;
  letter-spacing: 0.04em;
  margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-noresult .c-noresult__text {
    font-size: var(--font-size-s-sp);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-noresult .c-noresult__text {
    margin-top: 30px;
  }
}
.hacomono-service-c-noresult .hacomono-service-c-button {
  margin-top: 3.125rem;
}

.hacomono-service-c-wysiwyg {
  width: 100%;
  padding-left: 0;
  overflow: hidden;
}
.hacomono-service-c-wysiwyg h2,
.hacomono-service-c-wysiwyg h3,
.hacomono-service-c-wysiwyg h4,
.hacomono-service-c-wysiwyg h5,
.hacomono-service-c-wysiwyg h6 {
  margin: 0;
  line-height: 1.5;
}
.hacomono-service-c-wysiwyg h2 {
  margin-block: 2.5rem 1rem;
  font-size: 1.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg h2 {
    font-size: 1.25rem;
    margin-block: 2.5rem 1rem;
  }
}
.hacomono-service-c-wysiwyg h3 {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-block: 3rem 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg h3 {
    font-size: 1.125rem;
    margin-block: 3rem 0.75rem;
  }
}
.hacomono-service-c-wysiwyg h4 {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg h4 {
    font-size: 1rem;
    margin-top: 1.875rem;
  }
}
.hacomono-service-c-wysiwyg p {
  font-size: 0.9375rem;
  line-height: 1.8;
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg p {
    font-size: 0.875rem;
    line-height: 1.8;
  }
}
.hacomono-service-c-wysiwyg li {
  line-height: 1.8;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg li {
    line-height: 1.8;
  }
}
.hacomono-service-c-wysiwyg ul, .hacomono-service-c-wysiwyg ol {
  margin: 1.875rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg ul, .hacomono-service-c-wysiwyg ol {
    margin: 1.25rem 0;
  }
}
.hacomono-service-c-wysiwyg ul {
  list-style: disc;
  padding-left: 1.875rem;
}
.hacomono-service-c-wysiwyg ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}
.hacomono-service-c-wysiwyg ol li {
  padding-left: 3.25rem;
  text-indent: -2.5rem;
}
.hacomono-service-c-wysiwyg ol li:before {
  content: counter(n) ".";
  counter-increment: n;
  font-size: 0.8125rem;
  line-height: 1;
  margin-right: 0.75rem;
  position: relative;
  top: -0.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg ol li:before {
    font-size: 1.0625rem;
    margin-top: 0.3125rem;
  }
}
.hacomono-service-c-wysiwyg ol li:nth-of-type(n + 10):before {
  content: counter(n) ".";
}
.hacomono-service-c-wysiwyg ol.s-terms__listBrackets li:before {
  content: "(" counter(n) ")";
}
.hacomono-service-c-wysiwyg a {
  word-wrap: break-word;
}
.hacomono-service-c-wysiwyg blockquote {
  border: 1px solid #D2D2D2;
  border-radius: 0.375rem;
  color: #1A1A1A;
  padding: 1.5rem 2rem;
  margin: 1.875rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg blockquote {
    padding: 1.5rem 1.25rem;
    margin: 1.25rem 0;
  }
}
.hacomono-service-c-wysiwyg blockquote::before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("/assets/hacomono-service/img/icons/icon_quote.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.6875rem;
  left: 0.6875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg blockquote::before {
    top: 0.5rem;
    left: 0.5rem;
  }
}
.hacomono-service-c-wysiwyg blockquote p {
  margin: 0;
}
.hacomono-service-c-wysiwyg table {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  margin-top: 30px;
  margin-bottom: 30px;
  table-layout: fixed;
}
.hacomono-service-c-wysiwyg table tbody, .hacomono-service-c-wysiwyg table thead {
  width: 100%;
  display: table;
}
.hacomono-service-c-wysiwyg table th {
  background-color: #F7F6F6;
}
.hacomono-service-c-wysiwyg table td, .hacomono-service-c-wysiwyg table th {
  border: 1px solid #D2D2D2;
  padding: 0.625rem;
  min-width: 14.375rem;
}
.hacomono-service-c-wysiwyg table th[colspan="2"] {
  min-width: 28.75rem;
}
.hacomono-service-c-wysiwyg table td[colspan="2"] {
  min-width: 28.75rem;
}
.hacomono-service-c-wysiwyg code .hljs-ln {
  margin-top: 0;
  margin-bottom: 0;
}
.hacomono-service-c-wysiwyg code .hljs-ln-code, .hacomono-service-c-wysiwyg code .hljs-ln-numbers {
  border: none;
  padding: 0;
  min-width: 0.3125rem;
}
.hacomono-service-c-wysiwyg code .hljs-ln-numbers {
  border-right: 1px solid #D2D2D2;
}
.hacomono-service-c-wysiwyg img {
  max-width: 100%;
  height: auto !important;
  border-radius: var(--border-radius);
  margin: 1.875rem 0;
}
.hacomono-service-c-wysiwyg .fr-img-caption .fr-inner {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  color: var(--color-base-primary);
}
.hacomono-service-c-wysiwyg iframe {
  max-width: 100%;
}
.hacomono-service-c-wysiwyg h2:first-child, .hacomono-service-c-wysiwyg h3:first-child, .hacomono-service-c-wysiwyg h4:first-child, .hacomono-service-c-wysiwyg h5:first-child, .hacomono-service-c-wysiwyg h6:first-child, .hacomono-service-c-wysiwyg p:first-child, .hacomono-service-c-wysiwyg ol:first-child, .hacomono-service-c-wysiwyg ul:first-child, .hacomono-service-c-wysiwyg blockquote:first-child, .hacomono-service-c-wysiwyg img:first-child, .hacomono-service-c-wysiwyg table:first-child {
  margin-top: 0;
}
.hacomono-service-c-wysiwyg.-terms {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.hacomono-service-c-wysiwyg.-terms h2 {
  border-bottom: 1px solid #D2D2D2;
  font-size: 1.25rem;
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg.-terms h2 {
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-c-wysiwyg.-terms h3 {
  font-size: 1.125rem;
  margin-block: 2.5rem 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-wysiwyg.-terms h3 {
    font-size: 1rem;
    margin-block: 1.5rem 0.5rem;
  }
}
.hacomono-service-c-wysiwyg.-terms p, .hacomono-service-c-wysiwyg.-terms li {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-c-wysiwyg.-terms ol {
  padding-left: 0.5rem;
}
.hacomono-service-c-wysiwyg.-terms ol ol li:before {
  content: "(" counter(n) ")";
}
.hacomono-service-c-wysiwyg.-terms li {
  padding-left: 1.25rem;
  text-indent: -1.625rem;
}
.hacomono-service-c-wysiwyg.-terms li ol {
  margin-top: 0.75rem !important;
}

.hacomono-service-c-toc {
  border: 1px solid #D2D2D2;
  border-width: 0.0625rem 0;
  padding: 2rem 1.5rem;
  margin-bottom: 3.5rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc {
    margin: 0 0 1.5rem;
    padding: 1.25rem;
  }
}
.hacomono-service-c-toc ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}
.hacomono-service-c-toc ol li {
  padding-left: 20px;
  text-indent: -17px;
}
.hacomono-service-c-toc .title {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: bold;
  display: block;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc .title {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-c-toc .h2list {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc .h2list {
    padding: 0;
  }
}
.hacomono-service-c-toc .h2list li {
  margin: 0;
  padding: 0;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: normal;
  text-indent: initial;
  padding-left: 1.5rem;
  text-indent: -0.875rem;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc .h2list li {
    font-size: 0.8125rem;
  }
}
.hacomono-service-c-toc .h2list li:before {
  display: inline-block;
  margin-right: 0.625rem;
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  background: #1A1A1A;
  border-radius: 50%;
  position: relative;
  top: -0.3125rem;
  left: -0.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc .h2list li:before {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.5rem;
  }
}
.hacomono-service-c-toc .h2list li a {
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: normal;
}
.hacomono-service-c-toc .h2list li a:hover {
  opacity: 1;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hacomono-service-c-toc .h2list li::marker {
  content: none;
  display: none;
}
.hacomono-service-c-toc .h3list {
  margin: 0;
  padding: 0.375rem 0;
}
.hacomono-service-c-toc .h3list li {
  margin: 0;
}
.hacomono-service-c-toc .h3list li:before {
  background: transparent;
  border: 1px solid #1A1A1A;
  border-radius: 50%;
  content: "";
  display: inline-block;
  margin-right: 0.625rem;
  position: relative;
  top: -0.25rem;
  height: 0.375rem;
  width: 0.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-toc .h3list li:before {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.5rem;
  }
}
.hacomono-service-c-toc .h3list a {
  padding-bottom: 0.1875rem;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: normal;
}
.hacomono-service-c-toc .h3list a:hover {
  opacity: 1;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.hacomono-service-c-downloadsCard {
  border-radius: 0.5rem;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
}
.hacomono-service-c-downloadsCard:hover .c-downloadsCard__image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.hacomono-service-c-downloadsCard .c-downloadsCard__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.hacomono-service-c-downloadsCard .c-downloadsCard__link:hover {
  opacity: 1;
}
.hacomono-service-c-downloadsCard .c-downloadsCard__image {
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.hacomono-service-c-downloadsCard .c-downloadsCard__image img {
  aspect-ratio: 355/244;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.hacomono-service-c-downloadsCard .c-downloadsCard__title {
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0.75rem 2rem;
  position: relative;
}
.hacomono-service-c-downloadsCard .c-downloadsCard__title::before {
  content: "";
  background: url("/assets/hacomono-service/img/common/casecard-deco-white.svg") bottom center/contain no-repeat;
  position: absolute;
  top: 0rem;
  left: 0;
  height: 1.375rem;
  width: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.hacomono-service-c-downloadsCard .c-downloadsCard__description {
  font-size: 0.875rem;
  line-height: 1.5;
  display: -webkit-box;
  margin: 0 2rem 2rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hacomono-service-c-downloadsCard .hacomono-service-c-button {
  margin-top: auto;
  margin-bottom: 2rem;
}

.hacomono-service-c-newsItem {
  border-top: 1px solid #B2B2B2;
}
.hacomono-service-c-newsItem:last-of-type {
  border-bottom: 1px solid #B2B2B2;
}
.hacomono-service-c-newsItem .c-newsItem__link {
  display: block;
  text-decoration: none;
  padding: 2.25rem 0 2.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-newsItem .c-newsItem__link {
    padding: 1.75rem 0;
  }
}
.hacomono-service-c-newsItem .s-topNews__listTitle {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}
.hacomono-service-c-newsItem .c-newsItem__title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-newsItem .c-newsItem__title {
    font-size: 0.9375rem;
  }
}
.hacomono-service-c-newsItem .c-newsItem__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.hacomono-service-c-newsItem .c-newsItem__info .c-newsItem__date {
  color: #818181;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-newsItem .c-newsItem__info .c-newsItem__date {
    font-size: 0.75rem;
  }
}
.hacomono-service-c-newsItem .c-newsItem__info .c-newsItem__cat {
  color: #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-newsItem .c-newsItem__info .c-newsItem__cat {
    font-size: 0.75rem;
  }
}
.hacomono-service-c-newsItem .c-newsItem__info .c-newsItem__cat::before {
  content: "";
  background-color: #D9D9D9;
  border-radius: 50%;
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
}

.hacomono-service-c-eventsFilter {
  border-radius: 0.5rem;
  border: 1px solid #D2D2D2;
  padding: 2rem;
  margin: 0 auto 2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter {
    padding: 1.5rem 1.25rem;
    margin: 0 auto 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .hacomono-service-c-inner {
    padding-inline: 0;
  }
}
.hacomono-service-c-eventsFilter .c-eventsFilter__Wrap {
  margin-bottom: 2rem;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__List {
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List + .c-eventsFilter__List {
  margin-top: 1.5rem;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List .title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__List .title {
    font-size: 0.875rem;
    width: 100%;
  }
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li {
  font-size: 0.9375rem;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=radio] {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D2D2D2;
  border-radius: 50%;
  margin-right: 0.25rem;
  vertical-align: -0.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=radio] {
    vertical-align: -0.25rem;
  }
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #1A1A1A;
  content: "";
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=checkbox] {
  border-radius: 0.125rem;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D2D2D2;
  margin-right: 0.3125rem;
  vertical-align: -0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=checkbox]:checked {
  background-color: #1A1A1A;
}
.hacomono-service-c-eventsFilter .c-eventsFilter__List ul li input[type=checkbox]:checked::before {
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 0.375rem;
  height: 0.625rem;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  content: "";
}
.hacomono-service-c-eventsFilter .c-eventsFilter__Button {
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__Button > .hacomono-service-c-button {
    min-width: 100%;
  }
}
.hacomono-service-c-eventsFilter .c-eventsFilter__Footer {
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.75rem 2rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__Footer {
    padding: 0.75rem 1.25rem 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-eventsFilter .c-eventsFilter__Footer > .hacomono-service-c-button {
    min-width: 100%;
  }
}

.hacomono-service-c-useCaseCard {
  border-radius: 0.5rem;
  border: 1px solid #D2D2D2;
  background-color: #fff;
  overflow: hidden;
  width: 100%;
}
.hacomono-service-c-useCaseCard .c-useCaseCard__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.hacomono-service-c-useCaseCard .c-useCaseCard__link:hover {
  opacity: 1;
}
.hacomono-service-c-useCaseCard .c-useCaseCard__image {
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.hacomono-service-c-useCaseCard .c-useCaseCard__image img {
  aspect-ratio: 365/206;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-useCaseCard .c-useCaseCard__image img {
    aspect-ratio: 311/175;
  }
}
.hacomono-service-c-useCaseCard .c-useCaseCard__title {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 2rem 1.5rem 1rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-useCaseCard .c-useCaseCard__title {
    padding: 1.5rem 1.5rem 0.75rem;
  }
}
.hacomono-service-c-useCaseCard .c-useCaseCard__description {
  font-size: 0.9375rem;
  line-height: 1.7;
  padding: 0rem 1.5rem 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-useCaseCard .c-useCaseCard__description {
    padding: 0rem 1.5rem 1.25rem;
  }
}
.hacomono-service-c-useCaseCard .hacomono-service-c-button {
  font-size: 0.875rem;
  margin-top: auto;
  margin-inline: 1.5rem auto;
  margin-bottom: 1.5rem;
  max-width: 10.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-useCaseCard .hacomono-service-c-button {
    max-width: 14.375rem;
    margin-inline: auto;
    margin-bottom: 2rem;
  }
}

.hacomono-service-c-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3.5rem;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager {
    margin-top: 2.5rem;
  }
}
.hacomono-service-c-pager .c-pager__item {
  background-color: #fff;
  border: 0.0625rem solid #DDDDDD;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  color: #1A1A1A;
  font-size: 1.125rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager .c-pager__item {
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
  }
}
.hacomono-service-c-pager .c-pager__item:hover, .hacomono-service-c-pager .c-pager__item.-current {
  border: 0;
  background-color: #1A1A1A;
  color: #fff;
  font-weight: 700;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager .c-pager__item:hover, .hacomono-service-c-pager .c-pager__item.-current {
    font-weight: 400;
  }
}
.hacomono-service-c-pager .c-pager__item.-prev, .hacomono-service-c-pager .c-pager__item.-next {
  border: 0;
  background-color: transparent;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.hacomono-service-c-pager .c-pager__item.-prev:hover, .hacomono-service-c-pager .c-pager__item.-next:hover {
  opacity: 0.7;
}
.hacomono-service-c-pager .c-pager__item.-prev i, .hacomono-service-c-pager .c-pager__item.-next i {
  background-size: 2.5rem 2.5rem;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager .c-pager__item.-prev i, .hacomono-service-c-pager .c-pager__item.-next i {
    background-size: 2rem 2rem;
    background-position: center center;
    background-repeat: no-repeat;
    width: 2rem;
    height: 2rem;
  }
}
.hacomono-service-c-pager .c-pager__item.-prev {
  margin-right: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager .c-pager__item.-prev {
    margin-right: 0.875rem;
  }
}
.hacomono-service-c-pager .c-pager__item.-prev i {
  background-image: url("/assets/hacomono-service/img/common/icon_pager_prev.svg");
}
.hacomono-service-c-pager .c-pager__item.-next {
  margin-left: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-c-pager .c-pager__item.-next {
    margin-left: 0.875rem;
  }
}
.hacomono-service-c-pager .c-pager__item.-next i {
  background-image: url("/assets/hacomono-service/img/common/icon_pager_next.svg");
}

.js-hacomono-service-c-copylink {
  position: relative;
  cursor: pointer;
}
.js-hacomono-service-c-copylink:hover {
  opacity: 1;
}
.js-hacomono-service-c-copylink::after {
  content: "コピーしました";
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-size: 0.75rem;
  white-space: nowrap;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 767px) {
  .js-hacomono-service-c-copylink::after {
    left: -10%;
  }
}
.js-hacomono-service-c-copylink.is-copied::after {
  opacity: 1;
}

.hacomono-service-s-mv {
  overflow: hidden;
  margin: 0.75rem 0.75rem 7.5rem;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv {
    margin-bottom: 4.5rem;
  }
}
.hacomono-service-s-mv .hacomono-service-c-inner {
  max-width: unset;
  padding: 0;
}
.hacomono-service-s-mv .s-mv {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  height: 52.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv {
    height: 43.3125rem;
  }
}
.hacomono-service-s-mv .s-mv__header {
  position: absolute;
  top: 7.8125rem;
  left: 6.375rem;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__header {
    position: relative;
    top: 0;
    left: 0;
    padding: 5.8125rem 1.25rem 0;
  }
}
.hacomono-service-s-mv .s-mv__title {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: 0.1rem;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__title {
    font-size: 1.625rem;
    line-height: 1.5;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }
}
.hacomono-service-s-mv .s-mv__textWrap {
  position: absolute;
  right: 8rem;
  bottom: 3.375rem;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  width: 23.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__textWrap {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 1.25rem 1.25rem 1.25rem;
    gap: 0.5625rem;
    margin-top: auto;
  }
}
.hacomono-service-s-mv .s-mv__text {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
  letter-spacing: 0.05rem;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__text {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.hacomono-service-s-mv .s-mv__note {
  position: relative;
  padding-left: 0.75rem;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 0.9375rem;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__note {
    font-size: 0.6875rem;
  }
}
.hacomono-service-s-mv .s-mv__note::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.hacomono-service-s-mv .s-mv__buttonList {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__buttonList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0.6875rem;
    padding: 0 0.5rem 1.1875rem;
  }
}
.hacomono-service-s-mv .s-mv__buttonList__item {
  width: 100%;
}
.hacomono-service-s-mv .s-mv__buttonList__item .hacomono-service-c-button {
  width: 100%;
  height: 100%;
  max-height: 3.75rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.hacomono-service-s-mv .s-mv__imageList {
  position: relative;
  z-index: 0;
  padding-top: 18.125rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  -webkit-transform: rotate(-8.26deg);
  transform: rotate(-8.26deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__imageList {
    padding-top: 5rem;
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }
}
.hacomono-service-s-mv .s-mv__imageList .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.hacomono-service-s-mv .s-mv__imageList .s-mv__curveCanvas {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-mv .s-mv__image {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__image {
    border-radius: 0.3125rem;
  }
}
.hacomono-service-s-mv .s-mv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-mv .s-mv__deviceList {
  position: absolute;
  top: 13.125rem;
  left: calc(50% - 4.375rem);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  width: 41.1875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-mv .s-mv__deviceList {
    top: 11.25rem;
    left: calc(50% - 0.625rem);
    width: 25.25rem;
  }
}
.hacomono-service-s-mv.leadgridCms-onlyInnerWorkspace .s-mv__imageList {
  pointer-events: auto !important;
  width: 37.5rem !important;
}
.hacomono-service-s-mv.leadgridCms-onlyInnerWorkspace .s-mv__deviceList {
  left: 30% !important;
}
.hacomono-service-s-mv.leadgridCms-onlyInnerWorkspace .js-topMvSlider .swiper-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 1.25rem !important;
}
.hacomono-service-s-mv.leadgridCms-onlyInnerWorkspace .swiper.js-topMvSubSlider .swiper-slide {
  width: 25rem !important;
}

.hacomono-service-s-topUseCase {
  overflow: hidden;
  padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase {
    padding-bottom: 3.75rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase {
    gap: 0;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__header {
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__text {
  font-size: 0.9375rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__text {
    font-size: 0.8125rem;
    line-height: 1.8;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    gap: 0;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__content {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 55.1875rem;
  background-color: #EFF1F4;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__content {
    width: 100%;
    border-radius: 0.5rem;
    margin-top: -0.5rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__sliderWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2.0625rem;
  padding: 4.3125rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__sliderWrap {
    gap: 0rem;
    padding: 1.5rem 0 2rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__firstSlider,
  .hacomono-service-s-topUseCase .s-topUseCase__secondSlider {
    display: none;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__spSlider {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__spSlider {
    display: block;
    margin-bottom: 3.5rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__spSlider .s-topUseCase__image {
  aspect-ratio: 1;
}
.hacomono-service-s-topUseCase .s-topUseCase__image {
  width: 100%;
  height: auto;
  aspect-ratio: 280/187;
  overflow: hidden;
  border-radius: 0.25rem;
}
.hacomono-service-s-topUseCase .s-topUseCase__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-topUseCase .s-topUseCase__caption {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__caption {
    display: none;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__sidebar {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__sidebar {
    background-color: #1A1A1A;
    border-radius: 0.5rem 0.5rem 0 0;
    color: #fff;
    padding: 1.75rem 1.5rem 2.25rem 1.5rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 1.5rem;
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 1.8125rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__tabMenu {
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 1rem;
    border-radius: 0;
    padding: 0;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.25rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    font-size: 0.8125rem;
    gap: 0.125rem;
    border: 0.125rem solid transparent;
    border-radius: 1.25rem;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item > span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item > span {
    font-size: 0.625rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item.--hidden {
  display: none;
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item.--current {
  cursor: default;
  color: #767676;
  padding-left: 0.75rem;
}
.hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item.--current::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.0625rem;
  width: 0.5rem;
  height: 1rem;
  -webkit-mask: url("/assets/hacomono-service/img/icons/icon-arrow-2.svg") no-repeat center/contain;
  mask: url("/assets/hacomono-service/img/icons/icon-arrow-2.svg") no-repeat center/contain;
  background-color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item.--current {
    padding: 0.5rem 0.75rem;
    color: #1A1A1A;
    border: 0.125rem solid currentColor;
    background-color: #fff;
  }
  .hacomono-service-s-topUseCase .s-topUseCase__tabMenu__item.--current::before {
    display: none;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__buttonList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #fff;
  border: 0.0625rem solid #1A1A1A;
  border-radius: 0.375rem;
  color: #1A1A1A;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  height: 2.5rem;
  width: 100%;
  padding: 0 0.5rem 0 1rem;
  -webkit-transition: border-color 0.3s ease, color 0.3s ease;
  transition: border-color 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__buttonListItem {
    max-width: 11.75rem;
    height: 3.5rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask: url("/assets/hacomono-service/img/icons/icon-btn-arrow-black.svg") no-repeat center/contain;
  mask: url("/assets/hacomono-service/img/icons/icon-btn-arrow-black.svg") no-repeat center/contain;
  background-color: #1A1A1A;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--up, .hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--down {
  aspect-ratio: 1;
  width: 2.5rem;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--up, .hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--down {
    width: 3.5rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--up::after {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--down::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--disabled {
  border-color: #ebedef;
  color: #ebedef;
  cursor: default;
}
.hacomono-service-s-topUseCase .s-topUseCase__buttonListItem.--disabled::after {
  background-color: #ebedef;
}
.hacomono-service-s-topUseCase .s-topUseCase__footer {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__footer {
    display: block;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3.75rem;
  padding: 3.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1.5rem;
    padding: 2rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__header {
    width: 100%;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__image {
  width: 100%;
  height: auto;
  aspect-ratio: 480/320;
  overflow: hidden;
  border-radius: 0.25rem;
}
.hacomono-service-s-topUseCase .s-topUseCase__card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-topUseCase .s-topUseCase__card__title {
  margin: 1.5625rem 0 1rem;
  font-size: 1.75rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__title {
    margin-top: 1.5rem;
    font-size: 1.125rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__text {
  font-size: 0.875rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__text {
    font-size: 0.8125rem;
    line-height: 1.7;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__buttonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__buttonList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__buttonList .hacomono-service-c-button {
    height: 3.5rem;
    width: 15rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__logoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__logoList {
    gap: 0.175rem;
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__logoList__item {
  aspect-ratio: 1/1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.25rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  padding: 0.625rem;
  height: auto;
  width: calc(50% - 0.25rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topUseCase .s-topUseCase__card__logoList__item {
    width: calc(25% - 0.175rem);
  }
}
.hacomono-service-s-topUseCase .s-topUseCase__card__logoList__item img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.hacomono-service-s-topNumber {
  background-color: #fff;
  border-radius: 0 0 1.25rem 1.25rem;
  position: relative;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber {
    margin-bottom: 2.5rem;
  }
}
.hacomono-service-s-topNumber .hacomono-service-c-inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .hacomono-service-c-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-topNumber .s-topNumber__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__header {
    gap: 0;
  }
}
.hacomono-service-s-topNumber .s-topNumber__title {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.5;
  color: #1A1A1A;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-topNumber .s-topNumber__title img {
  margin: 0;
  width: 9.25rem;
  vertical-align: sub;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__title img {
    width: 6.25rem;
  }
}
.hacomono-service-s-topNumber .s-topNumber__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__list {
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 100%;
    margin-left: 0;
  }
}
.hacomono-service-s-topNumber .s-topNumber__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 15.125rem;
  padding: 1.25rem;
  background-color: #EFF1F4;
  border-radius: 0.375rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__card {
    height: auto;
    min-height: 11.25rem;
    padding: 1rem 1.25rem;
  }
}
.hacomono-service-s-topNumber .s-topNumber__cardHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.hacomono-service-s-topNumber .s-topNumber__cardTitle {
  color: #1A1A1A;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0;
}
.hacomono-service-s-topNumber .s-topNumber__cardNote {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5;
  color: #767676;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__cardNote {
    font-size: 0.75rem;
  }
}
.hacomono-service-s-topNumber .s-topNumber__cardBottom {
  margin-top: auto;
}
.hacomono-service-s-topNumber .s-topNumber__cardNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 0;
  text-align: right;
  letter-spacing: -0.11em;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__cardNumber {
    margin-top: 1rem;
    letter-spacing: -0.08em;
  }
}
.hacomono-service-s-topNumber .s-topNumber__cardNumberMain {
  font-weight: 500;
  font-size: 5.75rem;
  line-height: 1;
  color: #1A1A1A;
  letter-spacing: -0.1em;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__cardNumberMain {
    font-size: 4rem;
  }
}
.hacomono-service-s-topNumber .s-topNumber__cardUnit {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  color: #1A1A1A;
  letter-spacing: -0.06em;
  margin-left: 0.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNumber .s-topNumber__cardUnit {
    font-size: 1rem;
    letter-spacing: -0.08em;
  }
}

.hacomono-service-s-topResult {
  background-color: #EFF1F4;
  padding: 4.125rem 0 4rem;
  margin-bottom: 12.0625rem;
  margin-inline: auto;
  width: calc(100% - 6.25rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult {
    padding: 5rem 0 3.75rem;
    margin-bottom: 3.75rem;
    width: 100%;
  }
}
.hacomono-service-s-topResult .hacomono-service-c-inner {
  position: relative;
}
.hacomono-service-s-topResult .s-topResult__title {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 4.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__title {
    text-align: left;
    font-size: 1.375rem;
    letter-spacing: 0.05rem;
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-topResult .s-topResult__list {
  display: grid;
  grid-template-columns: repeat(3, 23.3125rem);
  gap: 1.3125rem;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    max-width: 30rem;
    margin: 0 auto;
  }
}
.hacomono-service-s-topResult .s-topResult__card {
  position: relative;
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 1.5rem;
  height: 20.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__card {
    height: auto;
    padding: 1.5rem 1.25rem 1.25rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardTitle {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardTitle {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardContent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 7.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardContent {
    padding-bottom: 1.53125rem;
    padding-right: 6.25rem;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
.hacomono-service-s-topResult .s-topResult__cardNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.25rem;
  margin: 0;
  letter-spacing: -0.05em;
}
.hacomono-service-s-topResult .s-topResult__cardNumber.-plus {
  position: relative;
}
.hacomono-service-s-topResult .s-topResult__cardNumber.-plus .s-topResult__cardNumberPrefix {
  position: relative;
  top: -0.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardNumber.-plus .s-topResult__cardNumberPrefix {
    top: -0.5rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardNumber.-minus .s-topResult__cardNumberPrefix {
  position: relative;
  top: -1.375rem;
}
.hacomono-service-s-topResult .s-topResult__cardNumber.-minus .s-topResult__cardUnit {
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardNumber.-minus .s-topResult__cardUnit {
    font-size: 1rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardNumber.-numberPrefix .s-topResult__cardNumberPrefix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  top: -1.875rem;
}
.hacomono-service-s-topResult .s-topResult__cardNumberPrefix {
  line-height: 1;
  letter-spacing: -0.07em;
  gap: 0.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardNumberPrefix {
    font-size: 3.5rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardNumberPrefix .s-topResult__cardNumberPrefixNumner {
  font-weight: bold;
  font-size: 2.25rem;
}
.hacomono-service-s-topResult .s-topResult__cardNumberPrefix .s-topResult__cardNumberPrefixunit {
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  top: 0.25rem;
  margin-left: 0.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardNumberPrefix .s-topResult__cardNumberPrefixunit {
    font-size: 1rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardNumberPrefix .s-topResult__cardNumberPrefixArrow {
  font-size: 2rem;
}
.hacomono-service-s-topResult .s-topResult__cardNumberMain {
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: -0.07em;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hacomono-service-s-topResult .s-topResult__cardUnit {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardUnit {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardArrow {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardArrow {
    font-size: 1.5rem;
    margin: 0 0.25rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardIcon {
  position: absolute;
  bottom: 1.25rem;
  right: 0rem;
  margin: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 7.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardIcon {
    width: 5rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardIcon img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-topResult .s-topResult__cardDescription {
  color: #1A1A1A;
  position: relative;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
  padding-top: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topResult .s-topResult__cardDescription {
    padding-top: 1rem;
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-topResult .s-topResult__cardDescription::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #D2D2D2;
}

.hacomono-service-s-topCase {
  overflow: hidden;
  margin-bottom: 8.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase {
    margin-bottom: 3.75rem;
  }
}
.hacomono-service-s-topCase .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .hacomono-service-c-inner {
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-topCase .s-topCase__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19.0625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__left {
    width: 100%;
  }
}
.hacomono-service-s-topCase .s-topCase__left .s-topCase__title {
  font-size: 2.25rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__left .s-topCase__title {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1.6875rem;
  }
}
.hacomono-service-s-topCase .s-topCase__left .s-topCase__description {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__left .s-topCase__description {
    font-size: 0.8125rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__left .hacomono-service-c-button {
    display: none;
  }
}
.hacomono-service-s-topCase .s-topCase__right {
  margin-top: 5.875rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__right {
    margin-top: 0rem;
    margin-left: -0.75rem;
    width: calc(100% + 1.5rem);
  }
}
.hacomono-service-s-topCase .s-topCase__right .s-topCase__caseList {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-topCase .s-topCase__right .s-topCase__caseList {
    -webkit-clip-path: inset(0 -100vw 0 0);
    clip-path: inset(0 -100vw 0 0);
  }
}
.hacomono-service-s-topCase .s-topCase__right .s-topCase__caseList .swiper-slide {
  height: auto;
}
.hacomono-service-s-topCase .s-topCase__right .s-topCase__caseList .swiper-slide .c-caseCard__link {
  height: 100%;
}
.hacomono-service-s-topCase .s-topCase__sliderControl {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__sliderControl {
    display: none;
  }
}
.hacomono-service-s-topCase .s-topCase__sliderControl__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__pagination .swiper-pagination-bullet {
  background-color: #000;
  border-radius: 0;
  opacity: 1;
  height: 1px;
  width: 5rem;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #D2D2D2;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__prev,
.hacomono-service-s-topCase .s-topCase__sliderControl__next {
  background-color: #fff;
  border: 1px solid #1A1A1A;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__prev {
  margin-left: 2.5rem;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__prev::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-prev.svg") center center/contain no-repeat;
  -webkit-filter: invert(1);
  filter: invert(1);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__sliderControl__prev::after {
    height: 12px;
    width: 12px;
    right: 19px;
  }
}
.hacomono-service-s-topCase .s-topCase__sliderControl__prev:hover::after {
  -webkit-animation: arrowSlidePrev 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlidePrev 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__next {
  margin-left: 0.5rem;
}
.hacomono-service-s-topCase .s-topCase__sliderControl__next::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow.svg") center center/contain no-repeat;
  -webkit-filter: invert(1);
  filter: invert(1);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topCase .s-topCase__sliderControl__next::after {
    height: 12px;
    width: 12px;
    right: 19px;
  }
}
.hacomono-service-s-topCase .s-topCase__sliderControl__next:hover::after {
  -webkit-animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-topCase.is-few-slides .s-topCase__caseList {
    overflow: visible;
  }
  .hacomono-service-s-topCase.is-few-slides .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: auto !important;
    gap: 1.25rem;
  }
  .hacomono-service-s-topCase.is-few-slides .swiper-slide {
    width: 19.0625rem !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .hacomono-service-s-topCase.is-few-slides .s-topCase__sliderControl {
    display: none;
  }
}

.hacomono-service-s-useCaseCase {
  overflow: hidden;
  margin-bottom: 8.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase {
    margin-bottom: 5.875rem;
  }
}
.hacomono-service-s-useCaseCase .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .hacomono-service-c-inner {
    gap: 2.75rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 19.0625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__left {
    width: 100%;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__left .s-useCaseCase__title {
  font-size: 2.25rem;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__left .s-useCaseCase__title {
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__left .s-useCaseCase__description {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__left .s-useCaseCase__description {
    font-size: 0.875rem;
    margin-bottom: 2.75rem;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__right {
  margin-top: 5.875rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__right {
    -webkit-clip-path: inset(0 -100vw 0 0);
    clip-path: inset(0 -100vw 0 0);
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__right {
    margin-top: 0rem;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__right .s-useCaseCase__caseList {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__right .s-useCaseCase__caseList {
    overflow: visible;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__right .s-useCaseCase__caseList .swiper-slide {
  height: auto;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__right .s-useCaseCase__caseList .swiper-slide .c-caseCard__link {
  height: 100%;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl {
    display: none;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__pagination .swiper-pagination-bullet {
  background-color: #000;
  border-radius: 0;
  opacity: 1;
  height: 1px;
  width: 5rem;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #D2D2D2;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__prev,
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__next {
  background-color: #1A1A1A;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__prev {
  margin-left: 2.5rem;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__prev::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-prev.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__prev::after {
    height: 12px;
    width: 12px;
    right: 19px;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__prev:hover::after {
  -webkit-animation: arrowSlidePrev 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlidePrev 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__next {
  margin-left: 0.5rem;
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__next::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__next::after {
    height: 12px;
    width: 12px;
    right: 19px;
  }
}
.hacomono-service-s-useCaseCase .s-useCaseCase__sliderControl__next:hover::after {
  -webkit-animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-useCaseCase.is-few-slides .s-useCaseCase__caseList {
    overflow: visible;
  }
  .hacomono-service-s-useCaseCase.is-few-slides .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-transform: none !important;
    transform: none !important;
    width: auto !important;
    gap: 1.25rem;
  }
  .hacomono-service-s-useCaseCase.is-few-slides .swiper-slide {
    width: 19.0625rem !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .hacomono-service-s-useCaseCase.is-few-slides .s-useCaseCase__sliderControl {
    display: none;
  }
}

.hacomono-service-s-topRelatedLink {
  margin-bottom: 9.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topRelatedLink {
    margin-bottom: 5rem;
  }
}
.hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__lists {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__lists {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}
.hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardLink {
  background-color: #EFF1F4;
  border-radius: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.25rem 1.5rem 1.5rem 2.25rem;
  min-height: 13.75rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardLink {
    min-height: 8.75rem;
    padding: 1.5rem;
  }
}
.hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-black.svg") center center/contain no-repeat;
  position: absolute;
  bottom: 1.25rem;
  right: 1.5rem;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-transition: right 0.4s;
  transition: right 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardLink::after {
    bottom: 0.625rem;
    right: 0.875rem;
    height: 2rem;
    width: 2rem;
  }
}
.hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardLink:hover::after {
  -webkit-animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlide2 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
.hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardText {
  font-size: 1.75rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topRelatedLink .hacomono-service-c-inner .s-topRelatedLink__cardText {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.hacomono-service-s-topNews {
  margin-bottom: 11rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews {
    margin-bottom: 5rem;
  }
}
.hacomono-service-s-topNews .hacomono-service-c-inner {
  max-width: 52.8125rem;
}
.hacomono-service-s-topNews .s-topNews__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews .s-topNews__header {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews .s-topNews__header .hacomono-service-c-button {
    display: none;
  }
}
.hacomono-service-s-topNews .s-topNews__headerTitle {
  font-size: 2.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews .s-topNews__headerTitle {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-topNews .s-topNews__list {
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews .s-topNews__list {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-topNews .s-topNews__buttonWrap {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topNews .s-topNews__buttonWrap {
    display: block;
    margin-inline: auto;
  }
}

.hacomono-service-s-topFeatures {
  background-color: #fff;
  margin-inline: auto;
  margin-bottom: 9.8125rem;
  max-width: 90rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures {
    margin-bottom: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-topFeatures .hacomono-service-c-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.375rem;
    max-width: 81.25rem;
    margin: 0;
    padding: 0;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__left {
  position: relative;
  width: 34.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__left {
    display: none;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__left::before {
  content: "";
  background-color: #F7F6F6;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 26.25rem;
  z-index: 0;
}
.hacomono-service-s-topFeatures .s-topFeatures__left .s-topFeatures__leftImage {
  position: relative;
  z-index: 1;
  border-radius: 0 0 0 1.25rem;
}
.hacomono-service-s-topFeatures .s-topFeatures__left .s-topFeatures__leftImage:first-child {
  margin-top: -2.5rem;
  margin-inline: auto -2.5rem;
  width: 26.25rem;
}
.hacomono-service-s-topFeatures .s-topFeatures__left .s-topFeatures__leftImage:nth-child(2) {
  margin-block: -3.75rem 1.375rem;
  margin-inline: 1.1875rem auto;
  width: 19.875rem;
}
.hacomono-service-s-topFeatures .s-topFeatures__left .s-topFeatures__leftImage:last-child {
  margin-inline: auto 2.5rem;
  width: 12.6875rem;
}
.hacomono-service-s-topFeatures .s-topFeatures__right {
  width: 43rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right {
    width: 100%;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__title {
  font-size: 2.5rem;
  margin-bottom: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__title img {
  margin-right: 0.4375rem;
  width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__title img {
    margin-right: 0.25rem;
    width: 7.125rem;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__card {
  position: relative;
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__card + .s-topFeatures__card {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__card + .s-topFeatures__card {
    margin-top: 1.75rem;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardIcon {
  position: absolute;
  top: 0;
  left: 0;
  height: 4.375rem;
  width: 4.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardIcon {
    height: 2.75rem;
    width: 4.1875rem;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardIcon img {
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardIcon img {
    aspect-ratio: 1.5/1;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardTitle {
  background-color: #F7F6F6;
  border-radius: 10px 10px 0 0;
  font-size: 1.5rem;
  padding: 1.625rem 1.625rem 0.875rem 1.625rem;
  position: relative;
  margin-left: auto;
  width: calc(100% - 4.375rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardTitle {
    border-radius: 6px 6px 0 0;
    padding: 1.25rem 1.25rem 0.375rem 1.25rem;
    width: calc(100% - 4.1875rem);
    font-size: 1.125rem;
  }
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardTitle .s-topFeatures__cardCorner {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardTitle .s-topFeatures__cardCorner::before {
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  content: "";
  background: transparent;
  border-radius: 50%;
  -webkit-box-shadow: 20px 20px 0 0 #F7F6F6;
  box-shadow: 20px 20px 0 0 #F7F6F6;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardDescription {
  background-color: #F7F6F6;
  border-radius: 10px 0 10px 10px;
  color: #767676;
  line-height: 1.7;
  font-size: 0.875rem;
  padding: 1.875rem 1.875rem 1.875rem 2.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topFeatures .s-topFeatures__right .s-topFeatures__list .s-topFeatures__cardDescription {
    border-radius: 6px 0 6px 6px;
    font-size: 0.8125rem;
    padding: 1.25rem;
  }
}

.hacomono-service-s-topSystem {
  margin-bottom: 7.25rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem {
    margin-bottom: 4.5rem;
  }
}
.hacomono-service-s-topSystem .s-topSystem__header {
  margin-bottom: 1.4375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__header {
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-topSystem .s-topSystem__title {
  font-size: 2.25rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 1.8125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
  }
}
.hacomono-service-s-topSystem .s-topSystem__description {
  font-size: 0.9375rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__description {
    font-size: 0.8125rem;
    line-height: 1.8;
  }
}
.hacomono-service-s-topSystem .s-topSystem__mainArea {
  position: relative;
}
.hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgText {
  color: #1A1A1A;
  font-size: 7.8125rem;
  font-weight: bold;
  line-height: 1;
  opacity: 0.05;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgText {
    font-size: 4.375rem;
  }
}
.hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgTextWrapper {
  display: inline-block;
  width: 100%;
}
.hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgTextContent {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6.25rem;
  -webkit-animation: scrollText 30s linear infinite;
  animation: scrollText 30s linear infinite;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgTextContent {
    gap: 3.75rem;
  }
}
.hacomono-service-s-topSystem .s-topSystem__mainArea .s-topSystem__bgTextItem {
  display: inline-block;
  white-space: nowrap;
}
@-webkit-keyframes scrollText {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.333%);
    transform: translateX(-33.333%);
  }
}
@keyframes scrollText {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-33.333%);
    transform: translateX(-33.333%);
  }
}
.hacomono-service-s-topSystem .s-topSystem__figure {
  position: relative;
  margin-inline: auto;
  margin-bottom: 6.25rem;
  width: 35.625rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__figure {
    margin-bottom: 3rem;
    width: 100%;
  }
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSystem .s-topSystem__tagListWrap {
    display: none;
  }
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightTop {
  top: 0;
  right: 0;
  width: 32.25rem;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightTop .s-topSystem__rightArrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightTop .s-topSystem__tagList {
  margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 20.625rem;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightBottom {
  bottom: 1.25rem;
  right: 0;
  width: 21.875rem;
  z-index: 2;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightBottom .s-topSystem__rightArrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-rightBottom .s-topSystem__tagList {
  margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 15.625rem;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-leftTop {
  bottom: 5.75rem;
  left: 0;
  width: 20.5rem;
  z-index: 3;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-leftTop .s-topSystem__leftArrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap.-leftTop .s-topSystem__tagList {
  margin-right: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 17.5rem;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap .s-topSystem__tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 1.25rem;
}
.hacomono-service-s-topSystem .s-topSystem__tagListWrap .s-topSystem__tagList .s-topSystem__listItem {
  background-color: #D2D2D2;
  border-radius: 999px;
  color: #767676;
  padding: 0.625rem 1.125rem;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1;
}

.hacomono-service-s-topSupport {
  background: linear-gradient(135deg, #9C9C9C 0%, #6B6B6B 100%);
  padding-block: 8.25rem 7.25rem;
  margin-bottom: 7.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport {
    padding-block: 3.75rem 1.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .hacomono-service-c-inner {
    padding-inline: 0.75rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__header {
  margin-bottom: 1.4375rem;
}
.hacomono-service-s-topSupport .s-topSupport__title {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 1.8125rem;
  vertical-align: sub;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__title {
    padding-inline: 1.25rem;
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__title img {
  vertical-align: sub;
  margin-right: 0.6875rem;
  width: 10.1875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__title img {
    width: 7.8125rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__description {
  font-size: 0.9375rem;
  line-height: 2;
}
.hacomono-service-s-topSupport .s-topSupport__box {
  background-color: #1A1A1A;
  border-radius: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap {
  background-color: #1A1A1A;
  width: 14.8125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabWrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.75rem 1.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem {
  border-bottom: 1px solid #D9D9D9;
  cursor: pointer;
  color: #fff;
  padding: 1.5rem 1.5625rem 1.625rem 2rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem {
    border-bottom: 0;
    padding: 0;
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem.is-active {
  color: #1A1A1A;
  padding: 1.5rem 0rem 1.625rem 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem.is-active {
    padding: 0;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem.is-active .s-topSupport__tabItemInner {
  background-color: #fff;
  border-radius: 0.375rem 0 0 0.375rem;
  padding: 1.25rem 1.25rem 1.125rem 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem.is-active .s-topSupport__tabItemInner {
    border-radius: 999px;
    padding: 0.5rem 0.75rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabItem:last-child {
  border-bottom: none;
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabText {
  font-weight: bold;
}
.hacomono-service-s-topSupport .s-topSupport__tabWrap .s-topSupport__tab .s-topSupport__tabDescription {
  font-size: 0.75rem;
  line-height: 1.5;
  margin-top: 0.25rem;
}
.hacomono-service-s-topSupport .s-topSupport__tabControl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0rem 1rem 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl {
    position: absolute;
    top: 1.25rem;
    right: 0;
    z-index: 1;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl.-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl.-pc {
    display: none;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl.-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl.-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton {
  background-color: #fff;
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton {
    background-color: #1A1A1A;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-prev::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-up.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-prev::after {
    -webkit-filter: none;
    filter: none;
    background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-prev.svg") center center/contain no-repeat;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-prev:hover::after {
  -webkit-animation: arrowSlideUp 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlideUp 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-prev:hover::after {
    -webkit-animation: arrowSlideNext 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
    animation: arrowSlideNext 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-next::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 1.25rem;
  width: 1.25rem;
  -webkit-filter: invert(1);
  filter: invert(1);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-next::after {
    background: url("/assets/hacomono-service/img/icons/icon-btn-arrow.svg") center center/contain no-repeat;
    -webkit-filter: none;
    filter: none;
  }
}
.hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-next:hover::after {
  -webkit-animation: arrowSlideDown 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  animation: arrowSlideDown 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__tabControl .s-topSupport__tabControlButton.-next:hover::after {
    -webkit-animation: arrowSlideNext 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
    animation: arrowSlideNext 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0s 1 forwards;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap {
  background-color: #fff;
  border-radius: 0.5rem;
  width: calc(100% - 14.8125rem);
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap {
    min-height: 43.75rem;
    width: 100%;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__boxContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  gap: 2.5rem;
  padding: 3.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__boxContent {
    padding: 1.25rem;
    gap: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__boxContent.is-active {
  position: relative;
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__img {
  border-radius: 0.5rem;
  overflow: hidden;
  width: 23.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__img {
    border-radius: 0.25rem;
    width: 100%;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__img img {
  aspect-ratio: 373/539;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox {
  position: relative;
  width: 24.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox {
    padding-top: 4rem;
    width: 100%;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentTitle {
  font-size: 2rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentTitle {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentDescription {
  font-size: 0.9375rem;
  line-height: 1.5;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentDescription {
    font-size: 0.8125rem;
    margin-bottom: 1.25rem;
  }
}
.hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentEnTitle {
  color: #909090;
  font-size: 0.75rem;
  line-height: 1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentEnTitle {
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .s-topSupport__contentEnTitle {
    left: 0;
    top: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topSupport .s-topSupport__boxContentWrap .s-topSupport__textBox .hacomono-service-c-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.125rem 1rem;
    width: 14.375rem;
  }
}

.hacomono-service-s-topMv {
  overflow: hidden;
  margin-top: 0.75rem;
  margin-bottom: 7.8125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv {
    margin-bottom: 4.5rem;
  }
}
.hacomono-service-s-topMv .hacomono-service-c-inner {
  background-color: #F7F6F6;
  border-radius: 0.5rem;
  padding-top: 6.75rem;
  max-width: 100%;
  width: calc(100% - 1.5rem);
  padding-bottom: 5.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .hacomono-service-c-inner {
    padding-bottom: 1.75rem;
  }
}
.hacomono-service-s-topMv .s-topMv__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  margin-bottom: 3.125rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__title {
    font-size: 1.625rem;
    margin-bottom: 0.625rem;
  }
}
.hacomono-service-s-topMv .s-topMv__slider {
  margin-bottom: 3.125rem;
}
.hacomono-service-s-topMv .s-topMv__slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.hacomono-service-s-topMv .s-topMv__sliderItem {
  width: 33.4375rem;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: z-index 0.5s, -webkit-transform 0.5s;
  transition: z-index 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, z-index 0.5s;
  transition: transform 0.5s, z-index 0.5s, -webkit-transform 0.5s;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.hacomono-service-s-topMv .s-topMv__sliderItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.hacomono-service-s-topMv .s-topMv__sliderDevice {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__descriptionBox {
    margin-bottom: 1.25rem;
  }
}
.hacomono-service-s-topMv .s-topMv__descriptionBox .s-topMv__description {
  margin-bottom: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__descriptionBox .s-topMv__description {
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-s-topMv .s-topMv__descriptionBox .s-topMv__descriptionCaution {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.625rem;
  line-height: 1.5;
}
.hacomono-service-s-topMv .s-topMv__buttonWrap {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.6875rem;
    margin-bottom: 2.5rem;
  }
  .hacomono-service-s-topMv .s-topMv__buttonWrap .hacomono-service-c-button {
    padding: 0.5625rem 1.25rem;
  }
}
.hacomono-service-s-topMv .s-topMv__achievements {
  margin-inline: auto;
  max-width: 58.4375rem;
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsTitleWrap {
  text-align: center;
  position: relative;
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsTitleWrap .s-topMv__achievementsTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  padding-bottom: 1.875rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsTitleWrap .s-topMv__achievementsTitle {
    padding-bottom: 0.75rem;
    font-size: 1.375rem;
  }
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsTitleWrap .s-topMv__achievementsTitleEn {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 9rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 0.7;
  z-index: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsTitleWrap .s-topMv__achievementsTitleEn {
    font-size: 4.375rem;
    font-size: 3.75rem;
  }
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.4375rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsList {
    gap: 0.125rem;
  }
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsList .s-topMv__achievementsItem {
  background-color: #fff;
  padding: 0.875rem;
  width: 9.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsList .s-topMv__achievementsItem {
    padding: 0.3125rem;
    width: calc(20% - 0.1rem);
  }
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsList .s-topMv__achievementsItem img {
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.hacomono-service-s-topMv .s-topMv__achievements .s-topMv__achievementsCaution {
  text-align: right;
  font-size: 0.625rem;
  line-height: 1.5;
}

.hacomono-service-s-header {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 9.25rem 0 2.9375rem;
  position: relative;
  margin-inline: auto;
  margin-top: 0.75rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header {
    padding: 7.125rem 1.25rem 2.5rem;
    min-height: initial;
  }
}
.hacomono-service-s-header .s-header__background {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0.3;
}
.hacomono-service-s-header .s-header__title {
  margin: 0;
  position: relative;
  z-index: 1;
}
.hacomono-service-s-header .s-header__title > span {
  display: block;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header .s-header__title > span {
    line-height: 1;
  }
}
.hacomono-service-s-header .s-header__title .en {
  font-family: var(--font-family-en);
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 1.2px;
  margin-left: -1.2px;
}
.hacomono-service-s-header .s-header__title .ja {
  font-size: 2.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header .s-header__title .ja {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-header .s-header__text {
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.7;
  max-width: 29.5rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header .s-header__text {
    text-align: left;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-size: 0.9375rem;
    margin-top: 0.75rem;
  }
}
.hacomono-service-s-header .hacomono-service-c-breadcrumb {
  position: absolute;
  top: 5.75rem;
  left: 0;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header .hacomono-service-c-breadcrumb {
    top: 3rem;
  }
}
.hacomono-service-s-header.is-caseDetail {
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header.is-caseDetail {
    border-radius: 0.5rem;
    padding: 3.875rem 1.25rem 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header.is-caseDetail .hacomono-service-c-breadcrumb {
    top: 3.25rem;
  }
}
.hacomono-service-s-header.is-downloadsDetail {
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header.is-downloadsDetail {
    border-radius: 0.5rem;
    padding: 3.875rem 1.25rem 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header.is-downloadsDetail .hacomono-service-c-breadcrumb {
    top: 3.25rem;
  }
}
.hacomono-service-s-header.is-newsDetail {
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-header.is-newsDetail {
    border-radius: 0.5rem;
    padding: 3.875rem 1.25rem 2.5rem;
  }
}
.hacomono-service-s-header.is-price .s-header__text {
  max-width: 33.75rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.hacomono-service-aboutFeature {
  padding: 0 0 10rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature {
    padding: 0 0 5rem 0;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner {
  padding: 0 1.25rem;
  max-width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
    margin-bottom: 2.5rem;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__card {
  position: relative;
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__card::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("/assets/hacomono-service/img/about/aboutFeature-arrow.svg") center center/contain no-repeat;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__card::after {
    left: inherit;
    right: 0.8125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: inherit;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardIcon {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  height: 2rem;
  width: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardIcon {
    top: 0.75rem;
    left: 0.75rem;
    height: 1.5rem;
    width: 1.5rem;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardIcon img {
  aspect-ratio: 1/1;
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardTitle {
  background-color: #EFF1F4;
  border-radius: 0.625rem 0.625rem 0 0;
  font-size: 1.375rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04em;
  padding: 1.625rem 1.625rem 0.875rem 1.625rem;
  position: relative;
  margin-left: auto;
  width: calc(100% - 3.75rem);
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardTitle {
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 1rem 2.125rem 1rem 1.25rem;
    width: calc(100% - 3rem);
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardCorner {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardCorner {
    display: none;
  }
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardCorner::before {
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  content: "";
  background: transparent;
  border-radius: 50%;
  -webkit-box-shadow: 1.25rem 1.25rem 0 0 #EFF1F4;
  box-shadow: 1.25rem 1.25rem 0 0 #EFF1F4;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardDescription {
  background-color: #EFF1F4;
  border-radius: 0.625rem 0 0.625rem 0.625rem;
  color: #1A1A1A;
  font-size: 0.875rem;
  font-weight: 500;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 1.7;
  letter-spacing: 0.03em;
  padding: 1rem 1.75rem 2rem 1.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutFeature .hacomono-service-c-inner .s-aboutFeature__cardDescription {
    display: none;
  }
}

.hacomono-service-aboutValue {
  margin-bottom: 10rem;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue {
    margin-bottom: 5rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner {
  padding: 0 1.25rem;
  max-width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
  margin-bottom: 3.6875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.125rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list {
    gap: 0.8125rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item {
  background-color: #EFF1F4;
  padding: 0 2rem 1.625rem 2rem;
  border-radius: 0.5rem;
  width: calc((100% - 4.25rem) / 3);
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item {
    width: 14.6875rem;
    min-width: 14.6875rem;
    max-width: none;
    height: auto;
    padding: 0 1.5rem 1.5rem 1.6875rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content {
  text-align: center;
  color: #1A1A1A;
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-label {
  background-color: #FFFFFF;
  padding: 1.0625rem 2.5rem;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 2.375rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-label {
    padding: 0.6875rem 1.5625rem;
    font-size: 0.875rem;
    margin: 0 0 1.5rem 0;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-headline {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04em;
  margin-bottom: 3.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-headline {
    font-size: 0.75rem;
    margin-bottom: 2.3125rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-headline span {
  font-size: 1.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-headline span {
    font-size: 1rem;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-note {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  margin: 0;
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-line {
  width: 100%;
  height: 0.0625rem;
  background: linear-gradient(to right, #1A1A1A 0 2px, transparent 2px 4px);
  background-size: 0.25rem 0.0625rem;
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-image {
  min-width: 18.25rem;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__list .s-aboutValue__item .s-aboutValue__item-content .s-aboutValue__item-inner .s-aboutValue__item-image {
    min-width: auto;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 2.1;
  letter-spacing: 0.06em;
  color: #1A1A1A;
  text-align: center;
  margin: 0 0 5rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text {
    font-size: 0.8125rem;
    margin: 0 0 3rem 0;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text br {
  display: block;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text br {
    display: none;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__text .sp-only {
    display: block;
  }
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__buttonWrap .hacomono-service-c-button {
  min-width: 20rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutValue .hacomono-service-c-inner .s-aboutValue__buttonWrap .hacomono-service-c-button {
    min-width: 17.8125rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem 1.25rem;
  }
}

.hacomono-service-aboutVision {
  background-color: #EFF1F4;
  padding-block: 5rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision {
    padding-block: 3.75rem 2.6875rem;
    margin-bottom: 5rem;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner {
  padding: 0 1.25rem;
  max-width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .hacomono-service-c-aboutTitle {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__image_pconly {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__image_pconly {
    display: none;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__image-scroll_sponly {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__image-scroll_sponly {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: block;
    margin-bottom: 2rem;
    padding-right: 0.625rem;
    width: calc(100% + 2rem);
  }
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__image-scroll_sponly .s-aboutVision__image_sponly {
    width: 27.4375rem;
    max-width: none;
    height: auto;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__subtitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__subtitle {
    font-size: 0.9375rem;
    line-height: 1.8;
    letter-spacing: 0;
    margin: 0 0 1rem;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__text {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 2.1;
  letter-spacing: 0.06em;
  color: #1A1A1A;
  margin: 0 auto 3.75rem;
  max-width: 52.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__text {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
    margin: 0 auto 2rem;
  }
}
.hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__text .sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutVision .hacomono-service-c-inner .s-aboutVision__text .sp-only {
    display: block;
  }
}

.hacomono-service-aboutBusiness {
  padding: 7.5rem 0;
  background-color: #505050;
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness {
    padding: 3.75rem 0;
    margin-bottom: 5rem;
  }
}
.hacomono-service-aboutBusiness .hacomono-service-c-inner {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__header {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__header {
    text-align: center;
    margin-bottom: 2rem;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  color: #fff;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__text {
    font-size: 0.8125rem;
    line-height: 1.8;
    padding: 0 2rem;
    text-align: left;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marquee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marquee {
    gap: 1.75rem;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeRow {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marqueeRow:last-child {
    display: none;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItem {
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  min-width: 17.5rem;
  width: 17.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItem {
    min-width: 7.5rem;
    width: 7.5rem;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItemInner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.75rem;
  min-width: 17.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItemInner {
    min-width: 7.5rem;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItemImageWrap {
  width: 100%;
  padding-bottom: 66.6666666667%;
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marqueeItemImageWrap {
    padding-bottom: 100%;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  border-radius: 0.25rem;
}
.hacomono-service-aboutBusiness .s-aboutBusiness__marqueeText {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__marqueeText {
    display: none;
  }
}
.hacomono-service-aboutBusiness .s-aboutBusiness__buttonWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutBusiness .s-aboutBusiness__buttonWrap {
    margin-top: 2rem;
  }
}

.hacomono-service-aboutNext {
  padding: 10.4375rem 0 20.1875rem;
  overflow: hidden;
}
.hacomono-service-aboutNext .hacomono-service-c-inner {
  max-width: 90rem;
  margin: 0 auto;
  padding: 0;
}
.hacomono-service-aboutNext .s-aboutNext__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.hacomono-service-aboutNext .s-aboutNext__images {
  position: relative;
  width: 33%;
  min-height: 32.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.hacomono-service-aboutNext .s-aboutNext__images--left {
  width: 30.347222%;
}
.hacomono-service-aboutNext .s-aboutNext__images--right {
  width: 28.333333%;
}
.hacomono-service-aboutNext .s-aboutNext__content {
  width: 41.319444%;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.hacomono-service-aboutNext .s-aboutNext__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.035em;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1439px) {
  .hacomono-service-aboutNext .s-aboutNext__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1240px) {
  .hacomono-service-aboutNext .s-aboutNext__title {
    font-size: 1.75rem;
  }
}
.hacomono-service-aboutNext .s-aboutNext__text {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 2.1;
  letter-spacing: 0.06em;
  color: #1A1A1A;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .hacomono-service-aboutNext .s-aboutNext__text {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1240px) {
  .hacomono-service-aboutNext .s-aboutNext__text {
    font-size: 0.8125rem;
  }
}
.hacomono-service-aboutNext .s-aboutNext__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.hacomono-service-aboutNext .s-aboutNext__image--left1 {
  left: 0;
  top: -3.3125rem;
  width: 70.25%;
  height: auto;
  aspect-ratio: 307/197;
}
.hacomono-service-aboutNext .s-aboutNext__image--left2 {
  left: 12.838%;
  top: 14.375rem;
  width: 82.86%;
  height: auto;
  aspect-ratio: 362/256;
}
.hacomono-service-aboutNext .s-aboutNext__image--left3 {
  left: -1.5625rem;
  top: 34.4375rem;
  width: 46.66%;
  height: auto;
  aspect-ratio: 204/122;
}
.hacomono-service-aboutNext .s-aboutNext__image--right1 {
  right: 0;
  top: -0.8125rem;
  width: 78.92%;
  height: auto;
  aspect-ratio: 322/371;
}
.hacomono-service-aboutNext .s-aboutNext__image--right2 {
  right: 11.75rem;
  top: 25.6875rem;
  width: 48.04%;
  height: auto;
  aspect-ratio: 196/222;
}
.hacomono-service-aboutNext .s-aboutNext__image--right3 {
  right: 0;
  top: 34.4375rem;
  width: 35.78%;
  height: auto;
  aspect-ratio: 146/165.37;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutNext {
    padding: 0 0 7.5625rem 0;
  }
  .hacomono-service-aboutNext .s-aboutNext__layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.875rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images,
  .hacomono-service-aboutNext .s-aboutNext__content {
    width: 100%;
  }
  .hacomono-service-aboutNext .s-aboutNext__title {
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.04em;
    padding: 0 2rem 0 2.3125rem;
    margin-bottom: 3.625rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__text {
    font-size: 0.8125rem;
    line-height: 1.8;
    padding: 0 2rem 0.25rem 2.3125rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--left {
    min-height: 16.9325rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--right {
    min-height: 21.148125rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--left .s-aboutNext__image--left1 {
    left: 13.92875rem;
    top: 0;
    width: 9.50875rem;
    height: 6.1875rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--left .s-aboutNext__image--left2 {
    left: 0.308125rem;
    top: 6.1875rem;
    width: 12.11875rem;
    height: 8.69125rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--left .s-aboutNext__image--left3 {
    left: 15.318125rem;
    top: 12.079375rem;
    width: 8.11rem;
    height: 4.853125rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--right .s-aboutNext__image--right2 {
    left: 0;
    top: 0;
    width: 6.693125rem;
    height: 7.6875rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--right .s-aboutNext__image--right1 {
    left: 11.895rem;
    top: 5.375rem;
    width: 11.525rem;
    height: 13.46625rem;
  }
  .hacomono-service-aboutNext .s-aboutNext__images--right .s-aboutNext__image--right3 {
    left: 0.308125rem;
    top: 10.8125rem;
    width: 8.998125rem;
    height: 10.335625rem;
  }
}

.hacomono-service-aboutMainvisual {
  margin-top: 0.8125rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual {
    margin-bottom: 3.75rem;
  }
}
.hacomono-service-aboutMainvisual .hacomono-service-c-inner {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 8.375rem 2.5rem 2.6875rem 6.125rem;
  max-width: 100%;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 1320px) {
  .hacomono-service-aboutMainvisual .hacomono-service-c-inner {
    padding-left: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .hacomono-service-c-inner {
    padding: 5.8125rem 1.25rem 1.375rem 1.25rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3.4375rem;
}
@media screen and (max-width: 1440px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__layout {
    gap: 1.25rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__content {
  width: 30.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__content {
    width: 100%;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__title {
  font-size: 3rem;
  font-weight: 700;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: #343434;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 1400px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1320px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__title {
    font-size: 1.625rem;
    margin-bottom: 18.875rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  color: #1A1A1A;
  margin: 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__text {
    font-size: 0.8125rem;
    line-height: 1.8;
    margin-bottom: 1.25rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__categoryList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 6rem;
  padding: 0.5rem 1rem;
  border: 1px solid #767676;
  border-radius: 0.125rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__category {
    font-size: 0.6875rem;
    padding: 0.5rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__visual {
  width: 45.8125rem;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__visual {
    width: 100%;
    position: absolute;
    top: 12.4375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__visualInner {
  background-color: #fff;
  position: relative;
  border-radius: 1.375rem;
  width: 100%;
  min-height: 33.5rem;
  max-width: 45.8125rem;
  aspect-ratio: 733/536;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__visualInner {
    min-height: 16.375rem;
    height: 16.375rem;
    max-width: 20.4375rem;
    width: 20.4375rem;
    aspect-ratio: 327/262;
    margin-inline: auto;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__mvImg {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__image {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__image--1 {
  left: 10.7634%;
  top: 22.3892%;
  width: 33.4267%;
  height: 34.5857%;
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__image--2 {
  left: 38.7703%;
  top: -14%;
  width: 68.2309%;
  height: 99.6138%;
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__image--3 {
  left: 10.51%;
  top: 48.1%;
  width: 57.615%;
  height: 45.496%;
  aspect-ratio: 422.34/243.85;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__image--3 {
    left: 10.51%;
    top: 41.1%;
    width: 55.615%;
    height: 39.496%;
    -webkit-transform: rotate(5.993deg);
    transform: rotate(5.993deg);
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__image--4 {
  left: 7%;
  top: -8%;
  width: 35.8666%;
  height: 40.5695%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__image--4 {
    left: -6%;
    top: 2%;
    -webkit-transform: rotate(-13.15deg);
    transform: rotate(-13.15deg);
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__buttonWrap {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-aboutMainvisual .s-aboutMainvisual__buttonWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.6875rem;
    margin-bottom: 2.5rem;
    width: calc(100% - 2.5rem);
    margin-inline: auto;
    margin-top: 1.5rem;
  }
}
.hacomono-service-aboutMainvisual .s-aboutMainvisual__buttonWrap .hacomono-service-c-button {
  padding: 0.5625rem 1.25rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hacomono-service-s-featuresLists {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists {
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50.375rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: 2.25rem;
    gap: 0.875rem 1.125rem;
    padding-block: 2rem;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__ankerLinkList .s-featuresLists__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}
.hacomono-service-s-featuresLists .s-featuresLists__optionDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.4375rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__optionDescription {
    padding-block: 2.25rem;
    display: none;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__optionDescription .s-featuresLists__optionDescriptionTitle {
  background-color: #767676;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
}
.hacomono-service-s-featuresLists .s-featuresLists__optionDescription .s-featuresLists__optionDescriptionText {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-s-featuresLists .s-featuresLists__blockWrapper {
  background-color: #F7F6F6;
  border-radius: 0.5rem;
  margin-inline: auto;
  padding-block: 4.5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__blockWrapper {
    border-radius: 1.25rem;
    background-color: #EFF1F4;
    padding-block: 3rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__blockWrapper .hacomono-service-c-inner {
    padding-inline: 1.25rem;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__blockWrapper .s-featuresLists__block + .s-featuresLists__block {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__blockWrapper .s-featuresLists__block + .s-featuresLists__block {
    margin-top: 3.5rem;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__blockWrapper .s-featuresLists__title {
  border-bottom: 0.0625rem solid #D2D2D2;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__blockWrapper .s-featuresLists__title {
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
  }
}
.hacomono-service-s-featuresLists .s-featuresLists__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresLists .s-featuresLists__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.hacomono-service-s-featuresDetail {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail {
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 10rem 0 2.9375rem;
  position: relative;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__header {
    padding: 7.875rem 1.25rem 1.5rem;
    min-height: initial;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__title {
  font-size: 2.625rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__optionDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.4375rem;
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__optionDescription {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.5rem;
    margin-top: 2.5rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__optionDescription .s-featuresDetail__optionDescriptionTitle {
  background-color: #767676;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__optionDescription .s-featuresDetail__optionDescriptionText {
  font-size: 0.9375rem;
  text-align: left;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__header .s-featuresDetail__optionDescription .s-featuresDetail__optionDescriptionText {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__content {
  background-color: #F7F6F6;
  border-radius: 0.5rem;
  margin-inline: auto;
  margin-bottom: 6rem;
  padding-block: 4.5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__content {
    border-radius: 1.25rem;
    padding-block: 3rem;
    margin-bottom: 2.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__content .hacomono-service-c-inner {
    padding-inline: 1.25rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block {
  overflow: hidden;
  margin-inline: auto;
  max-width: 45rem;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block + .s-featuresDetail__block {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__block + .s-featuresDetail__block {
    margin-top: 2rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__slider {
  overflow: hidden;
  margin-inline: auto;
  max-width: 75%;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__slider {
    max-width: 100%;
    margin-bottom: 0.375rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderItem {
  height: 21.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderItem {
    height: 15rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderItem img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderText {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderText {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl {
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPrev,
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderNext {
  background-color: transparent;
  border: none;
  padding: 0;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPrev::before,
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderNext::before {
  content: "";
  cursor: pointer;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPrev::before:hover,
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderNext::before:hover {
  opacity: 0.7;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPrev::before {
  background: url("/assets/hacomono-service/img/icons/icon-slider-prev.svg") center center/contain no-repeat;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderNext::before {
  background: url("/assets/hacomono-service/img/icons/icon-slider-next.svg") center center/contain no-repeat;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPagination .swiper-pagination-bullet {
  background-color: #D2D2D2;
  opacity: 1;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block .s-featuresDetail__sliderControl .s-featuresDetail__sliderPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1A1A1A;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__block.is-single-slide .s-featuresDetail__sliderControl {
  display: none;
}
.hacomono-service-s-featuresDetail .s-featuresDetail__ctaWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__ctaWrap {
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__related {
  background-color: #F7F6F6;
  border-radius: 0.5rem;
  margin-inline: auto;
  padding-block: 4.5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__related {
    padding-block: 3rem;
    border-radius: 0.75rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__related .hacomono-service-c-inner {
    padding-inline: 1.25rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedTitle {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedTitle {
    font-size: 1.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedSubTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedSubTitle {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  margin-bottom: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .s-featuresDetail__related .s-featuresDetail__relatedList {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 2.5rem;
  }
}
.hacomono-service-s-featuresDetail .hacomono-service-c-breadcrumb {
  position: absolute;
  top: 5.75rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .hacomono-service-c-breadcrumb {
    top: 3rem;
    z-index: 11;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-featuresDetail .hacomono-service-c-breadcrumb .hacomono-service-c-inner {
    padding-left: 0.25rem !important;
  }
}

.hacomono-service-s-caseFilter {
  background-color: #F7F6F6;
  padding-top: 4.5rem;
  margin-top: 3rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter {
    border-radius: 1.25rem 1.25rem 0 0;
    padding-top: 2rem;
    margin-top: 1.5rem;
    width: 100%;
  }
}
.hacomono-service-s-caseFilter .hacomono-service-c-inner {
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Header {
  background-color: #fff;
  border-radius: 0.5rem;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 2rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Header {
    padding: 0.75rem 1.25rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Header.is-active {
  border-radius: 0.5rem 0.5rem 0 0;
}
.hacomono-service-s-caseFilter .s-caseFilter__Header.is-active .s-caseFilter__Toggle {
  rotate: 180deg;
}
.hacomono-service-s-caseFilter .s-caseFilter__Title {
  font-size: 1.0625rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Title {
    font-size: 1rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Toggle {
  display: block;
  position: relative;
  -webkit-transition: rotate 0.4s;
  transition: rotate 0.4s;
}
.hacomono-service-s-caseFilter .s-caseFilter__Toggle::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down-black-2.svg") center center/contain no-repeat;
  display: block;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Toggle::before {
    width: 1.625rem;
    height: 1.625rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Content {
  display: none;
}
.hacomono-service-s-caseFilter .s-caseFilter__Wrap {
  background-color: #fff;
  border-top: 1px solid #D2D2D2;
  padding: 1rem 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Wrap {
    padding: 1.5rem 1.25rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__List {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__List {
    gap: 0.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__List + .s-caseFilter__List {
  margin-top: 1.5rem;
}
.hacomono-service-s-caseFilter .s-caseFilter__List .title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  width: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__List .title {
    font-size: 0.875rem;
    width: 100%;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li {
  font-size: 0.9375rem;
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=radio] {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D2D2D2;
  border-radius: 50%;
  margin-right: 0.25rem;
  vertical-align: -0.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=radio] {
    vertical-align: -0.25rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #1A1A1A;
  content: "";
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=checkbox] {
  border-radius: 0.125rem;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D2D2D2;
  margin-right: 0.3125rem;
  vertical-align: -0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=checkbox]:checked {
  background-color: #1A1A1A;
}
.hacomono-service-s-caseFilter .s-caseFilter__List ul li input[type=checkbox]:checked::before {
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  width: 0.375rem;
  height: 0.625rem;
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  content: "";
}
.hacomono-service-s-caseFilter .s-caseFilter__Button {
  margin-top: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Button > .hacomono-service-c-button {
    min-width: 100%;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Footer {
  background-color: #fff;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.75rem 2rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Footer {
    padding: 0.75rem 1.25rem 1.5rem;
  }
}
.hacomono-service-s-caseFilter .s-caseFilter__Footer > .hacomono-service-c-button {
  padding: 0.875rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseFilter .s-caseFilter__Footer > .hacomono-service-c-button {
    min-width: 100%;
    padding: 0.875rem 1.5rem;
  }
}

.hacomono-service-s-case {
  background-color: #F7F6F6;
  padding-block: 3.5rem 4.5rem;
  margin-inline: auto;
  margin-bottom: 5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-case {
    padding-block: 1.5rem 3rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-case .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-s-case .s-case__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-case .s-case__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-case .hacomono-service-c-caseCard {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail {
    padding: 1.5rem 0 0 0;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__mainArea {
  background-color: #EFF1F4;
  padding: 2rem 0 7.5rem;
  margin-inline: auto;
  margin-bottom: 5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__mainArea {
    border-radius: 1.25rem;
    padding-block: 2.5rem;
    margin-bottom: 2rem;
    width: 100%;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__mainArea > .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__mainArea > .hacomono-service-c-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    padding-inline: 1.25rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__sideBar {
  position: sticky;
  top: 6.25rem;
  height: 100%;
  width: 17rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__sideBar {
    display: none;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__sideBar .hacomono-service-c-caseCard {
  width: 100%;
}
.hacomono-service-s-caseDetail .s-caseDetail__content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 17rem - 3rem);
}
@media screen and (min-width: 768px) {
  .hacomono-service-s-caseDetail .s-caseDetail__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__content {
    width: 100%;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__content .s-caseDetail__contentInner {
  width: 100%;
}
.hacomono-service-s-caseDetail .s-caseDetail__share {
  position: sticky;
  top: 6.25rem;
  right: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-left: 2.1875rem;
  width: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__share {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: right;
    -ms-flex-align: right;
    align-items: right;
    margin-bottom: 24px;
    margin-left: 0;
    margin-top: 24px;
    width: auto;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__share a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.hacomono-service-s-caseDetail .s-caseDetail__share a + a {
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__share a + a {
    margin-top: 0;
    margin-left: 0.5rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__share amp-social-share {
  width: 26px;
  height: 26px;
  border-radius: 5px;
}
.hacomono-service-s-caseDetail .s-caseDetail__share amp-social-share + amp-social-share {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__share amp-social-share + amp-social-share {
    margin-top: 0;
    margin-left: 24px;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__header {
  border-radius: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerImg {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerImg {
    width: 100%;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerImg img {
  aspect-ratio: 430/296;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.5rem;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent {
    padding: 1.25rem;
    width: 100%;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerDate {
  color: #818181;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerTitle {
  font-size: 1.125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerTitle {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.25rem;
  padding: 0.25rem 0;
  max-width: 6rem;
  min-height: 2.375rem;
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerLabel {
  background-color: #DADADA;
  color: #4F4F4F;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 0.25rem 0.6875rem;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.125rem;
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerInfo .s-caseDetail__headerInfoDescription:not(:last-child)::before {
  content: "、";
}
.hacomono-service-s-caseDetail .s-caseDetail__header .s-caseDetail__headerContent .s-caseDetail__headerInfoTitle {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hacomono-service-s-caseDetail .s-caseDetail__body {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__body {
    padding: 1.25rem;
    width: 100%;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__body .s-caseDetail__title {
  margin: 0;
  font-size: 1.85rem;
  margin-bottom: 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__body .s-caseDetail__title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__cta {
  background-color: #1A1A1A;
  color: #fff;
  border-radius: 0.5rem;
  padding: 3rem 4.5rem;
  margin-block: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__cta {
    padding: 1.25rem;
    margin-block: 1.5rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__cta .s-caseDetail__ctaTitle {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__cta .s-caseDetail__ctaTitle {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__cta .s-caseDetail__ctaDescription {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__cta .s-caseDetail__ctaDescription {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding-block: 3.5rem;
  margin-inline: auto;
  margin-bottom: 6rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo {
    padding: 2rem 1.25rem;
    width: 100%;
    border-radius: 1.25rem;
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 3rem 4rem;
  max-width: 72.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner {
    padding: 1.5rem 1.25rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoTitle {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 1rem;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoBox {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoBoxTitle {
  font-size: 1.25rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: bold;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoBoxTitle {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoBoxDescription {
  font-size: 0.8125rem;
  line-height: 1.5;
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.8125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow + .s-caseDetail__companyInfoRow {
  margin-top: 0.375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow + .s-caseDetail__companyInfoRow {
    margin-top: 1rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow .s-caseDetail__companyInfoRowTitle {
  padding-right: 0.5rem;
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6rem;
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoRow .s-caseDetail__companyInfoRowDescription {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoCaution {
  color: #767676;
  font-size: 0.8125rem;
  text-align: right;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__companyInfo .hacomono-service-c-inner .s-caseDetail__companyInfoCaution {
    text-align: left;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding-block: 3.5rem;
  margin-inline: auto;
  margin-bottom: 7rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related {
    width: 100%;
    border-radius: 1.25rem;
    padding: 2rem 1.25rem;
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related .hacomono-service-c-inner {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 3rem 4rem;
  max-width: 72.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related .hacomono-service-c-inner {
    padding: 1.5rem 1.25rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related .hacomono-service-c-inner .hacomono-service-c-caseCard .c-caseCard__textBox::before {
  background: url("/assets/hacomono-service/img/common/casecard-deco-white-big.svg") bottom center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related .hacomono-service-c-inner .hacomono-service-c-caseCard .c-caseCard__textBox::before {
    background: url("/assets/hacomono-service/img/common/casecard-deco-white.svg") bottom center/contain no-repeat;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related .s-caseDetail__relatedTitle {
  border-bottom: 1px solid #D2D2D2;
  padding-bottom: 1rem;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related .s-caseDetail__relatedTitle {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related .s-caseDetail__relatedList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related .s-caseDetail__relatedList {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-caseDetail .s-caseDetail__related .s-caseDetail__relatedList .hacomono-service-c-caseCard {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseDetail .s-caseDetail__related .hacomono-service-c-button {
    margin-inline: auto;
  }
}

.hacomono-service-s-downloadsLists {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists {
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: 2.25rem;
    gap: 0.875rem 1.125rem;
    padding-block: 2rem;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__ankerLinkList .s-downloadsLists__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}
.hacomono-service-s-downloadsLists .s-downloadsLists__optionDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.4375rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__optionDescription {
    padding-block: 2.25rem;
    display: none;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__optionDescription .s-downloadsLists__optionDescriptionTitle {
  background-color: #767676;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
}
.hacomono-service-s-downloadsLists .s-downloadsLists__optionDescription .s-downloadsLists__optionDescriptionText {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  margin-inline: auto;
  padding-block: 3.5rem;
  width: calc(100% - 1.5rem);
}
.hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper + .s-downloadsLists__blockWrapper {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper + .s-downloadsLists__blockWrapper {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper {
    border-radius: 1.25rem;
    padding-block: 2.5rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper .hacomono-service-c-inner {
    padding-inline: 2rem;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper .s-downloadsLists__title {
  border-bottom: 0.0625rem solid #D2D2D2;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__blockWrapper .s-downloadsLists__title {
    padding-bottom: 0.75rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }
}
.hacomono-service-s-downloadsLists .s-downloadsLists__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-downloadsLists .s-downloadsLists__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.hacomono-service-s-documentDetail {
  background-color: #EFF1F4;
  border-radius: 0 0 0.5rem 0.5rem;
  padding-block: 0 5.3125rem;
  margin-inline: auto;
  margin-bottom: 9.75rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail {
    margin-top: 1.5rem;
    padding-block: 2rem;
    margin-bottom: 10.625rem;
    border-radius: 1.25rem;
    width: 100%;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__body {
  width: 35.4375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__body {
    display: contents;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__figure {
  border-radius: 0.375rem;
  margin: 0 0 1rem;
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 0 0 0.75rem;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__figure img {
  aspect-ratio: 567/312;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__figure img {
    aspect-ratio: 311/171;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__title {
  border-bottom: 1px solid #D2D2D2;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 1.5;
  padding-bottom: 2rem;
  margin-block: 0 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-size: 1.5rem;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .hacomono-service-c-wysiwyg {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
}
.hacomono-service-s-documentDetail .s-documentDetail__form {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: calc(100% - 35.4375rem - 5.125rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-documentDetail .s-documentDetail__form {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 3rem;
    padding: 2rem 1.25rem;
    width: 100%;
  }
}

.hacomono-service-s-newsList {
  padding: 4.5rem 0 5.4375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList {
    padding: 2.5rem 0 7.5rem;
  }
}
.hacomono-service-s-newsList .s-newsList__contentWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 6.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__contentWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
}
.hacomono-service-s-newsList .s-newsList__sideBar {
  width: 10.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__sideBar {
    width: 100%;
  }
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarTitle {
  font-size: 1rem;
  margin-bottom: 0.75rem;
  font-weight: bold;
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRow + .s-newsList__sideBarRow {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItemList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.625rem 0.75rem;
  }
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem {
  font-size: 0.9375rem;
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem + .s-newsList__sideBarRowItem {
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem + .s-newsList__sideBarRowItem {
    margin-top: 0;
  }
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem input[type=radio] {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #D2D2D2;
  border-radius: 50%;
  margin-right: 0.25rem;
  vertical-align: -0.125rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem input[type=radio] {
    vertical-align: -0.25rem;
  }
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #1A1A1A;
  content: "";
}
.hacomono-service-s-newsList .s-newsList__sideBar .s-newsList__sideBarRowItem select {
  border: 1px solid #D2D2D2;
  border-radius: 0.375rem;
  color: #767676;
  padding: 0.8125rem 0.625rem;
  width: 7.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/assets/hacomono-service/img/icons/icon-select.svg");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  background-position: right 0.75rem center;
}
.hacomono-service-s-newsList .s-newsList__list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: calc(100% - 10.625rem - 6.25rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsList .s-newsList__list {
    width: 100%;
  }
}

.hacomono-service-s-newsDetail {
  background-color: hsl(216, 19%, 95%);
  border-radius: 0 0 0.5rem 0.5rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail {
    width: 100%;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__container {
  padding-block: 0 5rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__container {
    padding-block: 0;
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__container > .hacomono-service-c-inner {
  max-width: 52.5rem;
  background-color: #fff;
  padding: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__container > .hacomono-service-c-inner {
    padding: 2.5rem 2rem;
  }
}
.hacomono-service-s-newsDetail .s-blogDetail__thumb {
  border-radius: 0.375rem;
  overflow: hidden;
  margin-bottom: 2rem;
  width: 100%;
}
.hacomono-service-s-newsDetail .s-blogDetail__thumb img {
  aspect-ratio: 761/428;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-blogDetail__thumb img {
    aspect-ratio: 311/174;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__meta {
    margin-bottom: 10px;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__meta .s-newsDetail__metaDate {
  color: #818181;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__meta .s-newsDetail__metaDate {
    font-size: 0.75rem;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__meta .s-newsDetail__metaCat {
  color: #818181;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__meta .s-newsDetail__metaCat {
    font-size: 0.75rem;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__meta .s-newsDetail__metaCat::before {
  content: "";
  background-color: #D9D9D9;
  border-radius: 50%;
  display: inline-block;
  height: 0.5rem;
  width: 0.5rem;
}
.hacomono-service-s-newsDetail .s-newsDetail__title {
  font-size: 2.125rem;
  margin: 0;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__wrap {
    padding-top: 0;
  }
}
.hacomono-service-s-newsDetail .s-newsDetail__header {
  padding-bottom: 2rem;
}
.hacomono-service-s-newsDetail .hacomono-service-c-wysiwyg {
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-newsDetail .s-newsDetail__body {
    width: 100%;
  }
}
.hacomono-service-s-newsDetail .hacomono-service-c-button {
  margin-top: 2rem;
}

.hacomono-service-s-eventList {
  margin-bottom: 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList {
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-eventList .s-eventList__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: 2.25rem;
    gap: 0.875rem 1.125rem;
    padding-block: 2rem;
  }
}
.hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-eventList .s-eventList__ankerLinkList .s-eventList__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}
.hacomono-service-s-eventList .s-eventList__listWrap {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding-block: 4.5rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap {
    border-radius: 1.25rem;
    padding-block: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap.-past {
    padding-inline: 2.5rem 2rem;
  }
}
.hacomono-service-s-eventList .s-eventList__listWrap.-past > .hacomono-service-c-inner {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0;
}
.hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listTitle {
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.75rem 2rem;
  margin-bottom: 0;
  font-size: 1.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listTitle {
    font-size: 1rem;
    padding: 0.75rem 1.25rem;
  }
}
.hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listTitle::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down-black-2.svg") center center/contain no-repeat;
  display: block;
  width: 2rem;
  height: 2rem;
  -webkit-transition: rotate 0.4s;
  transition: rotate 0.4s;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listTitle::after {
    width: 1.625rem;
    height: 1.625rem;
  }
}
.hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listTitle.is-active::after {
  rotate: 180deg;
}
.hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listContents {
  border-top: 1px solid #D2D2D2;
  padding: 1.5rem 2rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap.-past .s-eventList__listContents {
    padding: 1rem 1.25rem 2.5rem;
  }
}
.hacomono-service-s-eventList .s-eventList__listWrap + .s-eventList__listWrap {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap + .s-eventList__listWrap {
    margin-top: 2rem;
  }
}
.hacomono-service-s-eventList .s-eventList__listWrap .s-eventList__listTitle {
  border-bottom: 0.0625rem solid #D2D2D2;
  font-size: 2.25rem;
  font-weight: 700;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__listWrap .s-eventList__listTitle {
    font-size: 1.5rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-eventList .s-eventList__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-eventList .s-eventList__card {
  border-radius: 0.5rem;
  background-color: #fff;
  border: 0.0625rem solid #D2D2D2;
  overflow: hidden;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__card {
    width: 100%;
  }
}
.hacomono-service-s-eventList .s-eventList__cardFigure {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.hacomono-service-s-eventList .s-eventList__cardFigure img {
  aspect-ratio: 365/205;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-eventList .s-eventList__cardContent {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__cardContent {
    margin-left: 0px;
  }
}
.hacomono-service-s-eventList .s-eventList__cardTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 1.5rem;
  margin-bottom: 0.625rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__cardTitle {
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-s-eventList .s-eventList__cardMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.5rem 1.5rem 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__cardMeta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.25rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem 1.5rem 1rem;
  }
}
.hacomono-service-s-eventList .s-eventList__cardStatus {
  padding: 0.25rem 0.375rem;
  border-radius: 0.1875rem;
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 1rem;
}
.hacomono-service-s-eventList .s-eventList__cardStatus.-open {
  background-color: #1A1A1A;
  color: #fff;
}
.hacomono-service-s-eventList .s-eventList__cardStatus.-close {
  background-color: #DADADA;
  color: #4F4F4F;
}
.hacomono-service-s-eventList .s-eventList__cardStatus.-end {
  background-color: #DADADA;
  color: #4F4F4F;
}
.hacomono-service-s-eventList .s-eventList__cardTime {
  font-size: 1rem;
}
.hacomono-service-s-eventList .s-eventList__cardTime span {
  font-size: 0.75rem;
}
.hacomono-service-s-eventList .s-eventList__cardInfo {
  font-size: 1rem;
  line-height: 1.6;
  padding: 0 1.5rem 1rem;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoItem {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoTitle {
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6.25rem;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoTitle::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  height: 1rem;
  width: 1rem;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoTitle.-people::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-people.svg") center center/contain no-repeat;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoTitle.-price::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-yen.svg") center center/contain no-repeat;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoTitle.-type::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-map.svg") center center/contain no-repeat;
}
.hacomono-service-s-eventList .s-eventList__cardInfo .s-eventList__cardInfoValue {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.hacomono-service-s-eventList .s-eventList__cardTags {
  padding: 0 1.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.25rem 0.625rem;
}
.hacomono-service-s-eventList .s-eventList__cardTags .tag {
  color: #767676;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-eventList .s-eventList__cardTags .tag {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-eventList .s-eventList__cardTags .tag::before {
  content: "#";
  display: inline-block;
}

.hacomono-service-s-useCaseList {
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  margin-inline: auto;
  margin-block: 3rem 5rem;
  padding-block: 3.5rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList {
    border-radius: 1.25rem;
    padding-block: 2rem;
    margin-block: 2.5rem 5rem;
    width: 100%;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-block: 2.25rem;
    gap: 0.875rem 1.125rem;
    padding-block: 2rem;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__ankerLinkList .s-useCaseList__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}
.hacomono-service-s-useCaseList .s-useCaseList__optionDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.4375rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__optionDescription {
    padding-block: 2.25rem;
    display: none;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__optionDescription .s-useCaseList__optionDescriptionTitle {
  background-color: #767676;
  border-radius: 0.3125rem;
  color: #fff;
  padding: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4;
}
.hacomono-service-s-useCaseList .s-useCaseList__optionDescription .s-useCaseList__optionDescriptionText {
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-s-useCaseList .s-useCaseList__blockWrapper + .s-useCaseList__blockWrapper {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper + .s-useCaseList__blockWrapper {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .hacomono-service-c-inner {
    padding-inline: 0rem;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__blockHeader {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__blockHeader {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__description {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__description {
    margin-top: 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__title {
  border-bottom: 0.0625rem solid #D2D2D2;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__blockWrapper .s-useCaseList__title {
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseList .s-useCaseList__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-useCaseList .s-useCaseList__list .hacomono-service-c-useCaseCard {
  height: 100%;
}

.hacomono-service-s-priceLists {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding-block: 4.5rem;
  margin-inline: auto;
  margin-top: 3rem;
  margin-bottom: 6rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists {
    border-radius: 1.25rem;
    margin-bottom: 5rem;
    padding: 2rem 2rem 3rem 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-s-priceLists .s-priceLists__wrap {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__wrap {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__item {
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 3rem 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__item {
    padding: 1.5rem 1.25rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__itemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.hacomono-service-s-priceLists .s-priceLists__itemTitle {
  border-bottom: 0.0625rem solid #D2D2D2;
  font-size: 1.25rem;
  font-weight: 700;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  line-height: normal;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__itemTitle {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__itemPriceArea {
  margin-bottom: 0.375rem;
}
.hacomono-service-s-priceLists .s-priceLists__initialFeeArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.375rem;
}
.hacomono-service-s-priceLists .s-priceLists__priceRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
}
.hacomono-service-s-priceLists .s-priceLists__priceLabelWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.375rem;
  width: 10.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceLabelWrapper {
    width: 8.75rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__priceIcon {
  width: 1.5rem;
  height: 1.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hacomono-service-s-priceLists .s-priceLists__priceIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-priceLists .s-priceLists__priceLabelText {
  font-size: 1rem;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.04rem;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceLabelText {
    font-size: 0.875rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__priceValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.1875rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.hacomono-service-s-priceLists .s-priceLists__priceCount {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  letter-spacing: -0.0325rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceCount {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__priceLabel {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  letter-spacing: 0.035rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceLabel {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__priceSeparator {
  font-size: 1rem;
  color: #1A1A1A;
  margin: 0 0.125rem;
}
.hacomono-service-s-priceLists .s-priceLists__priceUnitText {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #1A1A1A;
  letter-spacing: 0.035rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceUnitText {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__priceNote {
  font-size: 0.75rem;
  font-weight: 400;
  color: #acacac;
  letter-spacing: 0.03rem;
  padding-left: 1.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__priceNote {
    font-size: 0.6875rem;
    padding-left: 1.625rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__initialFeePrefix {
  font-size: 0.875rem;
  font-weight: 400;
  color: #1A1A1A;
  letter-spacing: 0.035rem;
  margin-right: 0.125rem;
}
.hacomono-service-s-priceLists .s-priceLists__itemDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.375rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-block: 2rem 4.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__itemDescription {
    margin-block: 1rem 2rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__itemFeatureList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.375rem;
}
.hacomono-service-s-priceLists .s-priceLists__itemFeature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.hacomono-service-s-priceLists .s-priceLists__itemFeatureText {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__itemFeatureText {
    font-size: 0.875rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__itemFeatureText p {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  color: #767676;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__itemFeatureText p {
    font-size: 0.6875rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__itemFeature::before {
  content: "";
  border-radius: 50%;
  width: 0.3125rem;
  height: 0.3125rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #1a1a1a;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  top: 0.5rem;
}
.hacomono-service-s-priceLists .hacomono-service-c-button {
  margin-top: auto;
  width: 15.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .hacomono-service-c-button {
    width: 14.375rem;
  }
}
.hacomono-service-s-priceLists .s-priceLists__noticeList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.125rem;
}
.hacomono-service-s-priceLists .s-priceLists__notice {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  color: #767676;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceLists .s-priceLists__notice {
    font-size: 0.75rem;
  }
}

.hacomono-service-s-priceoption {
  margin-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption {
    margin-bottom: 6.25rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__header {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__header {
    gap: 0.75rem;
    margin-bottom: 2.5rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #D2D2D2;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__description {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__description {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__table {
  border: 0.0625rem solid #F2F2F2;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__table {
    border: none;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__tableHeader {
  display: grid;
  grid-template-columns: 13.75rem 12.5rem 1fr;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__tableHeader {
    display: none;
  }
}
.hacomono-service-s-priceoption .s-priceoption__tableHeaderCell {
  padding: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #414141;
  border-right: 0.125rem solid #fff;
}
.hacomono-service-s-priceoption .s-priceoption__tableHeaderCell:last-child {
  border-right: none;
}
.hacomono-service-s-priceoption .s-priceoption__tableBody {
  display: contents;
}
.hacomono-service-s-priceoption .s-priceoption__tableRow {
  display: grid;
  grid-template-columns: 13.75rem 12.5rem 1fr;
  border-top: 0.0625rem solid #F2F2F2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__tableRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0;
    gap: 0;
  }
}
.hacomono-service-s-priceoption .s-priceoption__dataCard {
  display: contents;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__dataCard {
    border: 0.0625rem solid #F2F2F2;
    border-radius: 0.375rem;
    overflow: hidden;
    display: block;
  }
}
.hacomono-service-s-priceoption .s-priceoption__cardHeader {
  display: none;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__cardHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #F7F6F6;
    border-bottom: 0.125rem solid #fff;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceLabel {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 1rem;
    width: 7.5rem;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__descriptionLabel {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 0.125rem solid #fff;
    padding: 1rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__dataRow {
  display: contents;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__dataRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
.hacomono-service-s-priceoption .s-priceoption__tableCell {
  padding: 1.5rem;
  border-right: 0.0625rem solid #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__tableCell {
    border: none;
    padding: 0.375rem;
  }
  .hacomono-service-s-priceoption .s-priceoption__tableCell.pconly {
    display: none !important;
  }
  .hacomono-service-s-priceoption .s-priceoption__tableCell.-name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background-color: transparent;
    padding-bottom: 0.625rem;
    padding-top: 0;
    width: 100%;
  }
  .hacomono-service-s-priceoption .s-priceoption__tableCell.-price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 7.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .hacomono-service-s-priceoption .s-priceoption__tableCell.-description {
    border-left: 0.125rem solid #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__tableCell.-description {
    border-left: 0.125rem solid #F2F2F2;
  }
}
.hacomono-service-s-priceoption .s-priceoption__tableCell:last-child {
  border-right: none;
}
.hacomono-service-s-priceoption .s-priceoption__optionName {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__optionName {
    margin-bottom: 0.625rem;
    font-size: 1rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceValue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.125rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceValue {
    gap: 0.1875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-priceoption .s-priceoption__pricePrefix {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.035rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__pricePrefix {
    font-size: 0.75rem;
    letter-spacing: 0.03rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceCount {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceCount {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceValueInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 0.125rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceValueInner {
    gap: 0.1875rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceUnitWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceUnitWrapper {
    gap: 0.1875rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceSeparator {
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceSeparator {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__priceUnit {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.04rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__priceUnit {
    font-size: 0.8125rem;
    letter-spacing: 0.0325rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__optionDescription {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__optionDescription {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__optionDescription p {
  margin: 0;
}
.hacomono-service-s-priceoption .s-priceoption__optionDescription p:not(:last-child) {
  margin-bottom: 0.5rem;
}
.hacomono-service-s-priceoption .s-priceoption__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__footer {
    gap: 2.5rem;
    margin-top: 1rem;
    padding-bottom: 2rem;
  }
}
.hacomono-service-s-priceoption .s-priceoption__footerText {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__footerText {
    font-size: 1.125rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: left;
  }
}
.hacomono-service-s-priceoption .s-priceoption__buttonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .s-priceoption__buttonList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 0.75rem;
  }
}
.hacomono-service-s-priceoption .hacomono-service-c-button {
  width: 15.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-priceoption .hacomono-service-c-button {
    width: 14.375rem;
  }
}

.hacomono-service-s-supportFlow {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 4.5rem 0;
  margin: 0 auto 6rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow {
    border-radius: 1.25rem;
    padding: 2rem;
    margin-bottom: 5rem;
    width: 100%;
  }
}
.hacomono-service-s-supportFlow .hacomono-service-c-inner {
  max-width: 62.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__header {
  margin-bottom: 2rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__list {
    gap: 2.3125rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepList {
  display: contents;
  counter-reset: step-counter;
}
.hacomono-service-s-supportFlow .s-supportFlow__stepCard {
  background-color: #fff;
  border-radius: 0.25rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: relative;
  counter-increment: step-counter;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.5rem;
    padding: 2rem 1.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepCard:not(:last-child)::after {
  content: "";
  border-radius: 3px;
  position: absolute;
  bottom: -1.125rem;
  left: 50%;
  -webkit-transform: translate(-50%, 100%) scaleY(-1);
  transform: translate(-50%, 100%) scaleY(-1);
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 0.8125rem solid #D2D2D2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepCard:not(:last-child)::after {
    bottom: -0.9375rem;
    border-left-width: 0.625rem;
    border-right-width: 0.625rem;
    border-bottom-width: 0.5rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepNumberWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepNumberWrapper {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepNumber {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: normal;
  padding-top: 0.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepNumber {
    font-size: 0.75rem;
    padding-top: 0;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepCounter::before {
  content: " " counter(step-counter, decimal-leading-zero);
}
.hacomono-service-s-supportFlow .s-supportFlow__stepContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepContent {
    gap: 0.75rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepHeader {
    gap: 0.375rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepIcon {
  width: 2.5rem;
  height: 2.5rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepIcon {
    width: 2rem;
    height: 2rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-supportFlow .s-supportFlow__stepTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepTitle {
    font-size: 1.25rem;
    letter-spacing: 0.05rem;
  }
}
.hacomono-service-s-supportFlow .s-supportFlow__stepDescription {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFlow .s-supportFlow__stepDescription {
    font-size: 0.9375rem;
  }
}

.hacomono-service-s-supportSystem {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem {
    margin-bottom: 5rem;
  }
}
.hacomono-service-s-supportSystem .hacomono-service-c-inner {
  max-width: 62.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .hacomono-service-c-inner {
    padding: 0 1.5rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__header {
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__title {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__description {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__description {
    text-align: left;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__card {
  border: 0.0625rem solid #767676;
  border-radius: 0.75rem;
  padding: 2.5rem 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__card {
    padding: 2rem 1.5rem;
    border-radius: 0.75rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 1.5rem;
  letter-spacing: 0.06rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardTitle {
    font-size: 1.125rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin-bottom: 2rem;
    letter-spacing: 0;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardList {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardList {
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardListInner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  counter-reset: support-card-counter;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardListInner {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #767676;
  border-radius: 0.375rem;
  padding: 0 0 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-increment: support-card-counter;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardItem {
    padding: 0 0 2rem 0;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardHeader {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.75rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardHeader {
    gap: 0.5rem;
    padding: 0.5rem 0;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardNumber {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  color: #fff;
}
.hacomono-service-s-supportSystem .s-supportSystem__cardNumber::before {
  content: counter(support-card-counter, decimal-leading-zero) ".";
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardNumber {
    font-size: 0.75rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardDivider {
  width: 0.0625rem;
  height: 0.5rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardDivider {
    width: 0.5rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardPeriod {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardPeriod {
    font-size: 0.8125rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.75rem;
  padding-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardBody {
    gap: 0.375rem;
    padding-top: 1rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardHeaderRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardHeaderRow {
    gap: 0.375rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardIcon {
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardIcon {
    width: 2rem;
    height: 2rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardIcon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-supportSystem .s-supportSystem__cardName {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardName {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardDescription {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
  color: #fff;
  text-align: center;
  padding: 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__cardDescription {
    font-size: 0.9375rem;
    padding: 0 0.75rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__cardDescription p {
  margin: 0;
}
.hacomono-service-s-supportSystem .s-supportSystem__cardDescription p:not(:last-child) {
  margin-bottom: 0.25rem;
}
.hacomono-service-s-supportSystem .s-supportSystem__cardDescription small,
.hacomono-service-s-supportSystem .s-supportSystem__cardDescription .s-supportSystem__cardNote {
  font-size: 0.8125rem;
  display: block;
  margin-top: 0.25rem;
}
.hacomono-service-s-supportSystem .s-supportSystem__notes {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__notes {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__noteList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.125rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__noteList {
    gap: 0.125rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__note {
  width: 100%;
}
.hacomono-service-s-supportSystem .s-supportSystem__noteText {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.7;
  color: #767676;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__noteText {
    font-size: 0.75rem;
  }
}
.hacomono-service-s-supportSystem .s-supportSystem__footerText {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  color: #1A1A1A;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportSystem .s-supportSystem__footerText {
    font-size: 1.125rem;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
}

.hacomono-service-s-supportFaq {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 4.875rem 8.375rem;
  margin-bottom: 4rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq {
    border-radius: 1.25rem;
    padding: 2rem 1.5rem;
    margin-bottom: 5rem;
    width: 100%;
  }
}
.hacomono-service-s-supportFaq .hacomono-service-c-inner {
  max-width: 75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__header {
    margin-bottom: 0rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.875rem 1.125rem;
    padding: 2rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__ankerLinkList .s-supportFaq__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}
.hacomono-service-s-supportFaq .s-supportFaq__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__content {
    gap: 2rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqCategoryList {
  display: contents;
}
.hacomono-service-s-supportFaq .s-supportFaq__faqCategory {
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 3.5rem 7.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqCategory {
    padding: 1.5rem 1.25rem;
    border-radius: 0.75rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__categoryTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.06rem;
  padding-bottom: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__categoryTitle {
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.hacomono-service-s-supportFaq .s-supportFaq__faqListInner {
  display: contents;
}
.hacomono-service-s-supportFaq .s-supportFaq__faqItem {
  border-top: 0.0625rem solid #D2D2D2;
  padding: 2rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqItem {
    padding: 1.25rem 0;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqItem:last-child {
  border-bottom: 0.0625rem solid #D2D2D2;
}
.hacomono-service-s-supportFaq .s-supportFaq__faqQuestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqQuestion {
    gap: 0.25rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqQuestionContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.375rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqQuestionContent {
    gap: 0.25rem;
    padding-left: 0;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqLabel {
  font-size: 1rem;
  font-weight: 700;
  line-height: normal;
  width: 1.25rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.hacomono-service-s-supportFaq .s-supportFaq__faqQuestionText {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqQuestionText {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqToggle {
  width: 2rem;
  height: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqToggle {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqToggleIcon {
  width: 1.125rem;
  height: 0.625rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqToggleIcon {
    width: 0.75rem;
    height: 0.625rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqItem[data-open=true] .s-supportFaq__faqToggleIcon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hacomono-service-s-supportFaq .s-supportFaq__faqAnswer {
  display: none;
  padding-top: 0.25rem;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqAnswer {
    padding-left: 0;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqItem[data-open=true] .s-supportFaq__faqAnswer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.375rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqItem[data-open=true] .s-supportFaq__faqAnswer {
    gap: 0.25rem;
  }
}
.hacomono-service-s-supportFaq .s-supportFaq__faqAnswerText {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-supportFaq .s-supportFaq__faqAnswerText {
    font-size: 0.9375rem;
    padding-right: 0;
  }
}

.hacomono-service-s-relatedTerms {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms {
    margin-bottom: 5rem;
  }
}
.hacomono-service-s-relatedTerms .s-relatedTerms__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms .s-relatedTerms__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-relatedTerms .s-relatedTerms__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms .s-relatedTerms__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-relatedTerms .s-relatedTerms__buttonList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms .s-relatedTerms__buttonList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.hacomono-service-s-relatedTerms .s-relatedTerms__buttonListInner {
  display: contents;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms .s-relatedTerms__buttonItem {
    width: 100%;
    max-width: 14.375rem;
  }
}
.hacomono-service-s-relatedTerms .hacomono-service-c-button {
  width: 14.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-relatedTerms .hacomono-service-c-button {
    width: 14.375rem;
  }
}

.hacomono-service-s-securityInitiatives {
  background-color: #F2F2F2;
  border-radius: 0.5rem;
  padding: 4.5rem 0;
  margin-bottom: 5rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives {
    padding: 2rem 0;
    border-radius: 1.25rem;
    margin-bottom: 6.25rem;
    width: 100%;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__listInner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__listInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__item {
    gap: 0.75rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemImage {
  height: 8.0525rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__itemImage {
    height: 7.16875rem;
    width: 100%;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemImage img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__itemContent {
    gap: 0.75rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.05rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__itemTitle {
    font-size: 1.125rem;
    letter-spacing: 0.045rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemDescription {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-securityInitiatives .s-securityInitiatives__itemDescription {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemDescription p {
  margin: 0;
}
.hacomono-service-s-securityInitiatives .s-securityInitiatives__itemDescription p:not(:last-child) {
  margin-bottom: 0.25rem;
}

.hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  max-width: 50rem;
  margin-inline: auto;
  gap: 1rem 1.5rem;
  padding-block: 3rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.875rem 1.125rem;
    padding: 2.5rem 0;
  }
}
.hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLink {
    border-bottom: 0.0625rem solid #F7F6F6;
    padding-bottom: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}
.hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLink:last-child::after {
  display: none;
}
.hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLink::after {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-slash.svg") center center/contain no-repeat;
  display: inline-block;
  margin-left: 1.5rem;
  position: relative;
  top: 0.0625rem;
  height: 0.625rem;
  width: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLink::after {
    display: none;
  }
}
.hacomono-service-s-ankerLinks .s-ankerLinks__ankerLinkList .s-ankerLinks__ankerLinkArrow::before {
  content: "";
  background: url("/assets/hacomono-service/img/icons/icon-btn-arrow-down.svg") center center/contain no-repeat;
  display: inline-block;
  position: relative;
  top: 0.125rem;
  height: 1rem;
  width: 1rem;
  -webkit-filter: invert(1);
  filter: invert(1);
  margin-left: 0.5rem;
}

.hacomono-service-s-terms {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 4.5rem 0;
  margin: 3rem auto 6rem;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-terms {
    background-color: #fff;
    padding: 2rem 0;
    margin: 0.625rem auto 5rem;
    width: 100%;
  }
}
.hacomono-service-s-terms .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  max-width: 77.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-terms .hacomono-service-c-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.hacomono-service-s-terms .s-terms__left {
  background-color: #fff;
  border-radius: 0.375rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 1.5rem;
  position: sticky;
  top: 6.25rem;
  width: 20.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-terms .s-terms__left {
    display: none;
  }
}
.hacomono-service-s-terms .s-terms__ankerLinkList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.3125rem;
}
.hacomono-service-s-terms .s-terms__ankerLinkList .s-terms__ankerLink {
  font-size: 0.875rem;
  line-height: 1;
}
.hacomono-service-s-terms .s-terms__right {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 3rem;
  width: calc(100% - 20.625rem - 3rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-terms .s-terms__right {
    padding: 0;
    width: 100%;
  }
}
.hacomono-service-s-terms .s-terms__right .s-terms__footer {
  margin-top: 1.875rem;
}
.hacomono-service-s-terms .s-terms__right .s-terms__footer p {
  font-size: 0.75rem;
  line-height: 1.5;
}

.hacomono-service-s-error {
  padding-bottom: 15rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error {
    padding-bottom: 6.25rem;
  }
}
.hacomono-service-s-error .hacomono-service-c-breadcrumb {
  padding: 7rem 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .hacomono-service-c-breadcrumb {
    padding: 4rem 0 2.875rem;
  }
}
.hacomono-service-s-error .hacomono-service-c-breadcrumb .hacomono-service-c-inner {
  max-width: calc(100% - 3.75rem);
  padding: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .hacomono-service-c-breadcrumb .hacomono-service-c-inner {
    max-width: calc(100% - 2rem);
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .hacomono-service-c-inner.-main {
    padding-inline: 1.5rem;
  }
}
.hacomono-service-s-error .s-error__content {
  text-align: center;
}
.hacomono-service-s-error .s-error__contentLabel {
  font-size: 0.9375rem;
  font-weight: 500;
  margin: 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .s-error__contentLabel {
    font-size: 0.625rem;
    margin: 0 0 0.5rem;
  }
}
.hacomono-service-s-error .s-error__contentTitle {
  font-size: 2.125rem;
  font-weight: 700;
  margin: 0 0 2.4375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .s-error__contentTitle {
    line-height: 1.5;
    font-size: 1.25rem;
    margin: 0 0 1.5rem;
  }
}
.hacomono-service-s-error .s-error__contentText {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0 0 3.5625rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .s-error__contentText {
    margin: 0 0 3rem;
  }
}
.hacomono-service-s-error .s-error__contentText p + p {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error .s-error__contentText p + p {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error.-complete .hacomono-service-c-inner.-main {
    padding-inline: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-error.-complete .s-error__contentText {
    text-align: left;
  }
}

.hacomono-service-s-contactDetail {
  background-color: #EFF1F4;
  border-radius: 0.5rem;
  padding: 4.5rem 0;
  margin-block: 3rem 3.875rem;
  margin-inline: auto;
  width: calc(100% - 1.5rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-contactDetail {
    border-radius: 1.25rem;
    margin-bottom: 6.25rem;
    padding: 2rem 0;
    width: 100%;
  }
}
.hacomono-service-s-contactDetail .hacomono-service-c-inner {
  max-width: 42.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-contactDetail .hacomono-service-c-inner {
    max-width: 100%;
  }
}
.hacomono-service-s-contactDetail .s-contactDetail__text {
  font-size: 0.9375rem;
  line-height: 1.7;
  margin: 0 0 1.5rem;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.hacomono-service-s-contactDetail .s-contactDetail_form {
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 2.5rem;
}
.hacomono-service-s-contactDetail .s-contactDetail_form .js-leadgridCms__editableWysiwyg {
  min-height: 120px;
  background-color: #F7F6F6;
}

.hacomono-service-s-useCaseAchievement {
  margin: 0 0.75rem 6rem;
  padding: 6rem 9.625rem;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement {
    border-radius: 1.25rem;
    margin: 0 0 2.875rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__header {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__text {
  font-size: 0.9375rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__text {
    padding: 0 0.25rem;
    text-align: left;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__body {
  background: #fff;
  border-radius: 0.375rem;
  padding: 3rem 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__body {
    width: 100%;
    padding: 1.25rem;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list {
    gap: 1rem 0;
    grid-template-columns: repeat(2, 1fr);
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item {
  position: relative;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item {
    padding: 0;
    min-width: initial;
  }
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item:nth-child(odd) {
    border-right: 0.0625rem solid #D2D2D2;
    padding-right: 1rem;
  }
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item:nth-child(even) {
    padding-left: 1rem;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item:not(:first-child) {
  border-left: 0.0625rem solid #D2D2D2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item:not(:first-child) {
    border-left: none;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__title {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__title {
    margin-bottom: 0.375rem;
    font-size: 0.875rem;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.25rem 3.125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__logos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 0.75rem;
  }
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__logos__item {
  max-width: 11.25rem;
  margin-inline: auto;
}
.hacomono-service-s-useCaseAchievement .s-useCaseAchievement__list__item__logos__item img {
  display: block;
  margin: 0 auto;
}

.hacomono-service-s-useCaseAssignment {
  margin: 6rem 0 6rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment {
    margin: 0 0 3rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-useCaseAssignment .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .hacomono-service-c-inner {
    gap: 1.5rem;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__header {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .s-useCaseAssignment__header {
    padding: 0;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .s-useCaseAssignment__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  counter-reset: n;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .s-useCaseAssignment__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.25rem 2.25rem 2rem 2.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item {
    padding: 0.75rem 1.25rem 2rem;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__number {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.8125rem;
  z-index: -1;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__number::before {
  position: absolute;
  top: 1.875rem;
  left: 1.875rem;
  right: 1.875rem;
  content: "";
  height: 3.8125rem;
  background-color: #E9EBEE;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__number::after {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "0" counter(n);
  counter-increment: n;
  font-size: 1.125rem;
  font-weight: 500;
  color: #767676;
  background-color: #fff;
  border-radius: 0.625rem;
  width: 3.8125rem;
  height: 3.8125rem;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__bg {
  position: absolute;
  top: 3.8125rem;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  background-color: #E9EBEE;
  border-radius: 0.625rem 0 0.625rem 0.625rem;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__bg::before {
  content: "";
  position: absolute;
  top: -3.8125rem;
  left: 3.8125rem;
  right: 0;
  height: 3.8125rem;
  background-color: #E9EBEE;
  border-radius: 0.625rem 0.625rem 0 0;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 4rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  padding: 0 0 0 2.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__title {
    min-height: 3.125rem;
    font-size: 1.25rem;
    padding: 0 0 0 3.375rem;
  }
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.375rem;
  margin-top: auto;
  margin-bottom: 0;
  padding: 1.25rem 0 0;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__list__item {
  position: relative;
  list-style: none;
  padding-left: 0.9375rem;
  font-size: 0.9375rem;
  line-height: 1.7;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__list__item::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: currentColor;
  border-radius: 50%;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__image {
  background-color: #fff;
  margin-top: auto;
  max-height: 7.5rem;
  padding: 0.3125rem;
}
.hacomono-service-s-useCaseAssignment .s-useCaseAssignment__item__image img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.hacomono-service-s-useCaseButtonList {
  margin: 0 0.75rem 7.8125rem;
  padding: 4.5rem 21rem;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseButtonList {
    border-radius: 1.25rem;
    margin: 0 0 2.875rem;
    padding: 2.5rem 0;
  }
}
.hacomono-service-s-useCaseButtonList .s-useCaseButtonList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseButtonList .s-useCaseButtonList {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}
.hacomono-service-s-useCaseButtonList .s-useCaseButtonList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.hacomono-service-s-useCaseButtonList .s-useCaseButtonList__item .hacomono-service-c-button {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 3.375rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseButtonList .s-useCaseButtonList__item .hacomono-service-c-button {
    padding: 1.25rem;
    width: 14.4375rem;
  }
}

.hacomono-service-s-useCaseColumn {
  margin-bottom: 6.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseColumn {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseColumn .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-s-useCaseColumn .s-useCaseColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 3.625rem;
  padding: 3.5rem 3rem;
  background: #767676;
  border-radius: 0.5rem;
  color: #fff;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseColumn .s-useCaseColumn {
    border-radius: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem;
  }
}
.hacomono-service-s-useCaseColumn .s-useCaseColumn:hover {
  opacity: 0.8;
}
.hacomono-service-s-useCaseColumn .s-useCaseColumn__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseColumn .s-useCaseColumn__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-useCaseColumn .s-useCaseColumn__image {
  border-radius: 0.375rem;
  overflow: hidden;
  aspect-ratio: 16/9;
  width: 100%;
}
.hacomono-service-s-useCaseColumn .s-useCaseColumn__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hacomono-service-s-useCaseFunction {
  margin: 8.5625rem 0 10rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction {
    margin: 3rem 0;
  }
}
.hacomono-service-s-useCaseFunction .hacomono-service-c-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .hacomono-service-c-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__logo {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__logo {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__title {
    font-size: 1.125rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__image {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__image {
    margin-top: 0.75rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__body {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 39rem;
  padding-top: 4.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__body {
    width: 100%;
    padding: 0;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding: 0.8125rem 0.75rem 0.8125rem 1.25rem;
  border-radius: 0.25rem;
  background-color: #e9e9e9;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__item {
    padding: 0.75rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__item__title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__item__icon {
  width: 4.5rem;
  height: auto;
  aspect-ratio: 1;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseFunction .s-useCaseFunction__item__icon {
    width: 3rem;
  }
}
.hacomono-service-s-useCaseFunction .s-useCaseFunction__note {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.7;
}

.hacomono-service-s-useCaseGrid {
  margin: 0 0.75rem 10rem;
  padding: 3.5rem 0;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid {
    margin: 0 0 2.875rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid .s-useCaseGrid__header {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid .s-useCaseGrid__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__text {
  font-size: 0.9375rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid .s-useCaseGrid__text {
    padding: 0 0.25rem;
    text-align: left;
  }
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid .s-useCaseGrid__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__list__item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: #fff;
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__list__item__image {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__list__item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-useCaseGrid .s-useCaseGrid__list__item__title {
  padding: 2.5rem 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseGrid .s-useCaseGrid__list__item__title {
    padding: 1rem 1rem 0.75rem;
    font-size: 0.875rem;
  }
}

.hacomono-service-s-useCaseHeader .s-useCaseHeader {
  margin: 6.25rem 0.75rem 0.625rem;
  padding-bottom: 1.5rem;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader {
    margin: 0.75rem 0.75rem 0.625rem;
    padding: 0 0 0.75rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__bottomWrap {
  margin: 0 0 2.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__bottomWrap {
    margin: 0 0 1.5rem;
  }
}
.hacomono-service-s-useCaseHeader .hacomono-service-c-inner {
  max-width: unset;
  margin: 0 auto;
  padding: 0;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 2.1875rem 2.1875rem 0 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 0;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 40.5rem;
  width: 100%;
  padding: 1.1875rem 4.3125rem 0 6.1875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__left {
    display: contents;
    padding: 5.8125rem 0 0;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__right {
  overflow: hidden;
  max-width: 45.8125rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__right {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    max-width: unset;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__header {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 5.8125rem 1.25rem 0;
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 4%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__title {
    font-size: 1.625rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__text {
  font-size: 1rem;
  line-height: 1.4;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__list {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 0;
    padding: 0 0.5rem;
    gap: 0.5rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem {
  padding: 0.75rem 1.25rem 0.75rem 1rem;
  border-radius: 0.625rem;
  background: #fff;
  width: 14.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem {
    width: calc(50% - 0.25rem);
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__title {
  margin-bottom: 0.625rem;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__text {
    font-size: 1.625rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__note {
  margin-top: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__noteItem {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listItem__noteItem::before {
  content: "※";
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listComment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__listComment {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0.625rem 0.5rem 0;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listCommentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1.5;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__listCommentItem::before {
  content: "※";
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList {
  position: relative;
  z-index: 1;
  border-radius: 1.25rem 1.25rem 1.25rem 0;
  padding-left: 0.0625rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList {
    margin: 0 0.5rem 1.5rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control {
  gap: 0.3125rem;
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  z-index: 2;
  width: 12.0625rem;
  border-radius: 0 1.25rem 0 0;
  background-color: #E9EBEE;
  padding: 1.25rem 0 0.6875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control {
    bottom: 0rem;
    width: unset;
    padding: 1.25rem 1.25rem 0 0;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control::before, .hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control::after {
  content: "";
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask: url("/assets/hacomono-service/img/useCase/header_bg_edge.svg") no-repeat center;
  mask: url("/assets/hacomono-service/img/useCase/header_bg_edge.svg") no-repeat center;
  background-color: #E9EBEE;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control::before {
  top: 0;
  left: 0;
  -webkit-transform: translateY(-97%);
  transform: translateY(-97%);
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__imageList .c-slider__control::after {
  bottom: 0;
  right: 0.0625rem;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__image {
  height: auto;
  aspect-ratio: 733/536;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__bottom {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 0 0 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__bottom {
    padding: 0 0 1.25rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__logoList {
  position: relative;
  z-index: 1;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__logoList .c-slider__control {
  padding: 0 2.0625rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__logoList .c-slider__control {
    padding: 0 0.5rem;
    gap: 0.625rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__logo {
  max-width: 6.25rem;
  width: 8.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__logo {
    width: 100%;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__logo img {
  height: 5rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__logo img {
    height: 3.75rem;
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__note {
  color: #7E7979;
  font-size: 0.625rem;
  line-height: 1.5;
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__marquee {
  position: absolute;
  z-index: 0;
  top: 3.625rem;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseHeader .s-useCaseHeader__marquee {
    top: calc(50% - 1.5rem);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.hacomono-service-s-useCaseHeader .s-useCaseHeader__marquee .s-useCaseHeader__marquee__text {
  padding: 0 1rem;
}
.hacomono-service-s-useCaseHeader .c-slider__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.hacomono-service-s-useCaseHeader .c-slider__control__prev,
.hacomono-service-s-useCaseHeader .c-slider__control__next,
.hacomono-service-s-useCaseHeader .c-slider__control__autoplay {
  width: 2rem;
  height: auto;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  background-color: currentColor;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.25rem;
}
.hacomono-service-s-useCaseHeader .c-slider__control__prev {
  background-image: url("/assets/hacomono-service/img/useCase/header_icon_left.svg");
  background-size: 1rem;
}
.hacomono-service-s-useCaseHeader .c-slider__control__next {
  background-image: url("/assets/hacomono-service/img/useCase/header_icon_right.svg");
  background-size: 1rem;
}
.hacomono-service-s-useCaseHeader .c-slider__control__autoplay {
  background-image: url("/assets/hacomono-service/img/useCase/header_icon_play.svg");
  background-size: 1.25rem;
}
.hacomono-service-s-useCaseHeader .c-slider__control__autoplay.is-playing {
  background-image: url("/assets/hacomono-service/img/useCase/header_icon_pause.svg");
}

/* =====================================================
   共通ベース：マーキー全体
   ===================================================== */
.s-useCaseHeader__logoList,
.s-useCaseHeader__marquee {
  overflow: hidden;
  position: relative;
}

.s-useCaseHeader__logoList .swiper-wrapper,
.s-useCaseHeader__marquee .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  will-change: transform;
}

.s-useCaseHeader__logoList .swiper-slide,
.s-useCaseHeader__marquee .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-block: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* =====================================================
   左方向へ流れるマーキー（テキストマーキー）
   ===================================================== */
.s-useCaseHeader__marquee .swiper-wrapper {
  -webkit-animation: marqueeScrollLeft 40s linear infinite;
  animation: marqueeScrollLeft 40s linear infinite;
}

/* 左方向（右→左）に流す */
@-webkit-keyframes marqueeScrollLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes marqueeScrollLeft {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
/* =====================================================
   再生・停止制御用クラス（任意）
   ===================================================== */
.s-useCaseHeader__marquee .swiper-wrapper.is-paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.hacomono-service-s-useCasePurpose {
  margin: 0 0.75rem 8.5625rem;
  padding: 6rem 8rem;
  background: linear-gradient(135deg, #9C9C9C 0%, #6B6B6B 100%);
  border-radius: 0.5rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose {
    margin: 0 0 3rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__header {
  margin-bottom: 5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 3.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__list {
    gap: 2rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1.25rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 36.0625rem;
  aspect-ratio: 577/392;
  overflow: hidden;
  border-radius: 0.75rem;
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__item__image {
    width: 100%;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__item__content {
    gap: 1.25rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item__header {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);
  padding-bottom: 1.5rem;
  padding-top: 0.875rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__item__header {
    padding-bottom: 0.75rem;
    padding-top: 0;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__item__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__item__title {
    font-size: 1.25rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__tagTitle {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__tagTitle {
    font-size: 0.9375rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList {
    gap: 0.5rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.03125rem;
  padding: 0.375rem 1rem;
  background-color: #fff;
  border-radius: 0.1875rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList__item {
    padding: 0.25rem 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList__item__icon {
  width: 1.875rem;
  height: auto;
  aspect-ratio: 1;
  fill: currentColor;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__tagList__item__icon {
    width: 1.25rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__textList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.5rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__textList {
    margin-top: 1.25rem;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__textList__item {
  position: relative;
  padding-left: 1.875rem;
  font-size: 1rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__textList__item {
    padding-left: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCasePurpose .s-useCasePurpose__textList__item::before {
  content: "";
  width: 1.5rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  top: 0.125rem;
  left: 0;
  -webkit-mask: url("/assets/hacomono-service/img/useCase/purpose_icon_check.svg") no-repeat center center/contain;
  mask: url("/assets/hacomono-service/img/useCase/purpose_icon_check.svg") no-repeat center center/contain;
  background-color: currentColor;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCasePurpose .s-useCasePurpose__textList__item::before {
    width: 1.25rem;
  }
}

.hacomono-service-s-useCaseRowColumn {
  margin-bottom: 6.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .hacomono-service-c-inner {
    padding: 0;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3.625rem;
  padding: 3.5rem 3rem;
  background: #767676;
  border-radius: 0.5rem;
  color: #fff;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn {
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 1.5rem;
    padding: 2.5rem 2rem;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn:hover {
  opacity: 0.8;
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 33.625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__content {
    width: 100%;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__title {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__title {
    font-size: 1.5rem;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 0.75rem;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__list {
    gap: 0.5rem;
    margin-top: 1rem;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.5rem;
  justify-items: flex-start;
  font-size: 0.9375rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__item {
    gap: 0.375rem;
  }
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__item__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: 1.25rem;
  height: auto;
  aspect-ratio: 1;
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__item__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  width: 100%;
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__image {
  border-radius: 0.375rem;
  overflow: hidden;
  aspect-ratio: 16/9;
  width: 100%;
}
.hacomono-service-s-useCaseRowColumn .s-useCaseRowColumn__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hacomono-service-s-useCaseVoice {
  margin: 0 0.75rem 10rem;
  padding: 6rem 9.625rem;
  background: #E9EBEE;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseVoice {
    border-radius: 1.25rem;
    margin: 0 0 2.875rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-useCaseVoice .s-useCaseVoice__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseVoice .s-useCaseVoice__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-useCaseVoice .s-useCaseVoice__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseVoice .s-useCaseVoice__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-useCaseVoice .s-useCaseVoice__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseVoice .s-useCaseVoice__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.hacomono-service-s-useCaseVoice .s-useCaseVoice__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-useCaseVoice .s-useCaseVoice__list__item {
    gap: 0.75rem;
    font-size: 1.125rem;
  }
}

.hacomono-service-s-systemIntro {
  padding: 0rem 0 8.9375rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro {
    padding: 0rem 0 3.75rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__header {
  text-align: left;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__header {
    margin-bottom: 2rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  color: #1A1A1A;
  margin-bottom: 1.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__title {
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.06rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__description {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2;
  color: #1A1A1A;
  max-width: 50rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__description {
    font-size: 0.8125rem;
    line-height: 1.8;
    max-width: none;
    margin: 0 auto;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__mainArea {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9.6875rem 11.5rem;
  margin: 0 auto 4rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__mainArea {
    gap: 5rem 1.6875rem;
    padding-inline: 0.75rem;
    margin-bottom: 2.5rem;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__logoWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
  width: 100%;
}
.hacomono-service-s-systemIntro .s-systemIntro__circles {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__circles {
    width: 20.1875rem;
    height: 12.5rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  -webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, transform 0.4s ease-in, -webkit-transform 0.4s ease-in;
}
.hacomono-service-s-systemIntro .s-systemIntro__circle.-circle1 {
  width: 17.375rem;
  height: auto;
  z-index: 4;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__circle.-circle1 {
    width: 9.4375rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__circle.-circle2 {
  width: 22.375rem;
  height: auto;
  z-index: 3;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__circle.-circle2 {
    width: 12.125rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__circle.-circle3 {
  width: 29.3125rem;
  height: auto;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__circle.-circle3 {
    width: 15.875rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__circle.-circle4 {
  width: 37.25rem;
  height: auto;
  z-index: 1;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  transform: translate(-50%, -50%) scale(0.8);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__circle.-circle4 {
    width: 20.1875rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__cardList {
  display: contents;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hacomono-service-s-systemIntro .s-systemIntro__card {
  position: relative;
  background-color: #fff;
  border: 1px solid #D2D2D2;
  border-radius: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-inline: auto;
  width: 30.5rem;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, -webkit-transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, transform 0.4s ease-in;
  transition: opacity 0.4s ease-in, transform 0.4s ease-in, -webkit-transform 0.4s ease-in;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 10.125rem;
    height: 9.8125rem;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__card:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.hacomono-service-s-systemIntro .s-systemIntro__card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.hacomono-service-s-systemIntro .s-systemIntro__card:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
.hacomono-service-s-systemIntro .s-systemIntro__card:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}
.hacomono-service-s-systemIntro .s-systemIntro__cardImage {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 9.125rem;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__cardImage {
    width: 100%;
    height: 5.375rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__cardImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hacomono-service-s-systemIntro .s-systemIntro__cardContent {
  padding: 2.5rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__cardContent {
    padding: 0.5rem 0.25rem;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__cardTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__cardTitle {
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 0;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__cardDescription {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2;
  color: #1A1A1A;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__cardDescription {
    display: none;
  }
}
.hacomono-service-s-systemIntro .s-systemIntro__buttonWrap {
  text-align: center;
}
.hacomono-service-s-systemIntro .s-systemIntro__buttonWrap .hacomono-service-c-button {
  min-width: 16.25rem;
  height: 3.5rem;
  padding: 0.875rem 2rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-systemIntro .s-systemIntro__buttonWrap .hacomono-service-c-button {
    min-width: 15rem;
    height: 3.5rem;
  }
}

.hacomono-service-s-caseStudies {
  padding: 8.75rem 0 9.25rem;
  background-color: #EFF1F4;
  margin-bottom: 8.75rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies {
    padding: 3.75rem 0 2rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .hacomono-service-c-inner {
    padding: 0 2rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__header {
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__header {
    margin-bottom: 3.5rem;
    text-align: left;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1rem;
  color: #1A1A1A;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.06rem;
    margin-bottom: 1rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__description {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2;
  color: #1A1A1A;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__description {
    font-size: 0.8125rem;
    line-height: 1.8;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__content {
  position: relative;
}
.hacomono-service-s-caseStudies .s-caseStudies__cardList {
  margin-bottom: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__cardList {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__cardListInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__cardListInner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 0.6875rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.75rem;
  min-width: 0;
  width: calc(25% - 2.25rem);
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__card {
    gap: 0.75rem;
    width: 100%;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__cardTitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #1A1A1A;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__cardTitle {
    font-size: 0.75rem;
    line-height: 1;
    text-align: center;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__logoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__logoList {
    gap: 0.5rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__logoItem {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7.5rem;
  height: 7.5rem;
  background-color: #fff;
  border-radius: 0.25rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__logoItem {
    width: calc(50% - 0.25rem);
    height: 4.4375rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__logoItem img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.hacomono-service-s-caseStudies .s-caseStudies__logoItem.-fullWidth, .hacomono-service-s-caseStudies .s-caseStudies__logoItem[class*=-fullWidth], .hacomono-service-s-caseStudies .s-caseStudies__logoItem[class*=-wide], .hacomono-service-s-caseStudies .s-caseStudies__logoItem.-autoFullWidth {
  padding: 1.5rem 2.4375rem;
  width: 15.75rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__logoItem.-fullWidth, .hacomono-service-s-caseStudies .s-caseStudies__logoItem[class*=-fullWidth], .hacomono-service-s-caseStudies .s-caseStudies__logoItem[class*=-wide], .hacomono-service-s-caseStudies .s-caseStudies__logoItem.-autoFullWidth {
    padding: 0.75rem 1.375rem;
    width: 9.375rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__note {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.5;
  color: #1A1A1A;
  text-align: right;
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__note {
    display: none;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__buttonWrap {
  text-align: center;
  display: none;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__buttonWrap {
    display: block;
    margin-top: 1.5rem;
  }
}
.hacomono-service-s-caseStudies .s-caseStudies__toggleButton {
  background: #fff;
  border: 1px solid #1A1A1A;
  border-radius: 0.25rem;
  padding: 1rem 0.8125rem 1rem 2rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1A1A1A;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  min-width: 15rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.hacomono-service-s-caseStudies .s-caseStudies__toggleButton:hover {
  opacity: 0.8;
}
.hacomono-service-s-caseStudies .s-caseStudies__toggleButton.is-active .s-caseStudies__toggleButtonIcon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.hacomono-service-s-caseStudies .s-caseStudies__toggleButtonText {
  display: inline-block;
}
.hacomono-service-s-caseStudies .s-caseStudies__toggleButtonIcon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%231A1A1A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-caseStudies .s-caseStudies__content {
    position: relative;
  }
  .hacomono-service-s-caseStudies .s-caseStudies__cardList {
    max-height: 18.75rem;
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
  }
  .hacomono-service-s-caseStudies .s-caseStudies__cardList.is-expanded {
    max-height: none;
  }
  .hacomono-service-s-caseStudies .s-caseStudies__buttonWrap::before {
    content: "";
    position: absolute;
    top: -8.5rem;
    left: 0;
    right: 0;
    height: 8.5rem;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(13.077%, rgba(239, 241, 244, 0)), color-stop(75.758%, #EFF1F4));
    background: linear-gradient(to bottom, rgba(239, 241, 244, 0) 13.077%, #EFF1F4 75.758%);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  .hacomono-service-s-caseStudies .s-caseStudies__buttonWrap.is-visible::before {
    opacity: 1;
  }
}

.hacomono-service-s-iframe {
  margin: 0 0 10rem;
  padding: 6rem 9.625rem;
  background: #EFF1F4;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-iframe {
    border-radius: 1.25rem;
    margin: 0 0 2.875rem;
    padding: 2rem 0;
  }
}
.hacomono-service-s-iframe .s-iframe__header {
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-iframe .s-iframe__header {
    margin-bottom: 1.5rem;
  }
}
.hacomono-service-s-iframe .s-iframe__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.44px;
  word-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .hacomono-service-s-iframe .s-iframe__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.hacomono-service-s-iframe .s-iframe__item {
  max-width: 66.3125rem;
  margin-inline: auto;
}
.hacomono-service-s-iframe .s-iframe__item iframe {
  aspect-ratio: 1061/592;
  height: auto;
  width: 100%;
}