.paragraph-common {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.paragraph-common:last-child {
  margin-bottom: 0;
}
@media print, (min-width: 768px) {
  .paragraph-common {
    font-size: 0.18rem;
    line-height: 1.8888888889;
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 767.98px) {
  .paragraph-common {
    font-size: 0.16rem;
    line-height: 1.81;
    margin-bottom: 0.29rem;
  }
}

body {
  color: #fff;
}

@media print, (min-width: 768px) {
  main {
    background: url("../img/hrsystem/thumbnail_bg_01.jpg") top left/cover no-repeat;
  }
}
@media only screen and (max-width: 767.98px) {
  main {
    background-image: url("../img/hrsystem/sp/thumbnail_bg_01.png"), url("../img/hrsystem/sp/thumbnail_bg_02.png");
    background-position: top left, top 41.59rem left;
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
  }
}

.section-hrsystem-standard {
  font-family: "Noto Sans JP", sans-serif;
}
.section-hrsystem-standard .standard-title {
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.1em;
}
.section-hrsystem-standard .standard-paragraph {
  font-weight: 700;
  text-align: center;
}
.section-hrsystem-standard .standard-paragraph p {
  margin-bottom: 0;
}
@media print, (min-width: 768px) {
  .section-hrsystem-standard {
    padding: 148px 0 0;
  }
  .section-hrsystem-standard .standard-title {
    font-size: 0.7rem;
    line-height: 1.2142857143;
    margin-bottom: 105px;
  }
  .section-hrsystem-standard .standard-paragraph {
    font-size: 0.24rem;
    line-height: 2;
    margin-bottom: 77px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-hrsystem-standard {
    padding: 0.66rem 0 0.48rem;
  }
  .section-hrsystem-standard .standard-title {
    font-size: 0.3rem;
    line-height: 1.1666666667;
    margin-bottom: 0.52rem;
  }
  .section-hrsystem-standard .standard-paragraph {
    font-size: 0.18rem;
    line-height: 2.07;
    margin-bottom: 0.87rem;
    letter-spacing: 0.05em;
  }
}

.list-hrsystem-standard .list-wrapper {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.list-hrsystem-standard .item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #1b54ab;
  border: 0.03rem solid #fff;
  position: relative;
  transition: background-color 0.3s ease;
  text-decoration: none;
}
.list-hrsystem-standard .item-wrapper:hover {
  background-color: #0082f9;
}
.list-hrsystem-standard .item-wrapper::before {
  position: absolute;
  content: "";
  border: solid #fff;
  transform: rotate(45deg) translateY(-50%);
}
.list-hrsystem-standard .item-text {
  display: block;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #fff;
}
@media print, (min-width: 768px) {
  .list-hrsystem-standard .list-wrapper {
    margin-bottom: -12px;
  }
  .list-hrsystem-standard .list-item {
    padding: 0 12px;
    margin-bottom: 12px;
    width: 25%;
    max-width: 256px;
  }
  .list-hrsystem-standard .list-item:nth-child(4) {
    max-width: 270px;
  }
  .list-hrsystem-standard .item-wrapper {
    border-radius: 34px;
    padding: 10px 35px 11px;
    min-height: 66px;
  }
  .list-hrsystem-standard .item-wrapper::before {
    top: calc(50% - 4px);
    right: 25px;
    border-width: 0 2px 2px 0;
    width: 10px;
    height: 10px;
  }
  .list-hrsystem-standard .item-text {
    font-size: 0.18rem;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-hrsystem-standard .list-wrapper {
    margin: 0 -0.04rem -0.12rem;
  }
  .list-hrsystem-standard .list-item {
    padding: 0 0.04rem;
    margin-bottom: 0.12rem;
    width: 50%;
  }
  .list-hrsystem-standard .item-wrapper {
    border-radius: 0.34rem;
    padding: 0.05rem 0.27rem;
    min-height: 0.46rem;
    border-width: 0.015rem;
  }
  .is-ios .list-hrsystem-standard .item-wrapper {
    padding-bottom: 0.07rem;
  }
  .list-hrsystem-standard .item-wrapper::before {
    top: calc(50% - 0.04rem);
    right: 0.18rem;
    border-width: 0 0.02rem 0.02rem 0;
    width: 0.08rem;
    height: 0.08rem;
  }
  .is-ios .list-hrsystem-standard .item-wrapper::before {
    top: calc(50% - 0.03rem);
  }
  .list-hrsystem-standard .item-text {
    font-size: 0.13rem;
  }
}

.list-hrsystem-information {
  overflow: hidden;
}
.list-hrsystem-information .list-item {
  position: relative;
  z-index: 1;
}
.list-hrsystem-information .list-wrapper {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-hrsystem-information .item-heading {
  position: relative;
  display: flex;
  align-items: center;
  z-index: 1;
}
.list-hrsystem-information .item-heading::before {
  position: absolute;
  content: "";
  z-index: -1;
}
.list-hrsystem-information .item-heading .heading-number {
  display: block;
  line-height: 0.9;
  color: rgba(255, 255, 255, 0.2);
  position: absolute;
  z-index: -1;
}
.list-hrsystem-information .item-heading .heading-title {
  display: block;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #1b54ab;
  font-weight: 800;
  margin-bottom: 0;
}
.list-hrsystem-information .item-inner {
  position: relative;
  z-index: 1;
}
.list-hrsystem-information .item-wrapper {
  position: relative;
}
.list-hrsystem-information .item-wrapper::before {
  position: absolute;
  content: "";
  z-index: -1;
  pointer-events: none;
}
.list-hrsystem-information .item-wrapper::after {
  pointer-events: none;
}
.list-hrsystem-information .item-person {
  pointer-events: none;
}
.list-hrsystem-information .person-image {
  width: 100%;
}
.list-hrsystem-information .person-text {
  position: absolute;
  display: block;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: #fff;
  pointer-events: auto;
}
@media print, (min-width: 768px) {
  .list-hrsystem-information {
    padding-top: 117px;
  }
  .list-hrsystem-information > .list-wrapper {
    padding-bottom: 101px;
  }
  .list-hrsystem-information .list-item {
    padding-top: 100px;
    margin-bottom: 213px;
  }
  .list-hrsystem-information .list-item.is-outline {
    margin-bottom: 94px;
  }
  .list-hrsystem-information .list-item.is-outline .item-wrapper::before {
    background: url("../img/hrsystem/information_decor_02.png") center/cover no-repeat;
    top: -264px;
    left: -454px;
    width: 1309px;
    height: 1198px;
  }
  .list-hrsystem-information .list-item.is-outline .item-wrapper::after {
    position: absolute;
    content: "";
    z-index: 1;
    background: url("../img/hrsystem/information_decor_05.png") center/cover no-repeat;
    top: 1253px;
    left: -724px;
    width: 2502px;
    height: 2463px;
  }
  .list-hrsystem-information .list-item.is-outline .item-heading {
    margin-bottom: 125px;
  }
  .list-hrsystem-information .list-item.is-benefits {
    margin-bottom: -17px;
  }
  .list-hrsystem-information .list-item.is-benefits .item-wrapper::before {
    background: url("../img/hrsystem/information_decor_03.png") center/cover no-repeat;
    top: -172px;
    left: -304px;
    width: 1988px;
    height: 918px;
  }
  .list-hrsystem-information .list-item.is-benefits .item-heading {
    margin-bottom: 86px;
  }
  .list-hrsystem-information .list-item.is-career {
    margin-bottom: 0;
  }
  .is-safari .list-hrsystem-information .list-item.is-career .list-hrsystem-outline:nth-last-child(2) .outline-item:first-child .block-content {
    margin-right: -14px;
  }
  .list-hrsystem-information .list-item.is-career .item-wrapper::before {
    background: url("../img/hrsystem/information_decor_04.png") center/cover no-repeat;
    top: -298px;
    left: -221px;
    width: 1811px;
    height: 1268px;
    z-index: 2;
  }
  .list-hrsystem-information .list-item.is-career .item-heading {
    margin-bottom: 117px;
  }
  .list-hrsystem-information .item-wrapper {
    width: calc(100% - 60px);
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
  }
  .list-hrsystem-information .item-heading {
    max-width: 859px;
    min-height: 137px;
    margin-bottom: 68px;
  }
  .list-hrsystem-information .item-heading::before {
    background: url("../img/hrsystem/information_decor_01.png") center/100% 100% no-repeat;
    width: 1142px;
    height: 100%;
    top: 0;
    right: -2px;
  }
  .list-hrsystem-information .item-heading .heading-number {
    font-size: 1.49rem;
    top: -9px;
    left: 12px;
  }
  .is-edge .list-hrsystem-information .item-heading .heading-number {
    top: -2px;
  }
  .list-hrsystem-information .item-heading .heading-title {
    font-size: 0.4rem;
    padding: 20px 50px 20px 136px;
  }
  .list-hrsystem-information .item-inner {
    display: flex;
  }
  .list-hrsystem-information .item-content {
    width: 64.5%;
  }
  .list-hrsystem-information .item-person {
    position: absolute;
    width: 1376px;
    height: 935px;
    top: -334px;
    right: -714px;
  }
  .list-hrsystem-information .item-picture {
    position: absolute;
    z-index: 1;
    width: 701px;
    height: 552px;
    top: 53px;
    right: -101px;
  }
  .list-hrsystem-information .person-text {
    left: 463px;
    bottom: 186px;
    width: 200px;
    text-align: right;
    font-size: 0.14rem;
    line-height: 1.7142857143;
  }
  .list-hrsystem-information .person-name {
    font-size: 0.18rem;
    line-height: 1.3333333333;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-hrsystem-information {
    padding-top: 0.8rem;
    padding-bottom: 0.46rem;
  }
  .list-hrsystem-information .list-item {
    padding-top: 0.5rem;
    margin-bottom: 0.77rem;
  }
  .list-hrsystem-information .list-item:last-child {
    margin-bottom: 0.7rem;
  }
  .list-hrsystem-information .list-item.is-outline .item-wrapper::before {
    background: url("../img/hrsystem/sp/information_decor_02.png") center/cover no-repeat;
    top: -1.31rem;
    left: 0;
    width: 3.9rem;
    height: 5.74rem;
  }
  .list-hrsystem-information .list-item.is-outline .item-wrapper::after {
    position: absolute;
    content: "";
    z-index: -1;
    background: url("../img/hrsystem/sp/information_decor_07.png") center/cover no-repeat;
    bottom: -1.02rem;
    left: 0;
    width: 3.9rem;
    height: 5.01rem;
  }
  .list-hrsystem-information .list-item.is-outline .item-heading {
    margin-bottom: 0.17rem;
  }
  .list-hrsystem-information .list-item.is-benefits .item-wrapper::before {
    background: url("../img/hrsystem/sp/information_decor_03.png") center/cover no-repeat;
    top: -1.94rem;
    left: 0;
    width: 3.9rem;
    height: 20.78rem;
  }
  .list-hrsystem-information .list-item.is-benefits .item-heading {
    margin-bottom: 0.64rem;
  }
  .list-hrsystem-information .list-item.is-career .item-wrapper::before {
    background: url("../img/hrsystem/sp/information_decor_04.png") center/cover no-repeat;
    top: 1.02rem;
    left: 0;
    width: 3.9rem;
    height: 5.8rem;
    z-index: 2;
  }
  .list-hrsystem-information .list-item.is-career .item-heading {
    margin-bottom: -0.38rem;
  }
  .list-hrsystem-information .item-wrapper {
    padding-right: 0.16rem;
    padding-left: 0.16rem;
  }
  .list-hrsystem-information .item-heading {
    max-width: 3.28rem;
    min-height: 0.72rem;
  }
  .list-hrsystem-information .item-heading::before {
    background: url("../img/hrsystem/sp/information_decor_01.png") center/100% 100% no-repeat;
    width: calc(100% + 0.18rem);
    height: 100%;
    top: 0;
    left: -0.16rem;
  }
  .list-hrsystem-information .item-heading .heading-number {
    font-size: 0.74rem;
    top: -0.02rem;
    left: 0.02rem;
  }
  .list-hrsystem-information .item-heading .heading-title {
    font-size: 0.25rem;
    padding-left: 0.63rem;
    padding-right: 0.2rem;
  }
  .list-hrsystem-information .item-person {
    position: relative;
    width: 3.9rem;
    margin: -0.15rem -0.16rem 0.01rem;
  }
  .list-hrsystem-information .item-picture {
    position: relative;
    z-index: 1;
    width: 3.65rem;
    margin: 0 auto 0.05rem;
  }
  .list-hrsystem-information .person-text {
    left: 0.19rem;
    bottom: 0.33rem;
    width: 2rem;
    font-size: 0.12rem;
    line-height: 1.5;
  }
  .list-hrsystem-information .person-name {
    font-size: 0.15rem;
    line-height: 1.3333333333;
  }
}

.list-hrsystem-outline {
  position: relative;
  z-index: 2;
}
.list-hrsystem-outline .outline-list {
  list-style: none;
  padding-left: 0;
}
@media print, (min-width: 768px) {
  .list-hrsystem-outline .outline-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
  }
  .list-hrsystem-outline .outline-item {
    width: 50%;
    padding: 0 50px;
    margin-bottom: 125px;
  }
  .is-career .list-hrsystem-outline .outline-item {
    margin-bottom: 86px;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-hrsystem-outline .outline-list {
    margin-bottom: 0;
  }
  .list-hrsystem-outline .outline-item {
    margin-bottom: 0.54rem;
  }
}

.block-hrsystem-outline .block-title {
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fdff71;
}
@media print, (min-width: 768px) {
  .block-hrsystem-outline .block-title {
    font-size: 0.28rem;
    line-height: 1.4;
    margin-bottom: 29px;
  }
  .block-hrsystem-outline .block-title.is-modify {
    margin-right: -43px;
  }
  html.is-firefox .is-career .block-hrsystem-outline .block-content .paragraph-common, html.is-edge .is-career .block-hrsystem-outline .block-content .paragraph-common {
    letter-spacing: 0.03em;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-outline .block-title {
    font-size: 0.2rem;
    line-height: 1.4;
    margin-bottom: 0.14rem;
  }
  .block-hrsystem-outline .paragraph-common {
    line-height: 1.69;
  }
}

.block-hrsystem-relationship .relationship-description {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
}
.block-hrsystem-relationship .relationship-list {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.block-hrsystem-relationship .relationship-list::before {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  border-radius: 50%;
}
.block-hrsystem-relationship .relationship-item {
  width: 50%;
  display: flex;
  justify-content: center;
}
.block-hrsystem-relationship .relationship-item.is-first {
  width: 100%;
}
.block-hrsystem-relationship .relationship-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.block-hrsystem-relationship .relationship-wrapper::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.block-hrsystem-relationship .relationship-title {
  font-weight: 900;
  color: #1b54ab;
  letter-spacing: 0.05em;
}
.block-hrsystem-relationship .relationship-text {
  font-weight: 700;
  color: #1b54ab;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
@media print, (min-width: 768px) {
  .block-hrsystem-relationship {
    position: absolute;
    z-index: 1;
    top: 70px;
    right: -77px;
  }
  .block-hrsystem-relationship .relationship-description {
    top: calc(50% + 2px);
    font-size: 0.26rem;
  }
  .block-hrsystem-relationship .relationship-list {
    width: 668px;
  }
  .block-hrsystem-relationship .relationship-list::before {
    top: calc(50% - 170px);
    border: 4px solid #fff;
    width: 357px;
    height: 357px;
  }
  .block-hrsystem-relationship .relationship-item {
    padding: 0 20px;
  }
  .block-hrsystem-relationship .relationship-item.is-first {
    margin-bottom: 38px;
  }
  .block-hrsystem-relationship .relationship-wrapper {
    width: 270px;
    height: 270px;
    padding: 23px 15px 10px;
  }
  .block-hrsystem-relationship .relationship-wrapper::before {
    background: url("../img/hrsystem/relationship_bg.png") center/cover no-repeat;
    width: 395px;
    height: 395px;
  }
  .block-hrsystem-relationship .relationship-title {
    font-size: 0.26rem;
    line-height: 1.4;
    margin-bottom: 12px;
  }
  .block-hrsystem-relationship .relationship-text {
    font-size: 0.16rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-relationship {
    position: relative;
    z-index: 1;
    margin-bottom: 0.28rem;
  }
  .block-hrsystem-relationship .relationship-description {
    top: calc(50% - 0.01rem);
    font-size: 0.16rem;
  }
  .block-hrsystem-relationship .relationship-list {
    margin-left: -0.19rem;
    margin-right: -0.19rem;
  }
  .block-hrsystem-relationship .relationship-list::before {
    top: calc(50% - 0.97rem);
    border: 0.02rem solid #fff;
    width: 2.11rem;
    height: 2.11rem;
  }
  .block-hrsystem-relationship .relationship-item {
    padding: 0 0.06rem;
  }
  .block-hrsystem-relationship .relationship-item.is-first {
    margin-bottom: 0.33rem;
  }
  .block-hrsystem-relationship .relationship-wrapper {
    width: 1.7rem;
    height: 1.7rem;
    padding: 0.1rem 0.05rem 0.19rem;
  }
  .block-hrsystem-relationship .relationship-wrapper::before {
    background: url("../img/hrsystem/sp/relationship_bg.png") center/cover no-repeat;
    width: 2.36rem;
    height: 2.36rem;
  }
  .block-hrsystem-relationship .relationship-title {
    font-size: 0.17rem;
    line-height: 1.4;
    margin-bottom: 0.1rem;
  }
  .block-hrsystem-relationship .relationship-text {
    font-size: 0.11rem;
    line-height: 1.3636363636;
  }
}

.block-hrsystem-primary {
  color: #1b54ab;
  position: relative;
}
.block-hrsystem-primary::after {
  position: absolute;
  content: "";
  z-index: -1;
}
.block-hrsystem-primary .block-wrapper {
  background-color: #fff;
}
.block-hrsystem-primary .block-title {
  max-width: 98%;
  display: flex;
  justify-content: center;
}
.block-hrsystem-primary .block-title .title-wrapper {
  background-color: #fdff71;
  color: #1b54ab;
  font-weight: 700;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.block-hrsystem-primary .block-paragraph {
  display: block;
  color: #1b54ab;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media print, (min-width: 768px) {
  .block-hrsystem-primary {
    width: calc(100% - 60px);
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
  .block-hrsystem-primary.is-categories {
    margin-top: -15px;
    margin-bottom: 100px;
    z-index: 1;
  }
  .block-hrsystem-primary.is-categories .block-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
  .block-hrsystem-primary.is-career .block-wrapper {
    padding-bottom: 25px;
  }
  .block-hrsystem-primary .block-wrapper {
    padding: 40px 27px 52px;
    border-radius: 80px;
  }
  .block-hrsystem-primary .block-title {
    margin: -78px auto 23px;
  }
  .block-hrsystem-primary .block-title .title-wrapper {
    border-radius: 37px;
    font-size: 0.28rem;
    padding: 19px 37px 20px;
  }
  .block-hrsystem-primary .block-paragraph {
    font-size: 0.24rem;
    line-height: 1.5833333333;
    margin-bottom: 36px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-primary {
    padding-left: 0.16rem;
    padding-right: 0.16rem;
  }
  .block-hrsystem-primary.is-categories {
    margin-top: 0.8rem;
    margin-bottom: 0.87rem;
  }
  .block-hrsystem-primary.is-categories::after {
    background: url("../img/hrsystem/sp/information_decor_05.png") center/cover no-repeat;
    top: 0.05rem;
    left: 0;
    width: 3.9rem;
    height: 9.4rem;
    z-index: 1;
  }
  .block-hrsystem-primary.is-career::after {
    background: url("../img/hrsystem/sp/information_decor_06.png") center/cover no-repeat;
    top: 0.36rem;
    left: 0;
    width: 3.9rem;
    height: 20.8rem;
    z-index: 1;
  }
  .block-hrsystem-primary .block-wrapper {
    padding: 0.2rem 0.14rem 0.41rem;
    border-radius: 0.4rem;
  }
  .block-hrsystem-primary .block-title {
    margin: -0.45rem auto 0.16rem;
  }
  .block-hrsystem-primary .block-title .title-wrapper {
    border-radius: 0.48rem;
    font-size: 0.2rem;
    padding: 0.13rem 0.29rem 0.14rem;
  }
  .is-ios .block-hrsystem-primary .block-title .title-wrapper {
    padding-top: 0.12rem;
    padding-bottom: 0.15rem;
  }
  .block-hrsystem-primary .block-paragraph {
    font-size: 0.17rem;
    line-height: 1.4705882353;
    margin-bottom: 0.23rem;
  }
}

.list-hrsystem-categories {
  position: relative;
  z-index: 2;
}
.list-hrsystem-categories .list-wrapper {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-hrsystem-categories .item-inner {
  display: block;
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.list-hrsystem-categories .item-inner > .item-content {
  flex: 1;
  width: 100%;
}
.list-hrsystem-categories .item-title {
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.list-hrsystem-categories .item-text {
  flex: 0 0 auto;
  background-color: #1b54ab;
  position: relative;
  z-index: 1;
}
.list-hrsystem-categories .item-text::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #1b54ab;
  width: 100%;
  height: calc(100% + 0.05rem);
  z-index: -1;
}
.list-hrsystem-categories .text-wrapper {
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 0;
  color: #fdff71;
  display: block;
}
@media print, (min-width: 768px) {
  .list-hrsystem-categories .list-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px -30px -15px;
  }
  .list-hrsystem-categories .list-item {
    width: 33.3333333333%;
    padding: 0 15px 0 16px;
    margin-bottom: 30px;
  }
  .list-hrsystem-categories .item-inner {
    border: 2px solid #1b54ab;
    padding: 38px 0 0;
    min-height: 332px;
  }
  .list-hrsystem-categories .item-inner > .item-content {
    padding: 0 35px;
  }
  .list-hrsystem-categories .item-title {
    font-size: 0.26rem;
    line-height: 1.2307692308;
    margin-bottom: 17px;
  }
  .list-hrsystem-categories .title-mark {
    background: linear-gradient(to bottom, #fdff71, #fdff71) 0% 86%/100% 0.13rem no-repeat;
  }
  .list-hrsystem-categories .item-image {
    width: 130px;
    margin: 0 auto 3px;
  }
  .list-hrsystem-categories .item-text {
    min-height: 96px;
    padding: 10px 35px 20px;
  }
  .list-hrsystem-categories .text-wrapper {
    font-size: 0.26rem;
    line-height: 1.1538461538;
  }
}
@media only screen and (max-width: 767.98px) {
  .list-hrsystem-categories .list-wrapper {
    margin-bottom: 0;
  }
  .list-hrsystem-categories .list-item {
    padding-top: 0;
    width: 2.41rem;
    margin: 0 auto 0.12rem;
  }
  .list-hrsystem-categories .list-item:last-child {
    margin-bottom: 0;
  }
  .list-hrsystem-categories .list-item:nth-child(2) .item-image, .list-hrsystem-categories .list-item:nth-child(3) .item-image {
    margin-bottom: 0.02rem;
  }
  .list-hrsystem-categories .list-item:nth-child(2) .item-text, .list-hrsystem-categories .list-item:nth-child(3) .item-text {
    min-height: 0.72rem;
  }
  .list-hrsystem-categories .item-inner {
    border: 0.01rem solid #1b54ab;
    padding: 0.29rem 0 0;
  }
  .list-hrsystem-categories .item-inner > .item-content {
    padding: 0 0.2rem;
  }
  .list-hrsystem-categories .item-title {
    font-size: 0.18rem;
    line-height: 1.2222222222;
    margin-bottom: 0.12rem;
  }
  .list-hrsystem-categories .title-mark {
    background: linear-gradient(to bottom, #fdff71, #fdff71) 0% 95%/100% 0.1rem no-repeat;
  }
  .list-hrsystem-categories .item-image {
    width: 0.94rem;
    margin: 0 auto 0.13rem;
  }
  .list-hrsystem-categories .item-text {
    min-height: 0.61rem;
    padding: 0.05rem 0.32rem 0.06rem;
  }
  .list-hrsystem-categories .text-wrapper {
    font-size: 0.2rem;
    line-height: 1.25;
  }
}

.block-hrsystem-career .block-career-wrapper {
  position: relative;
}
.block-hrsystem-career .career-heading {
  display: flex;
}
.block-hrsystem-career .heading-image {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
.block-hrsystem-career .heading-image figure {
  overflow: hidden;
  border-radius: 50%;
}
.block-hrsystem-career .heading-content {
  flex: 1;
  display: flex;
  align-items: center;
}
.block-hrsystem-career .heading-title {
  display: inline-block;
}
.block-hrsystem-career .title-inner {
  display: flex;
  align-items: flex-end;
  color: #fdff71;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
  z-index: 1;
}
.block-hrsystem-career .title-inner::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-color: #1b54ab;
  height: 100%;
  z-index: -1;
}
.block-hrsystem-career .heading-text {
  display: inline-block;
  font-weight: 400;
  color: #1b54ab;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  flex: 0 0 auto;
}
.block-hrsystem-career .career-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.block-hrsystem-career .career-note {
  display: block;
  font-weight: 400;
  color: #1b54ab;
  letter-spacing: 0.05em;
}
.block-hrsystem-career .career-change {
  position: absolute;
  width: max-content;
  height: auto;
}
.block-hrsystem-career .career-change::before {
  position: absolute;
  content: "";
}
.block-hrsystem-career .change-content {
  background-color: #fafafa;
  position: relative;
}
.block-hrsystem-career .change-text {
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #1b54ab;
  display: block;
}
@media print, (min-width: 768px) {
  .block-hrsystem-career .block-career-wrapper {
    max-width: 762px;
    margin: 0 auto;
  }
  .block-hrsystem-career .career-heading {
    margin-bottom: 11px;
  }
  .block-hrsystem-career .heading-image {
    width: 153px;
  }
  .block-hrsystem-career .heading-content {
    padding-bottom: 10px;
    padding-left: 26px;
    margin-right: -50px;
  }
  .block-hrsystem-career .title-inner {
    font-size: 0.24rem;
    line-height: 1.4166666667;
    padding: 3px 28px 5px 0;
    min-height: 42px;
  }
  .block-hrsystem-career .title-inner::before {
    border-radius: 21px;
    width: calc(100% + 80px);
  }
  .block-hrsystem-career .heading-text {
    font-size: 0.18rem;
    line-height: 1.4444444444;
    padding-top: 19px;
    padding-left: 10px;
  }
  .block-hrsystem-career .heading-text .text-small {
    position: relative;
    top: -2px;
    font-size: 0.14rem;
    margin-left: 4px;
  }
  .block-hrsystem-career .career-note {
    font-size: 0.12rem;
    line-height: 2.1666666667;
    text-align: center;
    margin-top: 11px;
  }
  .block-hrsystem-career .career-change {
    top: 220px;
    left: 347px;
  }
  .block-hrsystem-career .career-change::before {
    top: 94px;
    left: -24px;
    background: url("../img/hrsystem/icon_line_01.png") center/cover no-repeat;
    width: 115px;
    height: 81px;
  }
  .block-hrsystem-career .change-content {
    padding: 10px 19px 12px 20px;
    border: 2px solid #1b54ab;
    writing-mode: vertical-rl;
    min-height: 215px;
  }
  .block-hrsystem-career .change-text {
    font-size: 0.18rem;
    line-height: 1;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career .career-heading {
    padding-left: 0.1rem;
    padding-right: 0.08rem;
    margin-bottom: 0.2rem;
  }
  .block-hrsystem-career .heading-title {
    width: 100%;
  }
  .block-hrsystem-career .heading-image {
    width: 1.12rem;
  }
  .block-hrsystem-career .heading-content {
    flex-wrap: wrap;
    padding: 0.25rem 0 0 0.13rem;
  }
  .block-hrsystem-career .title-inner {
    font-size: 0.17rem;
    line-height: 1.4117647059;
    padding: 0.14rem 0.16rem 0.14rem 0;
    min-height: 0.45rem;
  }
  .block-hrsystem-career .title-inner::before {
    border-radius: 0.4rem;
    width: calc(100% + 0.6rem);
  }
  .block-hrsystem-career .heading-text {
    font-size: 0.13rem;
    line-height: 1.4444444444;
    padding-top: 0.05rem;
  }
  .block-hrsystem-career .heading-text .text-small {
    font-size: 0.1rem;
  }
  .block-hrsystem-career .career-note {
    font-size: 0.11rem;
    line-height: 1.1818181818;
    margin-top: 0.12rem;
  }
  .block-hrsystem-career .career-change {
    top: 2.77rem;
    left: 0.61rem;
  }
  .block-hrsystem-career .career-change::before {
    top: -0.1rem;
    left: 0.6rem;
    background: url("../img/hrsystem/sp/icon_line_01.png") center/cover no-repeat;
    width: 1.25rem;
    height: 0.62rem;
  }
  .block-hrsystem-career .change-content {
    display: flex;
    align-items: center;
    padding: 0.05rem 0.14rem 0.06rem 0.14rem;
    min-height: 0.36rem;
    border: 0.01rem solid #1b54ab;
  }
  .is-safari .block-hrsystem-career .change-content {
    padding-top: 0.07rem;
    padding-bottom: 0.05rem;
  }
  .block-hrsystem-career .change-text {
    font-size: 0.11rem;
    line-height: 1;
  }
}

@media print, (min-width: 768px) {
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) .content-text {
    min-width: 162px;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(2) {
    margin-bottom: 43px;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-right: -422px;
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .row-content {
    display: flex;
    justify-content: center;
    flex: 1;
    text-align: center;
    padding-right: 65px;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 153px;
  }
  .block-hrsystem-career.is-first .career-change {
    top: 167px;
    left: 322px;
    z-index: 2;
  }
  .block-hrsystem-career.is-first .career-change::before {
    top: 39px;
    left: -79px;
    background: url("../img/hrsystem/icon_line_02.png") center/cover no-repeat;
    width: 206px;
    height: 104px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-first .career-heading {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper.is-modify {
    margin-bottom: 0.24rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) {
    margin-bottom: 0.57rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) .content-text {
    min-width: 0.93rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-right: -1.12rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .row-content {
    display: flex;
    justify-content: center;
    flex: 1;
    text-align: center;
    padding-right: 0.26rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2)::before {
    left: 0.81rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(1) {
    margin-bottom: 0.6rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 0.99rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) .content-text {
    padding-right: 0.15rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3)::before {
    top: -0.12rem;
    left: 0.76rem;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-first .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content::before {
    width: 100%;
  }
  .block-hrsystem-career.is-first .career-change {
    top: 1.97rem;
    left: 1.2rem;
  }
  .block-hrsystem-career.is-first .career-change::before {
    top: -0.15rem;
    left: -0.02rem;
    background: url("../img/hrsystem/sp/icon_line_02.png") center/cover no-repeat;
    width: 1.51rem;
    height: 0.66rem;
  }
}

@media print, (min-width: 768px) {
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper:first-child .content-text {
    min-width: 162px;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(2) {
    margin-bottom: 43px;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) {
    margin-top: 102px;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 58px;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-second .career-change {
    z-index: 2;
    top: 170px;
    left: 337px;
  }
  .block-hrsystem-career.is-second .career-change::before {
    top: 36px;
    left: -94px;
    background: url("../img/hrsystem/icon_line_03.png") center/cover no-repeat;
    width: 199px;
    height: 98px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-second .career-heading {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper.is-modify {
    margin-bottom: 0.23rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) {
    margin-bottom: 0.57rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) .content-text {
    min-width: 0.93rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) {
    margin-top: 1.12rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2)::before {
    left: 0.61rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 0.23rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) .content-text {
    padding-right: 0.14rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3)::before {
    top: -0.13rem;
    left: 0.56rem;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-second .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content::before {
    width: 100%;
  }
  .block-hrsystem-career.is-second .career-change {
    top: 1.97rem;
    left: 0.96rem;
  }
  .block-hrsystem-career.is-second .career-change::before {
    top: -0.16rem;
    left: 0.34rem;
    background: url("../img/hrsystem/sp/icon_line_03.png") center/cover no-repeat;
    width: 1.4rem;
    height: 0.66rem;
  }
}

@media print, (min-width: 768px) {
  .block-hrsystem-career.is-third .row-hrsystem-career .row-wrapper:nth-child(2) {
    margin-bottom: 34px;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) {
    margin-right: -20px;
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-third .career-change {
    top: 385px;
    left: 359px;
  }
  .block-hrsystem-career.is-third .career-change::before {
    top: 72px;
    left: -35px;
    background: url("../img/hrsystem/icon_line_04.png") center/cover no-repeat;
    width: 118px;
    height: 99px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-third .career-heading {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(1) .row-wrapper.is-modify {
    margin-bottom: 0.14rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) {
    margin-bottom: 0.14rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-bottom: 0.73rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2)::before {
    left: 0.81rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper .content-text {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(1) .row-content {
    min-width: 1.05rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 0.14rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) {
    margin-bottom: 0.58rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3)::before {
    top: -0.13rem;
    left: 0.57rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content::before {
    width: 100%;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content .content-text {
    padding-right: 0.06rem;
  }
  .block-hrsystem-career.is-third .row-hrsystem-career:nth-child(2) .row-wrapper:last-child::before {
    top: -0.08rem;
    left: 0.76rem;
  }
  .block-hrsystem-career.is-third .career-change {
    top: 3.67rem;
    left: 0.93rem;
  }
  .block-hrsystem-career.is-third .career-change::before {
    top: -0.25rem;
    left: 0.12rem;
    background: url("../img/hrsystem/sp/icon_line_04.png") center/cover no-repeat;
    width: 1.6rem;
    height: 0.75rem;
  }
}

.block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2)::before {
  opacity: 0;
}
.block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper::before {
  opacity: 0;
}
@media print, (min-width: 768px) {
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) .row-content {
    min-width: 211px;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(2) {
    margin-bottom: 43px;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) {
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .row-content {
    min-width: 162px;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) {
    margin-top: 78px;
  }
  .block-hrsystem-career.is-fourth .career-change {
    top: 168px;
    left: 336px;
  }
  .block-hrsystem-career.is-fourth .career-change::before {
    top: 36px;
    left: -91px;
    background: url("../img/hrsystem/icon_line_05.png") center/cover no-repeat;
    width: 192px;
    height: 248px;
  }
  .block-hrsystem-career.is-fourth .change-content {
    min-height: 159px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-fourth .career-heading {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper.is-modify {
    margin-bottom: 0.24rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) {
    margin-bottom: 0.57rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .row-content {
    width: unset;
    min-width: 0.91rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) {
    margin-top: 0.91rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper {
    margin-right: -0.04rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 0.14rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) {
    margin-bottom: 0.58rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3)::before {
    top: -0.13rem;
    left: 0.57rem;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content::before {
    width: 100%;
  }
  .block-hrsystem-career.is-fourth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content .content-text {
    padding-right: 0.06rem;
  }
  .block-hrsystem-career.is-fourth .career-change {
    top: 1.97rem;
    left: 1.25rem;
  }
  .block-hrsystem-career.is-fourth .career-change::before {
    top: -0.15rem;
    left: 0.06rem;
    background: url("../img/hrsystem/sp/icon_line_05.png") center/cover no-repeat;
    width: 1.45rem;
    height: 1.84rem;
  }
}

@media print, (min-width: 768px) {
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(1) .row-wrapper:first-child .content-text {
    min-width: 235px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(2) {
    margin-bottom: 40px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) {
    margin-top: 102px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2)::before {
    top: 19px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper {
    margin-right: -20px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 38px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) {
    margin-bottom: 28px;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:last-child::before {
    opacity: 0;
  }
  .block-hrsystem-career.is-fifth .career-change {
    top: 177px;
    left: 346px;
  }
  .block-hrsystem-career.is-fifth .career-change::before {
    top: 31px;
    left: -31px;
    background: url("../img/hrsystem/icon_line_06.png") center/cover no-repeat;
    width: 127px;
    height: 95px;
  }
  .block-hrsystem-career.is-fifth .change-content {
    padding-top: 19px;
    padding-bottom: 21px;
    min-height: 139px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-fifth .career-heading {
    padding-left: 0.28rem;
    padding-right: 0.28rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(1) .row-wrapper.is-modify {
    margin-bottom: 0.27rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) {
    margin-bottom: 0.58rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(1) .content-text {
    min-width: 0.93rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) {
    margin-top: 1.12rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2)::before {
    left: 0.61rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 0.12rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:first-child .content-text {
    min-height: 0.69rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(2) .content-text {
    min-height: 0.69rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) {
    margin-top: 0;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3)::before {
    top: -0.13rem;
    left: 0.56rem;
  }
  .block-hrsystem-career.is-fifth .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content {
    flex: 1;
  }
  .block-hrsystem-career.is-fifth .career-change {
    top: 1.98rem;
    left: 1.43rem;
  }
  .block-hrsystem-career.is-fifth .career-change::before {
    top: -0.16rem;
    left: -0.21rem;
    background: url("../img/hrsystem/sp/icon_line_06.png") center/cover no-repeat;
    width: 1.4rem;
    height: 0.66rem;
  }
}

@media print, (min-width: 768px) {
  .block-hrsystem-career.is-sixth {
    margin-top: 32px;
  }
  .block-hrsystem-career.is-sixth .row-hrsystem-career:nth-child(2) {
    margin-top: 205px;
  }
  .block-hrsystem-career.is-sixth .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 34px;
  }
}
@media only screen and (max-width: 767.98px) {
  .block-hrsystem-career.is-sixth {
    position: relative;
    z-index: 2;
  }
  .block-hrsystem-career.is-sixth .row-hrsystem-career:nth-child(2) {
    margin-top: 1.8rem;
  }
  .block-hrsystem-career.is-sixth .row-hrsystem-career:nth-child(2) .row-wrapper:first-child {
    margin-bottom: 0.19rem;
  }
}

.row-hrsystem-career {
  position: relative;
}
.row-hrsystem-career::before {
  position: absolute;
  content: "";
  width: 0.01rem;
}
.row-hrsystem-career .row-wrapper {
  display: flex;
  align-items: flex-start;
}
.row-hrsystem-career .row-wrapper:last-child {
  position: relative;
}
.row-hrsystem-career .row-wrapper:last-child::before {
  position: absolute;
  content: "";
  -webkit-mask: url("../img/hrsystem/icon_arrow_01.png") 50% 50%/100% auto no-repeat;
  background-color: #1b54ab;
}
.row-hrsystem-career .row-age {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1b54ab;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 0;
  position: relative;
  border-radius: 50%;
  z-index: 2;
}
.row-hrsystem-career .row-content {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.row-hrsystem-career .row-content::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background-color: #cef7ff;
  height: 100%;
  z-index: -1;
}
.row-hrsystem-career .content-text {
  display: flex;
  align-items: center;
  color: #1b54ab;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}
@media print, (min-width: 768px) {
  .row-hrsystem-career {
    width: calc(50% - 55px);
  }
  .row-hrsystem-career::before {
    top: 8px;
    left: 39px;
    border-left: 4px dotted #1b54ab;
    height: calc(100% - 118px);
  }
  .is-safari .row-hrsystem-career::before {
    top: 12px;
    left: 38px;
    width: 6px;
    background: url("../img/hrsystem/icon_dot_01.svg") center/contain repeat-y;
    border-left: none;
  }
  .row-hrsystem-career .row-wrapper {
    margin-bottom: 20px;
  }
  .row-hrsystem-career .row-wrapper:last-child {
    margin-top: 24px;
  }
  .row-hrsystem-career .row-wrapper:last-child::before {
    top: -20px;
    left: 31px;
    width: 20px;
    height: 20px;
  }
  .row-hrsystem-career .row-age {
    width: 82px;
    height: 82px;
    padding: 10px 5px 10px 6px;
    font-size: 0.24rem;
    line-height: 1.4166666667;
  }
  .is-firefox .row-hrsystem-career .row-age {
    padding-top: 12px;
  }
  .row-hrsystem-career .row-content {
    margin-top: 6px;
  }
  .row-hrsystem-career .row-content::before {
    border-radius: 35px;
    width: calc(100% + 46px);
  }
  .row-hrsystem-career .content-text {
    font-size: 0.18rem;
    line-height: 1.6666666667;
    padding: 15px 26px 16px 24px;
    min-height: 70px;
  }
}
@media only screen and (max-width: 767.98px) {
  .row-hrsystem-career:nth-child(1) {
    width: 2.06rem;
  }
  .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .row-content {
    width: 1.39rem;
    padding-right: 0.1rem;
  }
  .row-hrsystem-career:nth-child(1) .row-wrapper:nth-child(3) .content-text {
    padding-right: 0;
  }
  .row-hrsystem-career:nth-child(2) {
    flex: 1;
    margin-left: -0.02rem;
  }
  .row-hrsystem-career:nth-child(2)::before {
    left: 0.46rem;
    height: calc(100% - 0.87rem);
  }
  .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .row-content::before {
    width: calc(100% + 0.3rem);
  }
  .row-hrsystem-career:nth-child(2) .row-wrapper:nth-child(3) .content-text {
    padding-right: 0.16rem;
  }
  .row-hrsystem-career:nth-child(2) .row-wrapper:last-child::before {
    top: -0.09rem;
    left: 0.41rem;
  }
  .row-hrsystem-career:nth-child(2) .row-content::before {
    width: 100%;
  }
  .row-hrsystem-career:nth-child(2) .content-text {
    padding: 0.11rem 0.19rem 0.1rem 0.2rem;
  }
  .row-hrsystem-career:nth-child(2) .row-age {
    position: absolute;
    top: -0.01rem;
    left: -0.44rem;
  }
  .row-hrsystem-career::before {
    top: 0.12rem;
    left: 0.25rem;
    height: calc(100% - 0.9rem);
    width: 0.03rem;
    background: url("../img/hrsystem/sp/icon_dot_01.svg") center/contain repeat-y;
  }
  .is-safari .row-hrsystem-career::before {
    width: 0.04rem;
  }
  .row-hrsystem-career .row-wrapper {
    margin-bottom: 0.17rem;
  }
  .row-hrsystem-career .row-wrapper:last-child {
    margin-top: 0.2rem;
  }
  .row-hrsystem-career .row-wrapper:last-child::before {
    top: -0.13rem;
    left: 0.2rem;
    width: 0.13rem;
    height: 0.13rem;
  }
  .row-hrsystem-career .row-wrapper.is-modify {
    margin-bottom: 0.52rem;
  }
  .row-hrsystem-career .row-age {
    width: 0.55rem;
    height: 0.55rem;
    padding: 0.1rem 0.05rem;
    font-size: 0.15rem;
    line-height: 1;
  }
  .row-hrsystem-career .row-content {
    margin-top: 0.04rem;
  }
  .row-hrsystem-career .row-content::before {
    border-radius: 0.23rem;
    width: calc(100% + 0.3rem);
  }
  .row-hrsystem-career .content-text {
    font-size: 0.12rem;
    line-height: 1.25;
    padding: 0.11rem 0.17rem 0.1rem 0.06rem;
    min-height: 0.48rem;
  }
}

.slider-hrsystem-career {
  position: relative;
  z-index: 2;
}
.slider-hrsystem-career .swiper-slide {
  will-change: transform;
}
.slider-hrsystem-career .slider-pagination {
  display: flex;
  justify-content: center;
}
.slider-hrsystem-career .swiper-button-next,
.slider-hrsystem-career .swiper-button-prev {
  transition: opacity 0.3s ease;
}
.slider-hrsystem-career .swiper-button-next::after,
.slider-hrsystem-career .swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 100%;
  background: no-repeat center center/contain;
}
.slider-hrsystem-career .swiper-button-next.swiper-button-disabled,
.slider-hrsystem-career .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.slider-hrsystem-career .swiper-button-next.swiper-button-disabled:hover,
.slider-hrsystem-career .swiper-button-prev.swiper-button-disabled:hover {
  opacity: 0;
  pointer-events: none;
}
.slider-hrsystem-career .swiper-button-next:hover,
.slider-hrsystem-career .swiper-button-prev:hover {
  opacity: 0.7;
}
.slider-hrsystem-career .swiper-pagination-bullet {
  opacity: 1;
  background-color: rgba(27, 84, 171, 0.4);
}
.slider-hrsystem-career .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1b54ab;
}
@media print, (min-width: 768px) {
  .slider-hrsystem-career {
    margin-bottom: 22px;
  }
  .slider-hrsystem-career .swiper-button-next,
  .slider-hrsystem-career .swiper-button-prev {
    top: 333px;
    width: 54px;
    height: 68px;
  }
  .slider-hrsystem-career .swiper-button-prev {
    left: 0;
  }
  .slider-hrsystem-career .swiper-button-prev::after {
    background-image: url("../img/hrsystem/icon_button_previous.svg");
  }
  .slider-hrsystem-career .swiper-button-next {
    right: 0;
  }
  .slider-hrsystem-career .swiper-button-next::after {
    background-image: url("../img/hrsystem/icon_button_next.svg");
  }
  .slider-hrsystem-career .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 10px;
  }
}
@media only screen and (max-width: 767.98px) {
  .slider-hrsystem-career {
    margin: 0 -0.14rem 0.41rem;
  }
  .slider-hrsystem-career .swiper-slide {
    padding: 0 0.14rem;
  }
  .slider-hrsystem-career .slider-controls {
    position: relative;
    padding-top: 0.15rem;
    padding-bottom: 0.25rem;
  }
  .slider-hrsystem-career .slider-navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .slider-hrsystem-career .swiper-button-next,
  .slider-hrsystem-career .swiper-button-prev {
    top: unset;
    margin-top: 0;
    bottom: 0.04rem;
    width: 0.45rem;
    height: 0.64rem;
    transform: translate(0, 0);
  }
  .slider-hrsystem-career .swiper-button-prev {
    left: 0.11rem;
  }
  .slider-hrsystem-career .swiper-button-prev::after {
    background-image: url("../img/hrsystem/sp/icon_button_previous.svg");
  }
  .slider-hrsystem-career .swiper-button-next {
    right: 0.11rem;
  }
  .slider-hrsystem-career .swiper-button-next::after {
    background-image: url("../img/hrsystem/sp/icon_button_next.svg");
  }
  .slider-hrsystem-career .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 0.07rem;
    height: 0.07rem;
    margin: 0.1rem 0.07rem;
  }
}

/*# sourceMappingURL=hrsystem.css.map */