@charset "UTF-8";
html {
  font-size: 62.5%;
}

@-webkit-keyframes fadeIn {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}

.p-service__search {
  z-index: 100;
  position: fixed;
  top: 140px;
  right: 0;
  pointer-events: none;
  transition: top .7s ease;
}

.is-headerFixed .p-service__search {
  top: 110px;
}

.p-service__search__open {
  box-sizing: border-box;
  position: absolute;
  top: 30px;
  right: 0;
  width: 50px;
  padding: 12px 16px 24px;
  transform: translateX(0);
  border-radius: 10px 0 0 10px;
  background: var(--color-hrmBlue2);
  box-shadow: 0 6px 40px #ddddda;
  cursor: pointer;
  pointer-events: all;
  transition: background 0.3s ease-in-out, transform 0.7s ease;
}

.p-service__search__open span {
  display: block;
  position: relative;
  padding-top: 40px;
  color: #fff;
  letter-spacing: .12em;
  text-align: center;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

.p-service__search__open span::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin: auto;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.24%2029.4%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%230060e3%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.74%2C1.5L1.74%2C14.2c-.3.2-.3.6-.1.9l.1.1%2C17%2C12.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/9px 12px no-repeat;
  content: '';
}

.is-open .p-service__search__open {
  transform: translateX(80px);
  transition: background 0.3s ease-in-out, transform 0.7s ease 0.4s;
}

.p-service__search__box {
  position: relative;
  width: 400px;
  overflow: hidden;
  transform: translateX(480px);
  border-radius: 10px 0 0 10px;
  background: #fff;
  box-shadow: 0 6px 40px #ddddda;
  pointer-events: all;
  transition: transform .7s ease;
}

.is-open .p-service__search__box {
  transform: translateX(0);
}

.p-service__search__close {
  z-index: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.24%2029.4%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%230060e3%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.5%2C27.9l17-12.7c.3-.2.3-.6.1-.9l-.1-.1L1.5%2C1.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/9px 12px no-repeat;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.p-service__search__title {
  height: 60px;
  padding: 20px 32px;
  background: var(--color-hrmBlue2);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.p-service__search__sub-title {
  position: relative;
  margin-bottom: 8px;
  padding: 6px 0 6px 26px;
  border-bottom: 1px solid;
  color: #000;
  font-size: 1.7rem;
  font-weight: 400;
}

.p-service__search__sub-title::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
}

.p-service__search__sub-title.-theme {
  border-color: #d64000;
}

.p-service__search__sub-title.-theme::before {
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018.24%2017.06%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23d64000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%88%E3%83%AA%E3%83%A0%E3%83%9E%E3%83%BC%E3%82%AF%22%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%229.12%22%20cy%3D%222.42%22%20r%3D%222.42%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2215.82%22%20cy%3D%227.28%22%20r%3D%222.42%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%222.42%22%20cy%3D%227.35%22%20r%3D%222.42%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%224.77%22%20cy%3D%2214.64%22%20r%3D%222.42%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2213.26%22%20cy%3D%2214.64%22%20r%3D%222.42%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.p-service__search__sub-title.-theme > span {
  color: #d64000;
}

.p-service__search__sub-title.-method {
  border-color: #008944;
}

.p-service__search__sub-title.-method::before {
  width: 18px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20370.19%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23008944%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_10%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M397.55%2C0c-7.74%2C0-15.57.59-23.31%2C1.74-55.76%2C8.31-96.97%2C41.3-117.88%2C74.83-.17.27-.55.27-.72%2C0C234.73%2C43.04%2C193.52%2C10.05%2C137.75%2C1.74c-7.74-1.15-15.57-1.74-23.31-1.74C53.48%2C0%2C0%2C37.14%2C0%2C79.48v203.1c0%2C22.56%2C18.29%2C40.86%2C40.85%2C40.86%2C3.52%2C0%2C7-.47%2C10.37-1.36%2C3.38-.89%2C6.64-2.21%2C9.72-3.93%2C13.16-7.33%2C29.83-12.36%2C48.59-12.36%2C7.57%2C0%2C15.23.85%2C22.76%2C2.5%2C14.5%2C3.18%2C28.62%2C8.35%2C41.79%2C15.15%2C14.02%2C7.24%2C26.94%2C16.36%2C38.05%2C26.95.85.81%2C1.69%2C1.63%2C2.51%2C2.45%2C10.99%2C11.01%2C25.8%2C17.35%2C41.35%2C17.35s30.37-6.34%2C41.35-17.35c.82-.82%2C1.66-1.64%2C2.51-2.45%2C11.12-10.61%2C24.04-19.71%2C38.07-26.95%2C13.16-6.81%2C27.27-11.97%2C41.77-15.15%2C7.53-1.65%2C15.19-2.5%2C22.76-2.5%2C18.47%2C0%2C34.91%2C4.87%2C47.96%2C12.02%2C5.82%2C3.18%2C12.2%2C5.3%2C18.83%2C5.59%2C12.04.54%2C22.98-4.11%2C30.78-11.93%2C7.4-7.38%2C11.97-17.6%2C11.97-28.89V79.48c0-42.35-53.48-79.48-114.45-79.48ZM240.94%2C317.97c0%2C.39-.48.59-.75.3-2.3-2.47-4.74-4.93-7.27-7.35-25.49-24.3-58.91-41.96-94.15-49.72-9.65-2.12-19.48-3.21-29.23-3.21-27.87%2C0-54.92%2C8.75-76.17%2C24.6-.85.66-1.71%2C1.31-2.54%2C1.97-.28.23-.7.02-.7-.34V79.48c0-19.65%2C33.64-49.37%2C84.33-49.37%2C6.26%2C0%2C12.6.47%2C18.85%2C1.4%2C69.65%2C10.4%2C107.64%2C65.68%2C107.64%2C91.18v195.27h0ZM481.88%2C284.22c0%2C.37-.41.57-.7.34-.84-.66-1.68-1.31-2.54-1.97-21.25-15.86-48.3-24.6-76.17-24.6-9.74%2C0-19.57%2C1.09-29.23%2C3.21-35.24%2C7.75-68.67%2C25.42-94.15%2C49.72-2.54%2C2.42-4.97%2C4.88-7.28%2C7.35-.27.29-.75.1-.75-.3V122.7c0-25.49%2C37.99-80.78%2C107.64-91.18%2C6.26-.93%2C12.6-1.4%2C18.86-1.4%2C50.69%2C0%2C84.33%2C29.71%2C84.33%2C49.37v204.73h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.p-service__search__sub-title.-method > span {
  color: #008944;
}

.p-service__search__keywords-title {
  margin-bottom: 10px;
  color: #000;
  font-weight: 400;
}

.p-service__search__content {
  max-height: calc(100dvh - (140px + 60px + 20px));
  padding: 20px 32px;
  overflow-y: auto;
  transition: max-height .7s ease;
}

.is-headerFixed .p-service__search__content {
  max-height: calc(100dvh - (110px + 60px + 20px));
}

.p-service__search__list {
  gap: 4px 8px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.p-service__search__list__item {
  width: calc((100% - 8px) / 2);
}

.p-service__search__list__item > a {
  display: inline-block;
  position: relative;
  padding-left: 12px;
  color: #000;
  font-size: 1.4rem;
}

.p-service__search__list__item > a::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 14px;
  margin: auto;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010.09%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23706d66%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1%2C1l7.45%2C7.45c.85.86.85%2C2.24%2C0%2C3.1l-7.45%2C7.45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  content: '';
}

.p-service__search__btns {
  margin-bottom: 20px;
}

.p-service__search__btns > .c-btn {
  display: block;
}

.p-service__search__btns > .c-btn:not(:last-child) {
  margin-bottom: 8px;
}

.p-service__search__input {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #c9c5b5;
}

.p-service__search__input input[type="search"] {
  width: calc(100% - 40px);
  padding: 7px 14px;
  font-size: 1.4rem;
}

.p-service__search__input input[type="search"]::-webkit-input-placeholder {
  color: #706d66;
}

.p-service__search__input input[type="search"]::-moz-placeholder {
  color: #706d66;
}

.p-service__search__input input[type="search"]:-ms-input-placeholder {
  color: #706d66;
}

.p-service__search__input input[type="search"]::-ms-input-placeholder {
  color: #706d66;
}

.p-service__search__input input[type="search"]::placeholder {
  color: #706d66;
}

.p-service__search__input input[type="submit"] {
  width: 40px;
  background: #eae8e1 url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2034%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.66%2C28.52c-1.19.32-2.42.48-3.66.48-7.73%2C0-14-6.27-14-14%2C0-7.73%2C6.27-14%2C14-14%2C7.73%2C0%2C14%2C6.27%2C14%2C14%2C0%2C3.71-1.48%2C7.27-4.1%2C9.9%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2233%22%20y1%3D%2233%22%20x2%3D%2224.9%22%20y2%3D%2224.9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/15px 15px no-repeat;
}

.p-service__search__tags {
  gap: 0 16px;
  display: flex;
  flex-wrap: wrap;
}

.p-service__search__tags__item {
  line-height: 1.6;
}

.p-service__search__tags__item > a {
  color: #000;
  font-size: 1.4rem;
}

.p-service__search__tags__item > a::before {
  content: '#';
}

.p-service__guide {
  padding: 70px 0 90px;
  background: #f5f4ef;
}

.p-service__guide .l-inner {
  display: flex;
  justify-content: space-between;
}

.p-service__guide .c-title--xl {
  margin-bottom: 32px;
  font-size: 2.4rem;
  text-align: left;
}

.p-service__guide .c-title--xl__sub {
  font-size: 1.6rem;
}

.p-service__guide .c-title--xl__bold {
  font-size: 3.2rem;
  font-weight: 400;
}

.p-service__guide__theme {
  width: calc(50% - 40px);
}

.p-service__guide__theme .c-title--xl__sub {
  color: #d64000;
}

.p-service__guide__theme .c-title--xl__bold {
  color: #d64000;
}

.p-service__guide__theme__list {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}

.p-service__guide__theme__list__item {
  width: calc((100% - (10px * 2)) / 3);
}

.p-service__guide__theme__list__item > a {
  display: block;
  position: relative;
  height: 136px;
  padding: 8px 20px 0;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
  transition: background 0.3s ease-in-out;
}

.p-service__guide__theme__list__item > a::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 26px;
  border-radius: 10px 0 0 0;
  background: #d64000 url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221%2013%2027%2013%2015%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/18px 9px no-repeat;
  content: '';
  transition: background-color 0.3s ease-in-out;
}

.p-service__guide__theme__list__item > a figure {
  text-align: center;
}

.p-service__guide__theme__list__item > a figure img {
  margin: 0 auto;
}

.p-service__guide__theme__list__item > a figure figcaption {
  color: #d64000;
  line-height: calc(18 / 16);
  transition: color 0.3s ease-in-out;
}

.p-service__guide__method {
  width: 50%;
}

.p-service__guide__method .c-title--xl__sub {
  color: #008944;
}

.p-service__guide__method .c-title--xl__bold {
  color: #008944;
}

.p-service__guide__method__list {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}

.p-service__guide__method__list__item {
  width: calc((100% - 10px) / 2);
}

.p-service__guide__method__list__item .c-btn {
  display: block;
  border-color: #008944;
}

.p-service__guide__method__list__item .c-btn::before {
  background: #008944;
}

.p-service__guide__method__list__item .c-btn::after {
  background-color: #008944;
}

.p-service__guide__method__list__item .c-btn span {
  color: #008944;
}

.p-service__guide__method__list__item .c-btn br {
  display: none;
}

.p-service__index-target {
  padding-top: 100px;
}

.p-service__index-target .c-title--xl {
  margin-bottom: 60px;
  font-size: 2.4rem;
}

.p-service__index-target .c-title--xl__sub {
  font-size: 1.6rem;
}

.p-service__index-target .c-title--xl__bold {
  color: var(--color-hrmBlue2);
  font-size: 3.2rem;
  font-weight: 400;
}

.p-service__index-target__tabs {
  border-bottom: 3px solid var(--color-hrmBlue2);
}

.p-service__index-target__tabs__list {
  gap: 20px;
  display: flex;
}

.p-service__index-target__tabs__list__item {
  width: 100%;
}

.p-service__index-target__tabs__btn {
  display: block;
  position: relative;
  width: 100%;
  padding: 28px 20px 24px;
  border-radius: 20px 20px 0 0;
  background: #f5f5f5;
  color: #7c7c7c;
  text-align: center;
  cursor: pointer;
  transition: background .3s ease, color .3s ease;
}

.p-service__index-target__tabs__btn::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 12px;
  left: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  transform: rotate(45deg);
  border-right: 2px solid var(--color-hrmBlue2);
  border-bottom: 2px solid var(--color-hrmBlue2);
  content: '';
  transition: background .3s ease, bottom .3s ease;
}

.p-service__index-target__tabs__btn__main {
  display: block;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
}

.p-service__index-target__tabs__btn.is-active {
  background: var(--color-hrmBlue2);
  color: #fff;
  cursor: default;
  pointer-events: none;
}

.p-service__index-target__tabs__btn.is-active::after {
  bottom: -10px;
  width: 14px;
  height: 14px;
  background: var(--color-hrmBlue2);
}

.p-service__index-target__tags {
  padding-top: 4px;
}

.p-service__index-target__tags__set {
  display: none;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
}

.p-service__index-target__tags__set::before, .p-service__index-target__tags__set::after {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 10px 14px 0px 14px;
  border-style: solid;
  content: '';
}

.p-service__index-target__tags__set::before {
  bottom: -10px;
  border-color: #dcdcdc transparent transparent transparent;
}

.p-service__index-target__tags__set::after {
  bottom: -9px;
  border-color: #fff transparent transparent transparent;
}

.p-service__index-target__tags__set.is-show {
  display: block;
}

.p-service__index-target__tags__div {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px 0;
}

.p-service__index-target__tags__div:first-of-type {
  border-bottom: 1px dotted #dcdcdc;
}

.p-service__index-target__tags__title {
  position: relative;
  width: 100px;
  background: none;
  font-size: 2.2rem;
  font-weight: 400;
  text-align: left;
  pointer-events: none;
}

.p-service__index-target__tags__title span {
  display: block;
  position: relative;
  padding: 2px 0 4px 20px;
}

.p-service__index-target__tags__title span::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 100%;
  background-image: url(/hrm/src/images/ico-title-dot-top.png), url(/hrm/src/images/ico-title-dot.png);
  background-position: top left;
  background-repeat: no-repeat, repeat-y;
  background-size: 10px 10px;
  content: '';
}

.p-service__index-target__tags__list {
  gap: 5px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 140px);
}

.p-service__index-target__tags__list.-row3 .p-service__index-target__tags__list__item {
  width: calc((100% - (5px * 2)) / 3);
}

.p-service__index-target__tags__list.-row5 .p-service__index-target__tags__list__item {
  width: calc((100% - (5px * 4)) / 5);
}

.p-service__index-target__tags__btn {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  background: #f5f5f5;
  text-align: left;
  cursor: pointer;
}

.p-service__index-target__tags__btn span {
  display: inline-block;
  position: relative;
  padding-left: 23px;
  color: var(--color-hrmBlue2);
}

.p-service__index-target__tags__btn span::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background: #ebebeb;
  content: '';
}

.p-service__index-target__tags__btn.is-active {
  border-color: transparent;
  background: linear-gradient(90deg, #0e73d0, #5093df);
}

.p-service__index-target__tags__btn.is-active span {
  color: #fff;
}

.p-service__index-target__tags__btn.is-active span::before {
  left: 0;
  width: 13px;
  height: 7px;
  transform: rotate(-45deg) translateY(-2px);
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  background: none;
}

.p-service__index-target__tags__reset {
  margin-top: -16px;
}

.p-service__index-target__tags__reset__btn {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  background: none;
  color: #757575;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

.p-service__index-target__tags__reset__btn::after {
  display: block;
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.77%2038%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23757575%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.95%2010%202.95%2010%202.95%201%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.35%2C7C11.98-.41%2C23.36-1.04%2C30.77%2C5.58c7.41%2C6.63%2C8.05%2C18.01%2C1.42%2C25.42-6.63%2C7.41-18.01%2C8.05-25.42%2C1.42-3.07-2.75-5.11-6.47-5.77-10.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  content: '';
  transition: transform 0.3s ease-in-out;
}

.p-service__index-target__result {
  padding: 32px 0 120px;
}

.p-service__index-target__result__text {
  color: #505050;
  font-size: 2.2rem;
  text-align: center;
}

.p-service__index-target__result__text__num {
  color: #d64000;
  font-size: 3rem;
  line-height: 1;
}

.p-service__index-target__result__list {
  gap: 40px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + (15px * 2));
  margin: 40px auto 60px -15px;
}

.p-service__index-target__result__list:empty {
  margin: 0 auto;
}

.p-service__index-target__result__list__item {
  width: calc((100% - (40px * 2)) / 3);
}

.p-service__pickup {
  padding: 100px 0;
  background: #f5f4ef;
}

.p-service__pickup .c-title--xl {
  margin-bottom: 20px;
}

.p-service__pickup__list {
  width: calc(420px * 3);
  margin: 0 auto 0 -30px;
}

.p-service__pickup__list__item {
  position: relative;
  opacity: .5;
  transition: opacity 0.3s ease-in-out;
}

.p-service__pickup__list__item.slick-active {
  opacity: 1;
}

.p-service__pickup__card {
  display: block;
  position: relative;
  height: 100%;
  padding: 28px 30px 102px;
  border-radius: 10px;
  transition: box-shadow 0.3s ease-in-out, background 0.3s ease-in-out;
}

.p-service__pickup__card__image {
  height: 220px;
  margin: 0 auto 12px;
  overflow: hidden;
  border-radius: 5px;
  background: #fff;
}

.p-service__pickup__card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-service__pickup__card__tags {
  margin-bottom: 4px;
  line-height: calc(22 / 14);
}

.p-service__pickup__card__tags > li {
  display: inline;
  color: #848484;
  font-size: 1.4rem;
}

.p-service__pickup__card__tags > li:not(:last-child)::after {
  margin: 0 5px;
  content: '/';
}

.p-service__pickup__card__title {
  margin-bottom: 28px;
  color: #000;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: .05em;
  white-space: unset;
}

.p-service__pickup__card__title span {
  padding-bottom: 4px;
  background: url(/hrm/src/images/line-pickup-title.png) top -2px left/2px 48px repeat;
  line-height: 48px;
}

.p-service__pickup__card__text {
  line-height: calc(28 / 16);
}

.p-service__pickup__card__more {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 26px;
  width: calc(100% - (30px * 2));
  padding-bottom: 20px;
  border-bottom: 2px solid #e5ebf5;
  text-align: right;
}

.p-service__pickup__card__more i {
  display: inline-block;
  position: relative;
  padding-right: 48px;
  color: #000;
}

.p-service__pickup__card__more i::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  border-radius: 50%;
  background: #000 url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%221%2013%2027%2013%2015%201%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center bottom 15px/18px 9px no-repeat;
  content: '';
  transition: background-color 0.3s ease-in-out;
}

.p-service__pickup .slick-track {
  display: flex;
}

.p-service__pickup .slick-slide {
  height: auto !important;
}

.p-service__pickup .slick-list {
  overflow: visible;
}

.p-service__pickup .slick-prev,
.p-service__pickup .slick-next {
  top: 200px;
  width: 62px;
  height: 62px;
  transform: none;
  border-radius: 50%;
  background: var(--color-hrmBlue2);
}

.p-service__pickup .slick-prev::after,
.p-service__pickup .slick-next::after {
  inset: 0;
  top: 50%;
  width: 13px;
  height: 18px;
  margin: auto;
  margin-top: -9px;
  transform: none;
  border: none;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.24%2029.4%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1.5%2C27.9l17-12.7c.3-.2.3-.6.1-.9l-.1-.1L1.5%2C1.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
}

.p-service__pickup .slick-prev {
  left: -30px;
  margin-left: auto;
}

.p-service__pickup .slick-prev::after {
  transform: rotateY(180deg);
}

.p-service__pickup .slick-next {
  right: -30px;
  margin-right: auto;
}

.p-service__detail {
  padding-bottom: 80px;
  overflow-x: hidden;
  border-bottom: 1px solid #f1f1f1;
}

.hrm_main.p-service__detail {
  padding-bottom: 0px;
}

@media (max-width: 1149px) {
  #footer2 {
    padding-bottom: 50px !important; 
  }
}

.p-service__detail .hrm_bnr_stop {
  background: none;
}

.p-service__title {
  position: relative;
  margin-bottom: 100px;
  padding-bottom: 100px;
  background: #f9f8f4 url(/hrm/service/src/images/img-mv-buildings.png) center bottom/auto 220px repeat-x;
}

.p-service__title::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 108px;
  background: #fff;
  content: '';
}

.p-service__point__intro {
  margin: 48px 0;
  text-align: center;
}

.p-service__point__list__item {
  padding: 26px 10px;
  border-bottom: 2px solid #fff;
}

.p-service__point__list__item:last-child {
  border: none;
}

.p-service__point__list--thumb {
  gap: 60px 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-service__point__list--thumb__item {
  width: calc((100% - 120px) / 2);
}

.p-service__point__list--thumb__item .p-service__point__description {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
}

.p-service__point__list--thumb__item .p-service__point__detail {
  width: 100%;
}

.p-service__point__description {
  padding-left: 30px;
}

.p-service__point__description__term {
  position: relative;
  margin-bottom: 10px;
  color: #0160e3;
  font-size: 2rem;
  line-height: 1.5;
}

.p-service__point__description__term::before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -30px;
  width: 20px;
  height: 32px;
  margin: auto;
  background: url(/hrm/service/src/images/ico-ribbon.png) center/contain no-repeat;
  content: '';
}

.p-service__point__description__term a {
  transition: color 0.3s ease-in-out;
}

.p-service__point__thumb {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 5px;
}

.p-service__point__thumb img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}

.p-service__contents-nav__wrap {
  position: relative;
  height: 58px;
}

.p-service__contents-nav__switch {
  display: none;
}

.p-service__contents-nav__nav {
  padding: 14px 0;
  border-radius: 9999px;
  background: #f9f8f4;
}

.p-service__contents-nav__list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-service__contents-nav__list__item {
  border-right: 1px solid #d9d4c0;
}

.p-service__contents-nav__list__item:last-child {
  border: none;
}

.p-service__contents-nav__list__item > a {
  display: block;
  padding: 0 48px;
  color: #d64000;
  font-size: 1.6rem;
  font-weight: 500;
  transition: color 0.3s ease-in-out;
}

.p-service__contents-nav__list__item > a span {
  display: inline-block;
  position: relative;
  padding-right: 22px;
}

.p-service__contents-nav__list__item > a span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 10px 6px 0px 6px;
  border-style: solid;
  border-color: #d64000 transparent transparent transparent;
  content: '';
  transition: border-color 0.3s ease-in-out;
}

.p-service__contents-nav__conversion-list {
  display: none;
}

.p-service__contents-nav.is-fixed {
  z-index: 10;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background: #f9f8f4;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.p-service__contents-nav.is-fixed .l-inner {
  max-width: 100%;
}

.p-service__contents-nav.is-fixed .p-service__contents-nav__nav {
  border-radius: 0;
}

.p-service__section {
  padding: 100px 0 60px;
  overflow: hidden;
}

.p-service__section.-gray {
  background: #f9f8f4;
}

.p-service__section__title {
  margin-bottom: 50px;
  text-align: center;
}

.p-service__section__title__sub {
  display: block;
  position: relative;
  margin-bottom: 4px;
  padding-bottom: 22px;
  color: #d64000;
  font-family: var(--font-english);
  font-size: 5rem;
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1;
}

.p-service__section__title__sub::after {
  display: block;
  font-size: 2rem;
  font-weight: 200;
  content: 'content';
}

.p-service__section__title__sub::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 15px;
  margin: auto;
  transform: skewX(-18deg);
  background: #d64000;
  content: '';
}

.p-service__section__title__main {
  color: #202020;
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.4;
}

.p-service__section__title.-service .p-service__section__title__sub::after {
  content: 'service';
}

.p-service__section__intro {
  margin-bottom: 72px;
  text-align: center;
}

.p-service__section .c-title--dot {
  margin: 80px 0 48px;
}

.p-service__section .c-title--center {
  margin: 72px 0 40px;
}

.p-service__qa {
  margin-bottom: 60px;
}

.p-service__qa .c-title--dot {
  margin: 48px 0 22px;
}

.p-service__qa__list__item {
  margin-bottom: 12px;
}

.p-service__qa__list__qa > dt button {
  width: 100%;
  padding: 24px 52px;
  background: #f9f8f4;
  text-align: left;
  cursor: pointer;
}

.p-service__qa__list__qa > dt button span {
  display: block;
  position: relative;
  padding: 0 40px 0 44px;
  color: #000;
  font-size: 2rem;
  line-height: calc(36 / 20);
  transition: color 0.3s ease-in-out;
}

.p-service__qa__list__qa > dt button span::before, .p-service__qa__list__qa > dt button span::after {
  display: block;
  position: absolute;
}

.p-service__qa__list__qa > dt button span::before {
  top: 2px;
  left: 0;
  width: 30px;
  height: 30px;
  padding-top: 4px;
  border-radius: 50%;
  background: #d64000;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  content: 'Q';
}

.p-service__qa__list__qa > dt button span::after {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  transform: rotate(45deg) translate(-3px, 3px);
  border-right: 2px solid #d64000;
  border-bottom: 2px solid #d64000;
  content: '';
  transition: transform 0.3s ease-in-out;
}

.p-service__qa__list__qa > dt button.is-active span {
  color: #d64000;
}

.p-service__qa__list__qa > dt button.is-active span::after {
  transform: rotate(-135deg) translateY(-3px);
}

.p-service__qa__list__qa > dd {
  display: none;
  position: relative;
  padding: 28px 52px 32px;
  border-top: 2px solid #fff;
  background: #f9f8f4;
  line-height: calc(28 / 16);
}

.p-service__qa__list__qa > dd a:not([class]) {
  color: #d64000;
  text-decoration: underline;
}

.p-service__qa__list__qa > dd ul > li, .p-service__qa__list__qa > dd ol > li {
  position: relative;
  padding-left: 16px;
}

.p-service__qa__list__qa > dd ul > li::before, .p-service__qa__list__qa > dd ol > li::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d64000;
  content: '';
}

.p-service__qa__list__qa > dd ul > li:not(:last-child), .p-service__qa__list__qa > dd ol > li:not(:last-child) {
  margin-bottom: 10px;
}

.p-service__qa__list__qa > dd ul > li dt, .p-service__qa__list__qa > dd ol > li dt {
  margin-bottom: 4px;
  font-weight: 500;
}

.p-service__qa__list__qa > dd ul > li dt::after, .p-service__qa__list__qa > dd ol > li dt::after {
  content: ':';
}

.p-service__qa__list__qa__strength {
  margin: 20px 0;
}

.p-service__qa__list__qa__strength > dt {
  margin-bottom: .2em;
  font-weight: bold;
}

.p-service__qa__list__qa__strength > dt::after {
  content: ':';
}

.p-service__qa__list__qa__plan {
  margin-top: 20px;
}

.p-service__qa__list__qa__plan > dt::before {
  content: '■';
}

.p-service__qa__list__qa__plan > dd {
  padding-left: 1em;
}

.p-service__column {
  padding: 80px 0;
  background: #f9f8f4;
}

.p-service__column__title {
  position: relative;
  margin-bottom: 36px;
  padding-bottom: 30px;
  border-bottom: 2px solid #fff;
  color: #d64000;
  font-feature-settings: 'palt';
  font-size: 3.2rem;
  font-weight: 400;
  letter-spacing: .08em;
  line-height: 1.6;
  text-align: center;
}

.p-service__column__title::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  width: 120px;
  height: 2px;
  margin: auto;
  border-radius: 1px;
  background: #d64000;
  content: '';
}

.p-service__column__intro {
  margin-bottom: 24px;
  text-align: center;
}

.p-service__column__list {
  gap: 40px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + (15px * 2));
  margin: 0 auto 0 -15px;
}

.p-service__column__list__item {
  width: calc((100% - (40px * 2)) / 3);
}

.p-service__flex-list {
  gap: 40px 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 48px;
}

.p-service__flex-list__item {
  width: calc((100% - (48px * 2)) / 3);
}

.p-service__app-box {
  margin-bottom: 100px;
  background: #f5f5f5;
}

.p-service__app-box__btn {
  display: block;
  width: 100%;
  padding: 40px 50px;
  background: #f5f5f5;
  cursor: pointer;
}

.p-service__app-box__btn span {
  display: block;
  position: relative;
  padding-right: 50px;
  color: var(--color-hrmBlue2);
  font-size: 1.8rem;
  transition: color 0.3s ease-in-out;
}

.p-service__app-box__btn span::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  margin: auto;
  border-radius: 50%;
  background: var(--color-hrmBlue2) url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010.09%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C1l-7.45%2C7.45c-.86.85-2.24.85-3.1%2C0L1%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/18px 9px no-repeat;
  content: '';
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.p-service__app-box__btn.is-active span::after {
  transform: rotate(-180deg);
}

.p-service__app-box__content {
  display: none;
  padding: 8px 50px 50px;
}

.p-service__app-box__content .c-title--dot {
  margin-bottom: 40px;
}

.p-service__app-box__content > p {
  margin-bottom: 12px;
  padding: 0 28px;
}

.p-service__app-box__option {
  gap: 16px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding: 0 48px;
}

.p-service__app-box__option__item {
  width: calc((100% - 16px) / 2);
  padding: 30px 40px;
  border-radius: 5px;
  background: #fff;
}

.p-service__app-box__option__item p {
  line-height: calc(28 / 16);
}

.p-service__app-box__option__item p a {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  border-bottom: 1px solid;
  color: #d64000;
}

.p-service__app-box__option__item p a[target="_blank"]::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  background: url(data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23d64000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2214%201%2023%201%2023%2010%22%2F%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2219%2015%2019%2023%201%2023%201%205%209%205%22%2F%3E%3Cline%20class%3D%22cls-1%22%20x1%3D%2211%22%20y1%3D%2213%22%20x2%3D%2222%22%20y2%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) center/contain no-repeat;
  content: '';
}

.p-service__app-box__option__title {
  margin-bottom: 12px;
  font-weight: 400;
}

.p-service__app-box__option__title__sub {
  display: inline-block;
  margin-bottom: 6px;
  padding: 4px 10px;
  background: var(--color-hrmBlue2);
  color: #fff;
  font-size: 1.8rem;
}

.p-service__app-box__option__title__main {
  display: block;
  font-size: 2rem;
  line-height: 1.4;
}

.p-service__app-box__option__image {
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid #d8dce0;
  border-radius: 5px;
}

.p-service__app-box__option__image img {
  width: 100%;
  height: auto;
}

.p-service__app-box__option__btns {
  margin-top: 32px;
  padding: 0 40px;
}

.p-service__app-box__option__btns .c-btn {
  display: block;
}

.p-service__app-box__option__btns .c-btn:not(:last-of-type) {
  margin-bottom: 14px;
}

.p-service__app-box__option__btns:has(> .c-btn:only-child) {
  margin-top: 64px;
}

.p-service__app-flow {
  gap: 36px;
  display: flex;
  position: relative;
}

.p-service__app-flow::before {
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 2px dotted #ccdffc;
  content: '';
}

.p-service__app-flow__step {
  width: 100%;
}

.p-service__app-flow__num {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  margin-bottom: 34px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--color-hrmBlue2), var(--color-hrmBlue2), #5690de);
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
}

.p-service__app-flow__num::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -16px;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-width: 16px 12px 0px 12px;
  border-style: solid;
  border-color: var(--color-hrmBlue2) transparent transparent transparent;
  content: '';
}

.p-service__app-flow__num i {
  margin-left: 10px;
  font-size: 1.6rem;
}

.p-service__app-flow__description {
  position: relative;
  padding-top: 20px;
}

.p-service__app-flow__description::before {
  display: block;
  position: absolute;
  top: -7px;
  right: 0;
  left: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 50%;
  background: #5894ee;
  content: '';
}

.p-service__app-flow__term {
  margin-bottom: 12px;
  color: var(--color-hrmBlue2);
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.p-service__app-flow__detail p {
  margin-bottom: 14px;
  font-size: 1.5rem;
  line-height: calc(22 / 15);
}

.p-service__app-flow__detail .c-btn.-contact {
  border-color: #d64000;
}

.p-service__app-flow__detail .c-btn.-contact::before {
  background-color: #d64000;
}

.p-service__app-flow__detail .c-btn.-contact::after {
  background: #d64000 url(/hrm/service/src/images/ico-mail-white.png) center/12px 10px no-repeat;
}

.p-service__app-flow__detail .c-btn.-contact span {
  color: #d64000;
}

.p-service__app-flow__detail .c-btn.-catalog::after {
  background: var(--color-hrmBlue2) url(/hrm/service/src/images/ico-book-white.png) center/14px 10px no-repeat;
}

.p-top__title {
  margin-bottom: 40px;
  color: #000;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.6;
  text-align: center;
}

.p-top__title__sub {
  display: block;
  margin-bottom: 4px;
  color: var(--color-hrmBlue1);
  font-size: 1.6rem;
  letter-spacing: .16em;
}

@media (max-width: 1399.98px) {
  html {
    font-size: 62.5%;
  }
}

@media (max-width: 1349.98px) {
  html {
    font-size: 62.5%;
  }
  .p-service__search {
    top: 120px;
  }
  .is-headerFixed .p-service__search {
    top: 120px;
  }
  .p-service__search__content {
    max-height: calc(100dvh - (120px + 60px + 20px));
  }
  .is-headerFixed .p-service__search__content {
    max-height: calc(100dvh - (120px + 60px + 20px));
  }
  .p-service__guide__theme__list__item {
    width: calc((100% - 10px) / 2);
  }
  .p-service__guide__method__list__item .c-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 64px;
    padding: 12px 42px 12px 18px;
  }
  .p-service__guide__method__list__item .c-btn span {
    line-height: 1.2;
  }
  .p-service__guide__method__list__item .c-btn br {
    display: inherit;
  }
  .p-service__index-target__tags__div > h3 {
    width: 120px;
  }
  .p-service__index-target__tags__list {
    width: calc(100% - 120px);
  }
  .p-service__index-target__tags__list.-row3 .p-service__index-target__tags__list__item {
    width: calc((100% - (5px * 1)) / 2);
  }
  .p-service__index-target__tags__list.-row5 .p-service__index-target__tags__list__item {
    width: calc((100% - (5px * 2)) / 3);
  }
  .p-service__pickup__list {
    width: calc(420px * 2);
    margin: 0 auto;
  }
  .p-service__contents-nav__list__item > a {
    padding: 0 28px;
  }
  .p-service__app-box__btn {
    padding: 30px;
  }
  .p-service__app-box__content {
    padding: 10px 30px 40px;
  }
  .p-service__app-box__content .c-title--dot {
    margin-bottom: 24px;
  }
  .p-service__app-box__content > p {
    padding: 0 16px;
  }
  .p-service__app-box__option {
    padding: 0 16px;
  }
  .p-service__app-box__option__item {
    padding: 30px 24px;
  }
  .p-service__app-box__option__btns {
    padding: 0;
  }
}

@media (max-width: 1159.98px) {
  html {
    font-size: 62.5%;
  }
  .p-service__index-target__result__list {
    gap: 20px;
  }
  .p-service__index-target__result__list__item {
    width: calc((100% - 20px) / 2);
  }
  .p-service__pickup__list {
    width: calc(370px * 2);
  }
  .p-service__detail.-elearning {
    padding-top: 110px;
  }
  .p-service__point__list--thumb {
    gap: 40px 60px;
  }
  .p-service__point__list--thumb__item {
    width: calc((100% - 60px) / 2);
  }
  .p-service__contents-nav.is-fixed {
    top: 64px;
  }
  .p-service__contents-nav__list__item > a {
    padding: 0 18px;
    font-size: 1.5rem;
  }
  .p-service__contents-nav__list__item > a span {
    padding-right: 12px;
  }
  .p-service__contents-nav__list__item > a span::after {
    right: -2px;
    border-width: 8px 5px 0px 5px;
  }
  .p-service__section {
    padding: 80px 0 40px;
  }
  .p-service__column__list {
    gap: 20px;
  }
  .p-service__column__list__item {
    width: calc((100% - (20px * 2)) / 3);
  }
  .p-service__app-flow {
    gap: 20px;
  }
}

@media (max-width: 812.98px) {
  html {
    font-size: 62.5%;
  }
  .p-service__search {
    top: 80px;
  }
  .is-headerFixed .p-service__search {
    top: 80px;
  }
  .p-service__search__open {
    top: 50px;
  }
  .p-service__search__content {
    max-height: calc(100dvh - (80px + 60px + 20px));
  }
  .is-headerFixed .p-service__search__content {
    max-height: calc(100dvh - (80px + 60px + 20px));
  }
  .p-service__guide {
    padding: 32px 0 50px;
  }
  .p-service__guide .l-inner {
    display: block;
  }
  .p-service__guide .c-title--xl {
    margin-bottom: 24px;
    font-size: 2rem;
    text-align: center;
  }
  .p-service__guide .c-title--xl__sub {
    font-size: 1.5rem;
    line-height: 1;
  }
  .p-service__guide .c-title--xl__bold {
    font-size: 2.5rem;
  }
  .p-service__guide__theme {
    width: 100%;
    margin-bottom: 50px;
  }
  .p-service__guide__method {
    width: 100%;
  }
  .p-service__guide__method__list {
    gap: 10px 6px;
  }
  .p-service__index-target {
    padding-top: 50px;
  }
  .p-service__index-target .c-title--xl {
    margin-bottom: 20px;
    font-size: 2rem;
    text-align: center;
  }
  .p-service__index-target .c-title--xl__sub {
    font-size: 1.5rem;
    line-height: 1;
  }
  .p-service__index-target .c-title--xl__bold {
    font-size: 2.5rem;
  }
  .p-service__index-target__tabs {
    border-bottom: 2px solid var(--color-hrmBlue2);
  }
  .p-service__index-target__tabs__list {
    gap: 6px;
  }
  .p-service__index-target__tabs__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px 10px 20px;
    border-radius: 10px 10px 0 0;
  }
  .p-service__index-target__tabs__btn::after {
    bottom: 7px;
    width: 10px;
    height: 10px;
  }
  .p-service__index-target__tabs__btn__sub {
    display: none;
  }
  .p-service__index-target__tabs__btn__main {
    font-size: 1.5rem;
    line-height: calc(4 / 3);
  }
  .p-service__index-target__tabs__btn.is-active::after {
    bottom: -8px;
    width: 12px;
    height: 12px;
  }
  .p-service__index-target__tags {
    padding-top: 8px;
  }
  .p-service__index-target__tags__div {
    display: block;
    padding: 16px 0 0;
  }
  .p-service__index-target__tags__div:first-of-type {
    margin-bottom: -24px;
    border-bottom: none;
  }
  .p-service__index-target__tags__div:nth-of-type(2) .p-search__target__tags__list.is-show {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .p-service__index-target__tags__div > h3 {
    width: 100%;
  }
  .p-service__index-target__tags__div > h3 br {
    display: none;
  }
  .p-service__index-target__tags__title {
    width: 100%;
    margin-bottom: 24px;
    padding: 10px 12px;
    background: #f5f5f5;
    cursor: pointer;
    pointer-events: all;
    transition: background 0.3s ease-in-out;
  }
  .p-service__index-target__tags__title::before, .p-service__index-target__tags__title::after {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    margin: auto;
    background: #eaeaea;
    content: '';
    transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  .p-service__index-target__tags__title::before {
    bottom: -4px;
    width: 100%;
  }
  .p-service__index-target__tags__title::after {
    bottom: -8px;
    width: calc(100% - (5px * 2));
  }
  .p-service__index-target__tags__title span {
    padding-right: 36px;
  }
  .p-service__index-target__tags__title span::after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    margin: auto;
    border-radius: 50%;
    background: #fff url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010.09%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%231970e6%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C1l-7.45%2C7.45c-.86.85-2.24.85-3.1%2C0L1%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/16px 8px no-repeat;
    content: '';
    transition: transform 0.3s ease-in-out;
  }
  .p-service__index-target__tags__title span br {
    display: none;
  }
  .p-service__index-target__tags__title.is-active {
    margin-bottom: 16px;
  }
  .p-service__index-target__tags__title.is-active::before, .p-service__index-target__tags__title.is-active::after {
    bottom: 0;
    opacity: 0;
  }
  .p-service__index-target__tags__title.is-active span::after {
    transform: rotateX(180deg);
  }
  .p-service__index-target__tags__list {
    display: none;
    width: 100%;
  }
  .p-service__index-target__tags__list.is-show {
    display: flex;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px dotted #dcdcdc;
  }
  .p-service__index-target__tags__list.-row3 .p-service__index-target__tags__list__item {
    width: calc((100% - 5px) / 2);
  }
  .p-service__index-target__tags__list.-row5 .p-service__index-target__tags__list__item {
    width: calc((100% - 5px) / 2);
  }
  .p-service__index-target__tags__reset {
    margin-top: -10px;
  }
  .p-service__index-target__result {
    padding: 22px 0 60px;
  }
  .p-service__index-target__result__text {
    padding: 0;
    font-size: 1.8rem;
  }
  .p-service__index-target__result__text__num {
    font-size: 2.4rem;
  }
  .p-service__index-target__result__list {
    gap: 0;
    width: calc(100% + 20px);
    margin: 5px auto 40px -10px;
    padding: 0;
  }
  .p-service__index-target__result__list__item {
    width: 100%;
  }
  .p-service__pickup {
    padding: 60px 0 40px;
    overflow: hidden;
  }
  .p-service__pickup .c-title--xl {
    margin-bottom: 8px;
  }
  .p-service__pickup__list {
    width: 84%;
    margin: 0 auto 32px;
  }
  .p-service__pickup__card {
    padding: 24px 20px 92px;
  }
  .p-service__pickup__card__image {
    height: auto;
  }
  .p-service__pickup__card__image img {
    aspect-ratio: 18 / 11;
  }
  .p-service__pickup__card__tags {
    margin-bottom: 8px;
  }
  .p-service__pickup__card__tags > li {
    font-size: 1.2rem;
  }
  .p-service__pickup__card__title {
    margin-bottom: 16px;
    font-size: 2rem;
  }
  .p-service__pickup__card__title span {
    background-position: top -10px left;
    line-height: 32px;
  }
  .p-service__pickup__card__more {
    right: 20px;
    width: calc(100% - (20px * 2));
  }
  .p-service__pickup .slick-prev,
  .p-service__pickup .slick-next {
    top: 36vw;
    width: 48px;
    height: 48px;
  }
  .p-service__pickup .slick-prev::after,
  .p-service__pickup .slick-next::after {
    width: 11px;
    height: 14px;
    margin-top: -7px;
  }
  .p-service__pickup .slick-prev {
    left: -24px;
  }
  .p-service__pickup .slick-next {
    right: -24px;
  }
  .p-service__detail {
    padding: 110px 0 40px;
  }
  .p-service__detail.-elearning {
    padding: 110px 0 40px;
  }
  .p-service__detail.hrm_main {
    padding-top: 110px !important;
  }
  .p-service__detail .l-breadcrumb {
    margin-top: -6px;
  }
  .p-service__title {
    margin-bottom: 0;
    padding-bottom: 80px;
  }
  .p-service__title.-book {
    margin-bottom: 80px;
  }
  .p-service__point__intro {
    margin: 30px 0;
    text-align: left;
  }
  .p-service__point__list__item {
    padding: 16px 0;
  }
  .p-service__point__list--thumb {
    gap: 40px;
    flex-wrap: wrap;
  }
  .p-service__point__list--thumb__item {
    width: 100%;
  }
  .p-service__point__list--thumb__item .p-service__point__description {
    display: block;
  }
  .p-service__point__description {
    padding: 0;
  }
  .p-service__point__description__term {
    margin-bottom: 8px;
    padding-left: 30px;
    font-size: 1.8rem;
  }
  .p-service__point__description__term::before {
    left: 0;
  }
  .p-service__point__description__detail {
    font-size: 1.4rem;
    line-height: calc(46 / 28);
  }
  .p-service__point__thumb {
    margin-bottom: 12px;
  }
  .p-service__contents-nav {
    z-index: 99;
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }
  .p-service__contents-nav__wrap {
    height: auto;
  }
  .p-service__contents-nav.is-fixed {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }
  .p-service__contents-nav .l-inner {
    width: 100%;
    max-width: 100%;
  }
  .p-service__contents-nav:has(.p-service__contents-nav__switch.is-active) {
    z-index: 100;
  }
  .p-service__contents-nav__switch {
    display: block;
    position: relative;
    width: 100%;
    padding: 14px 24px;
    background: #fff;
    font-size: 1.5rem;
    text-align: center;
    cursor: pointer;
  }
  .p-service__contents-nav__switch::after {
    display: block;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    width: 14px;
    height: 10px;
    margin: auto;
    background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2010.09%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23d64000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C1l-7.45%2C7.45c-.86.85-2.24.85-3.1%2C0L1%2C1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
    content: '';
  }
  .p-service__contents-nav__switch.is-active::before, .p-service__contents-nav__switch.is-active::after {
    position: absolute;
    top: 0;
    right: 21px;
    bottom: 0;
    width: 15px;
    height: 1px;
    margin: auto;
    transform: rotate(45deg);
    border: none;
    background: #222;
    content: '';
  }
  .p-service__contents-nav__switch.is-active::before {
    transform: rotate(-45deg);
  }
  .p-service__contents-nav__nav {
    display: none;
    position: relative;
    padding: 0 0 20px;
    border-radius: 0;
    background: #fff;
  }
  .p-service__contents-nav__nav::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    background: #f3f3f3;
    content: '';
    opacity: .8;
  }
  .p-service__contents-nav__list {
    display: block;
    border-bottom: 1px solid #d9d4c0;
  }
  .p-service__contents-nav__list__item {
    border-top: 1px solid #d9d4c0;
    border-right: none;
  }
  .p-service__contents-nav__list__item:last-child {
    border-top: 1px solid #d9d4c0;
  }
  .p-service__contents-nav__list__item > a {
    display: block;
    width: 100%;
    padding: 11px 24px 11px 32px;
    font-size: 1.5rem;
  }
  .p-service__contents-nav__list__item > a span {
    display: block;
    padding-right: 16px;
  }
  .p-service__contents-nav__conversion-list {
    display: block;
    margin-top: 48px;
    padding: 0 24px;
  }
  .p-service__contents-nav__conversion-list__item {
    margin-bottom: 10px;
  }
  .p-service__contents-nav__conversion-list__item .c-btn {
    display: block;
    border-color: transparent;
  }
  .p-service__contents-nav__conversion-list__item .c-btn::before, .p-service__contents-nav__conversion-list__item .c-btn::after {
    background-color: #fff;
  }
  .p-service__contents-nav__conversion-list__item .c-btn::after {
    background-position: center;
    background-size: 22px 16px;
  }
  .p-service__contents-nav__conversion-list__item .c-btn span {
    color: #fff;
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-catalog {
    background: linear-gradient(90deg, #0060e3, #60a3f6);
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-catalog::after {
    background-image: url(/hrm/service/src/images/ico-book.png);
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-contact {
    background: linear-gradient(90deg, #db3d0d, #e38b6c);
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-contact::after {
    background-image: url(/hrm/service/src/images/ico-mail.png);
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-contact:hover::after {
    background-color: #f8e7e2;
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-contact:hover span {
    color: #db3d0d;
  }
  .p-service__section {
    padding: 60px 0 0;
  }
  .p-service__section__title {
    margin-bottom: 28px;
  }
  .p-service__section__title__sub {
    margin-bottom: 14px;
    padding-bottom: 26px;
  }
  .p-service__section__title__main {
    font-size: 2.8rem;
  }
  .p-service__section__intro {
    margin-bottom: 48px;
    text-align: left;
  }
  .p-service__section .c-title--dot {
    margin: 60px 0 30px;
  }
  .p-service__section .c-title--center {
    margin: 54px 0 22px;
  }
  .p-service__qa .c-title--dot {
    margin: 36px 0 16px;
  }
  .p-service__qa__list__item {
    margin-bottom: 10px;
  }
  .p-service__qa__list__qa > dt button {
    padding: 16px;
  }
  .p-service__qa__list__qa > dt button span {
    padding: 0 28px 0 38px;
    font-size: 1.7rem;
    line-height: calc(36 / 24);
  }
  .p-service__qa__list__qa > dt button span::before {
    top: -1px;
    width: 28px;
    height: 28px;
    font-size: 1.6rem;
  }
  .p-service__qa__list__qa > dt button span::after {
    width: 10px;
    height: 10px;
  }
  .p-service__qa__list__qa > dd {
    padding: 18px 16px 22px;
    line-height: calc(50 / 32);
  }
  .p-service__qa__list__qa > dd ul > li::before, .p-service__qa__list__qa > dd ol > li::before {
    top: 10px;
  }
  .p-service__qa__list__qa__plan {
    margin-top: 12px;
  }
  .p-service__qa__list__qa__strength {
    margin: 12px 0;
  }
  .p-service__column__title {
    margin-bottom: 20px;
    padding-bottom: 18px;
    font-size: 2.5rem;
    line-height: calc(7 / 5);
  }
  .p-service__column {
    margin-top: 60px;
    padding: 60px 0;
  }
  .p-service__column__intro {
    font-size: 1.5rem;
    line-height: calc(28 / 16);
    text-align: left;
  }
  .p-service__column__list {
    gap: 0;
    width: calc(100% + (10px * 2));
    margin: 0 auto 0 -10px;
  }
  .p-service__column__list__item {
    width: 100%;
  }
  .p-service__column__list__item .c-serviceCard__image {
    width: 100px;
  }
  .p-service__column__list__item .c-serviceCard > div {
    width: calc(100% - (100px + 10px));
  }
  .p-service__flex-list {
    gap: 24px 12px;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .p-service__flex-list__item {
    width: calc((100% - 12px) / 2);
  }
  .p-service__app-box {
    margin: 60px 0 40px;
  }
  .p-service__app-box__btn {
    padding: 20px 16px;
  }
  .p-service__app-box__btn span {
    padding-right: 32px;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .p-service__app-box__btn span::after {
    width: 24px;
    height: 24px;
    background-size: 12px 6px;
  }
  .p-service__app-box__content {
    padding: 10px 16px 24px;
  }
  .p-service__app-box__content .c-title--dot {
    margin-bottom: 18px;
  }
  .p-service__app-box__content > p {
    padding: 0;
  }
  .p-service__app-box__option {
    margin-bottom: 30px;
    padding: 0;
  }
  .p-service__app-box__option__item {
    width: 100%;
    padding: 20px 16px;
  }
  .p-service__app-box__option__item p {
    font-size: 1.4rem;
  }
  .p-service__app-box__option__title__sub {
    padding: 4px 6px;
    font-size: 1.4rem;
  }
  .p-service__app-box__option__title__main {
    font-size: 1.8rem;
  }
  .p-service__app-box__option__btns {
    margin-top: 20px;
  }
  .p-service__app-box__option__btns:has(> .c-btn:only-child) {
    margin-top: 20px;
  }
  .p-service__app-flow {
    gap: 36px;
    flex-wrap: wrap;
    padding: 10px 0 10px 28px;
  }
  .p-service__app-flow::before {
    top: 0;
    left: 5px;
    width: 2px;
    height: 100%;
    border-bottom: none;
    border-left: 2px dotted #ccdffc;
  }
  .p-service__app-flow__step {
    position: relative;
  }
  .p-service__app-flow__step::before {
    display: block;
    position: absolute;
    top: 14px;
    left: -28px;
    width: 12px;
    height: 12px;
    margin: auto;
    border-radius: 50%;
    background: var(--color-hrmBlue2);
    content: '';
  }
  .p-service__app-flow__num {
    width: 94px;
    height: 40px;
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
  .p-service__app-flow__num::after {
    top: 0;
    right: auto;
    bottom: 0;
    left: -6px;
    border-width: 12px 16px 12px 0;
    border-color: transparent var(--color-hrmBlue2) transparent transparent;
  }
  .p-service__app-flow__num:has(i) {
    display: inline-flex;
    width: auto;
    padding: 0 16px;
  }
  .p-service__app-flow__description {
    padding-top: 0;
  }
  .p-service__app-flow__description::before {
    display: none;
  }
  .p-service__app-flow__term {
    position: relative;
    font-size: 1.7rem;
    text-align: left;
  }
  .p-service__app-flow__detail .c-btn {
    width: 100%;
  }
  .p-top__title {
    font-size: 2.6rem;
  }
  .p-top__title__sub {
    font-size: 1.3rem;
  }
  #btn-top,
  .l-footer__page-top {
    display: none !important;
  }
}

@media (hover: hover) {
  .p-service__search__open:hover {
    background: #000;
  }
  .p-service__search__close:hover {
    background-color: #ecf3fc;
  }
  .p-service__search__close:hover + .p-service__search__title {
    background: #000;
  }
  .p-service__search__title:hover {
    background: #000;
  }
  .p-service__guide__theme__list__item > a:hover {
    background: #33628d;
  }
  .p-service__guide__theme__list__item > a:hover::before {
    background-color: #202020;
  }
  .p-service__guide__theme__list__item > a:hover figure figcaption {
    color: #fff;
  }
  .p-service__guide__method__list__item .c-btn:hover::after {
    background-color: #006d36;
  }
  .p-service__guide__method__list__item .c-btn:hover span {
    color: #fff;
  }
  .p-service__index-target__tabs__btn:hover {
    background: #eef5ff;
    color: var(--color-hrmBlue2);
  }
  .p-service__index-target__tags__btn:hover {
    background: #cae3ff;
  }
  .p-service__index-target__tags__btn:hover span::before {
    border-color: #b2d3f8;
    background: #fff;
  }
  .p-service__index-target__tags__btn.is-active:hover {
    border-color: #63a2eb;
    background: #63a2eb;
  }
  .p-service__index-target__tags__btn.is-active:hover span {
    color: #fff;
  }
  .p-service__index-target__tags__btn.is-active:hover span::before {
    border-color: #fff;
    background: none;
  }
  .p-service__index-target__tags__reset__btn:hover {
    color: #000;
  }
  .p-service__index-target__tags__reset__btn:hover::after {
    transform: rotate(-360deg);
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2037.77%2038%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpolyline%20class%3D%22cls-1%22%20points%3D%2211.95%2010%202.95%2010%202.95%201%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.35%2C7C11.98-.41%2C23.36-1.04%2C30.77%2C5.58c7.41%2C6.63%2C8.05%2C18.01%2C1.42%2C25.42-6.63%2C7.41-18.01%2C8.05-25.42%2C1.42-3.07-2.75-5.11-6.47-5.77-10.54%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .p-service__pickup__list__item:hover {
    z-index: 10;
    opacity: 1;
  }
  .p-service__pickup__card:hover {
    background: #fff;
    box-shadow: 0 0 80px #d9e2ea;
  }
  .p-service__pickup__card:hover .p-service__pickup__card__more i {
    color: var(--color-hrmBlue2);
  }
  .p-service__pickup__card:hover .p-service__pickup__card__more i::after {
    background-color: var(--color-hrmBlue2);
  }
  .p-service__point__description__term a:hover {
    color: #559cff;
  }
  .p-service__point__thumb a:hover img {
    transform: scale(1.08);
  }
  .p-service__contents-nav__list__item > a:hover {
    color: #111;
  }
  .p-service__contents-nav__list__item > a:hover span::after {
    border-color: #111 transparent transparent transparent;
  }
  .p-service__qa__list__qa > dt button:hover span {
    color: #d64000;
  }
  .p-service__app-box__btn:hover span {
    color: #000;
  }
  .p-service__app-box__btn:hover span::after {
    background-color: #000;
  }
  .p-service__app-flow__detail .c-btn.-contact:hover::after {
    background-color: #b63d0a;
  }
  .p-service__app-flow__detail .c-btn.-contact:hover span {
    color: #fff;
  }
  .p-service__app-flow__detail .c-btn.-catalog:hover::after {
    background-color: #0b4fab;
  }
}

@media (max-width: 479.98px) {
  .p-service__search__open {
    top: 38px;
    width: 40px;
    padding: 10px 3px;
  }
  .p-service__search__open span {
    width: 34px;
    padding-top: 26px;
    font-size: 0;
  }
  .p-service__search__open span::before {
    width: 26px;
    height: 26px;
    background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.24%2029.4%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23fff%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18.74%2C1.5L1.74%2C14.2c-.3.2-.3.6-.1.9l.1.1%2C17%2C12.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/12px 16px no-repeat;
  }
  .p-service__search__box {
    left: 20px;
    width: calc(100% - 20px);
  }
  .p-service__search__title {
    padding: 20px;
  }
  .p-service__search__content {
    padding: 16px 20px;
  }
}

@media (max-width: 812.98px) and (hover: hover) {
  .p-service__index-target__tags__title:hover {
    background: #eee;
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-catalog:hover::after {
    background-color: #dce8fa;
  }
  .p-service__contents-nav__conversion-list__item .c-btn.-catalog:hover span {
    color: #0060e3;
  }
}

@media (max-width: 1249px) {
  .p-service__contents-nav.is-fixed {
    top: 60px;
  }
  main:is(.hrm_main) .p-service__contents-nav.is-fixed {
    top: 88px;
  }
  .p-service__contents-nav.is-fixed .l-inner {
    width: 100%;
    max-width: 100%;
  }
}