html {
  color: var(--Text_default, #333);
  font-size: calc(12px + 4 * (100vw - 768px) / 912);
  line-height: 2;
}

#code-mc-panel-2963 {
  display: none;
}

.employer_serviceLp {
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
}

.is_sp {
  display: none !important;
}


@media screen and (min-width: 751px) and (max-width: 1025px) {
  .is_hidden_tab {
    display: none;
  }

  .is_tab {
    display: block;
  }
}

.point_reader {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.preload * {
  transition: none;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

:root {
  --Primary: #002F7E;
  --BorderYellow: #FFC000;
  --Text_default: #333;
}

footer .copyright p {
  font-size: 0.8rem;
}

.employer_serviceLp .contentWrap {
  position: relative;
  width: 100%;

}

.employer_serviceLp .contentWrap .en {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック",
    "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3",
    "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo,
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.employer_serviceLp .contentWrap .txt_borderYellow {
  position: relative;
  color: #002F7E;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  z-index: 1;
  /* background: linear-gradient(
    transparent 60%,
    #FFC000 80%,
    #FFC000 94%,
    transparent 95%
  ); */
  /* background: linear-gradient(transparent 60%, #FFC000 61%, #FFC000 95%, transparent 96%); */
  background: linear-gradient(transparent 60%, #FFC000 61%, #FFC000 100%);
  display: inline;

}

.employer_serviceLp .contentWrap .employer_sWrap {
  margin: 0 auto;
  width: 95%;
  max-width: 970px;
}

.employer_serviceLp .contentWrap .employer_lWrap {
  margin: 0 auto;
  width: 97%;
  max-width: 1090px;
}

.employer_serviceLp .contentWrap .ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.employer_serviceLp .contentWrap .ttl span {
  color: #002F7E;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1px;
}

.employer_serviceLp .contentWrap .ttl h2 {
  margin-top: 16px;
  color: var(--Text_default, #333);
  font-size: 40px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 1.6px;
  text-align: center;
}

.employer_serviceLp .contentWrap .ttl+p {
  margin: 40px 0 0;
  text-align: center;
}

.employer_serviceLp .contentWrap .ttl+p .employer_txtYellow {
  font-size: 18px;
}

/* ボタンコンポーネント */
/* Component: CTA Button Wrap */
.c-ctaBtnWrap {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 11px 24px;
}

.employerMv .c-ctaBtnWrap {
  margin-top: 0;
  justify-content: center;
  gap: 11px 16px;
}

.c-ctaBtnWrap__desc {
  width: 100%;
  display: flex;
  justify-content: center;
}

.c-ctaBtnWrap__desc span {
  color: #002F7E;
  text-align: center;
  font-feature-settings: 'pwid' on;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  /* 137.5% */
  letter-spacing: 0.8px;
  position: relative;
}

.c-ctaBtnWrap__desc span::before {
  content: "";
  position: absolute;
  top: 36%;
  left: -10px;
  height: 21.425px;
  transform: rotate(-40deg) translateY(-50%);
  width: 1.5px;
  background: #002F7E;
}

.c-ctaBtnWrap__desc span::after {
  content: "";
  position: absolute;
  top: 36%;
  right: -10px;
  height: 21.425px;
  transform: rotate(40deg) translateY(-50%);
  width: 1.5px;
  background: #002F7E;
}

/* Component: CTA Button */
/* Modifier: mail Button */

.c-ctaBtn {
  width: 48%;

}

.c-ctaBtn--mail {
  display: flex;
  height: 74px;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: var(--AGENT_RED, #D10042);
  box-shadow: 3px 3px 13px 0px #888;
  position: relative;
  overflow: hidden;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.employerMv .c-ctaBtn--mail {
  width: 390px;
}


.c-ctaBtn__mailLabel {
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: var(--white, #FFF);
  color: #D10042;
  text-align: center;
  font-size: 12px;
  line-height: 100%;
  font-weight: 600;
  /* 12px */
  letter-spacing: 0.8px;
  font-family: "Hiragino Kaku Gothic ProN";
}

.c-ctaBtn__mailText {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  /* 137.5% */
  letter-spacing: 0.8px;
}

.c-ctaBtn__mailIcon {}

/* Modifier: Telephone Button */
.c-ctaBtn--tel {
  display: flex;
  height: 74px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--white, #FFF);
  background: #004D9E;
  overflow: hidden;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  box-shadow: 3px 3px 13px 0px #888;
}

.employerMv .c-ctaBtn--tel {
  width: 390px;
}


.c-ctaBtn__telInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.c-ctaBtn__telNumber {
  color: var(--white, #FFF);
  font-family: Helvetica;
  font-size: 28px;
  line-height: 100%;
  font-weight: 700;
  /* 28px */
  letter-spacing: 0.72px;
}


.c-ctaBtn__talIcon {}

.c-ctaBtn__telTime {
  color: var(--white, #FFF);
  font-size: 11px;
  font-style: normal;
  line-height: 100%;
  /* 11px */
}

/* ボタンホバー */
.employer_serviceLp .c-ctaBtn::before {
  content: "";
  background: rgba(255, 255, 255, 0.15);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -10%;
  left: -100%;
  transition: 0.5s ease-in-out;
  height: 100%;
  width: 110%;
}

.employer_serviceLp .c-ctaBtn:hover {
  -webkit-transform: scale(1.05) rotate(0.0001deg);
  transform: scale(1.05) rotate(0.0001deg);
}

.employer_serviceLp .c-ctaBtn:hover::before {
  left: 80%;
}

/* .employer_serviceLp .ctaBtn_wrap {
  margin: 50px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn_note {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn_note p {
  color: #002F7E;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn_note p span {
  font-size: 25px;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  width: 700px;
  height: 79px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid #fff;
  background: var(--AGENT_RED, #d10042);
  box-shadow: 3px 3px 13px #888;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
} */

/* .employer_serviceLp .ctaBtn_wrap .ctaBtn .inner {
  display: flex;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  background: #fff;
  color: var(--AGENT_RED, #d10042);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn p {
  color: #fff;
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 22px;
} */
/* .employer_serviceLp .ctaBtn_wrap .ctaBtn svg {
  position: absolute;
  top: 50%;
  right: 4%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
} */

.employer_serviceLp .employerMv {
  min-height: 487px;
  position: relative;
  overflow: hidden;
  margin-top: 144px;
}

.employer_serviceLp .employerMv .mv {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}

.employer_serviceLp .employerMv .mv img {
  max-width: initial;
  height: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-animation: bgAnimeemployer 18s 0s forwards;
  animation: bgAnimeemployer 18s 0s forwards;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes bgAnimeemployer {
  0% {
    opacity: 0;
  }

  16% {
    opacity: 1;
  }

  34% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes bgAnimeemployer {
  0% {
    opacity: 0;
  }

  16% {
    opacity: 1;
  }

  34% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.employer_serviceLp .employerMv .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 487px;
}

.employer_serviceLp .employerMv .box h1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.employer_serviceLp .employerMv .box h1 span {
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 31, 56, 0.7);
  font-size: 48px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 1.6px;
  background: linear-gradient(transparent 98%, #fff 0%);
  display: block;
  padding-bottom: 3px;
}

.employer_serviceLp .employerMv .box h1+p {
  margin: 32px 0 30px;
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 10px rgba(0, 31, 56, 0.70);
  font-size: 20px;
  line-height: 200%;
  /* 32px */
  letter-spacing: 0.8px;
  font-weight: 700;
}

.employer_serviceLp .employerMv .box .ctaBtn_wrap {
  margin: 40px 0 0;
}

.employer_serviceLp .employerMv .box .ctaBtn_wrap .ctaBtn {
  display: flex;
  width: 390px;
  height: 52px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #fff;
  background: var(--AGENT_RED, #d10042);
  box-shadow: 4px 4px 10px 0px rgba(0, 40, 72, 0.5);
  padding: 0;
}

.employer_serviceLp .employerMv .box .ctaBtn_wrap .ctaBtn span {
  display: flex;
  padding: 6px 8px 7px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.employer_serviceLp .employerMv .box .ctaBtn_wrap .ctaBtn p {
  padding-top: 1px;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: 500;
  line-height: 22px;
}

.employer_serviceLp .employerMv .box .ctaBtn_wrap .ctaBtn .is_sp {
  display: none;
}


/* マイナビエージェントとは */
.employerAbout {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.employerAbout h2 {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  line-height: 150%;
  /* 57px */
  letter-spacing: 0.8px;
}

.employerAbout .box {
  margin-top: 42px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 36px;
}

.employerAbout img {}

.employerAbout .txt h3 {
  color: #002F7E;
  font-size: 23px;
  font-weight: 700;
  line-height: 170%;
  /* 39.1px */
  letter-spacing: 0.8px;
}

.employerAbout .txt p {
  margin-top: 19px;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  /* 32.4px */
  letter-spacing: 0.8px;
}

.employerAbout .txt p+p {
  margin-top: 10px;
  /* font-feature-settings: "palt" */
}




/* マイナビエージェントが選ばれる理由 */
.employerReason {
  padding: 100px 0;
  background: #E6EFF6;
}

.employerReason .box {
  margin: 0 auto;
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 32px;
  background: #fff;
}

.employerReason .employer_ttl {}

.employerReason .employer_ttl .en {}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employer_serviceLp .contentWrap .employerReason .employer_ttl h2 {
    font-size: 32px;
  }
}


.employerReason .items {
  margin-top: 63px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.employerReason .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 34px;
}

.employerReason .item .txt {}

.employerReason .item .title {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex-direction: row;
}

.employerReason .item .title span {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background: #002F7E;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: Helvetica;
  font-size: 22px;
  font-weight: 700;
  line-height: 100%;
  /* 22px */
  letter-spacing: 0.8px;
}

.employerReason .item .title h3 {
  color: #002F7E;
  font-size: 23px;
  font-weight: 700;
  line-height: 170%;
  /* 39.1px */
  letter-spacing: 0.8px;
}

.employerReason .item p {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  /* 32.4px */
  letter-spacing: 0.8px;
  text-align: start;
}

.employerReason .item p .txt_borderYellow span {
  font-size: 14px;
  letter-spacing: 0.8px;
}


.employerReason .item img {
  width: 264px;
  height: 264px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}

.employerReason .note {
  margin-top: 40px;
  width: 100%;
  font-size: 10px;
  font-weight: 500;
  line-height: 120%;
  /* 12px */
  letter-spacing: 0.6px;
}

.employerReason .note span {
  display: block;
}

/* サービスの特徴 */
.employer_serviceLp .employerFeatures {
  padding: 100px 0;
}

.employer_serviceLp .employerFeatures .box {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.employer_serviceLp .employerFeatures .box .txtBox {
  margin: 40px 0 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.employer_serviceLp .employerFeatures .box .txtBox h3 {
  color: var(--Text_default, #333);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 1.2px;
}

.employer_serviceLp .employerFeatures .box .txtBox h3 .txt_borderYellow {
  position: relative;
  color: #002F7E;
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.6px;
  background: linear-gradient(transparent 60%, #FFC000 0%);
  display: inline;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employer_serviceLp .employerFeatures .box .txtBox h3 .txt_borderYellow {
    font-size: 30px;
  }
}

.employer_serviceLp .employerFeatures .box .txtBox p {
  color: var(--Text_default, #333);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerFeatures .box .tableWrap {
  filter: drop-shadow(0px 0px 10px #E5EEF6);
  margin: 60px 0 0;
}


.employer_serviceLp .employerFeatures .box .tableWrap h3 {
  display: flex;
  padding: 13px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px 16px 0px 0px;
  background: #002F7E;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  line-height: 150%;
  /* 29.9px */
  letter-spacing: 1.15px;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table {
  display: flex;
  padding: 22px 38px 35px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 0 0 16px 16px;
  border: solid #e5e5e6;
  border-width: 0px 2px 2px;
  background: #fff;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th {
  padding: 0 0 24px;
  border: none;
  background: rgba(0, 0, 0, 0);
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:first-of-type {
  width: 151px;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:last-of-type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:last-of-type .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #002F7E;
  gap: 4px;
  transition: 0.3s;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:last-of-type .inner span {
  color: #002F7E;
  text-align: center;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0.6px;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:last-of-type a {
  transition: 0.3s;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th:last-of-type a:hover {
  opacity: 0.8;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr th {
  padding: 24px 0;
  border-top: solid 1px #c8c8c8;
  background: #f7f7f7;
  color: var(--Text_default, #333);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.9px;
  vertical-align: middle;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr td {
  padding: 24px 16px;
  border-top: solid 1px #c8c8c8;
  color: var(--Text_default, #333);
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 1px;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr .bgBlue {
  background: #eff2f8;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr .bgRed {
  background: #fdebec;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr .txtCenter {
  text-align: center;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr .txtBlue {
  color: #002F7E;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr .txtRed {
  color: #e50111;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr:last-of-type td ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr:last-of-type td ul li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  text-align: start;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table tr:last-of-type td ul li svg {
  position: relative;
  top: -2px;
  flex-shrink: 0;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th img {
  max-width: 236px;
}

.employer_serviceLp .employerFeatures .box .tableWrap .table table .logo th img.mytenLogo {
  max-width: 189px;
}

/* 採用目的に応じたソリューション */
.employerSolution {
  padding: 100px 0;
  background-color: #E6EFF6;
}

.employer_serviceLp .contentWrap .employerSolution .ttl+p {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.8px;
}

.employerSolution .items-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.employerSolution .items-wrap+.items-wrap {
  padding-top: 60px;
}


.employerSolution .items-wrap h3 {
  text-align: center;

}

.employer_serviceLp .contentWrap .employerSolution .items-wrap h3 span {
  color: #184081;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  /* 28px */
  letter-spacing: 0.8px;
}

.employerSolution .profession .item {
  width: 30.5%;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employerSolution .profession .item {
    width: 50.5%;
  }
}

.employerSolution .usage .item {
  margin: 0 auto;
  width: 60.7%;
}

.employerSolution .usage .item img {
  border-radius: 14px;
}

.employerSolution .usage .item p {
  margin-top: 24px;
}

.employerSolution .usage .item img {
  max-width: 100%;
  height: auto;
}

.employerSolution .usage .item .btn {
  width: 357px;
  max-width: 100%;
}

.employerSolution .items {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employerSolution .items {
    flex-direction: column;
    align-items: center;
  }
}

.employerSolution .item {
  border-radius: 20px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 33px 32px;
}



.employerSolution .item h4 {
  margin-top: 24px;
  font-size: 23px;
  font-weight: 700;
  line-height: 150%;
  /* 34.5px */
  letter-spacing: 0.8px;
}

.employerSolution .item p {
  margin-top: 9px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  /* 24px */
  letter-spacing: 0.8px;
}

.employerSolution .btn {
  margin-top: 25px;
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #002F7E;
  background: var(--white, #FFF);
  color: #002F7E;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  /* 18px */
  letter-spacing: 0.8px;
  transition: 0.3s;
}

.employerSolution .btn svg path {
  transition: 0.3s;
}

.employerSolution .btn:hover {
  background-color: #002f7e;
  color: #fff;
}

.employerSolution .btn:hover svg path {
  fill: #fff;
}


/* マイナビエージェントの登録者層 */
.employer_serviceLp .employerCustomerBase {
  background: url(../img/employerReason_bg.jpg) repeat center center/contain;
  margin: 0 auto;
  display: flex;
  padding: 100px 0px;
  flex-direction: column;
  align-items: center;
}

.employer_serviceLp .employerCustomerBase .ttl+p {
  color: var(--Text_default, #333);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerCustomerBase .items {
  margin: 60px 0 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.employer_serviceLp .employerCustomerBase .items .item-wrap {
  width: 100%;
  box-shadow: 4px 4px 10px 0px rgba(197, 207, 215, 0.5);

}

.employer_serviceLp .employerCustomerBase .items .item-wrap h3 {
  display: flex;
  padding: 13px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px 16px 0px 0px;
  background: #002F7E;
  color: var(--white, #FFF);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  /* 31.2px */
  letter-spacing: 1.2px;
}

.employer_serviceLp .employerCustomerBase .items .item-common,
.employer_serviceLp .employerCustomerBase .items .item03,
.employer_serviceLp .employerCustomerBase .items .item02,
.employer_serviceLp .employerCustomerBase .items .item01 {
  width: 100%;
  display: flex;
  padding: 32px 60px;
  align-items: center;
  gap: 40px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0 0 16px 16px;
  border: solid #002F7E;
  border-width: 0 1px 1px;
  background: #fff;
}

.employer_serviceLp .employerCustomerBase .items .item01 {
  padding-top: 40px;
}

.employer_serviceLp .employerCustomerBase .items .item-common .txt,
.employer_serviceLp .employerCustomerBase .items .item03 .txt,
.employer_serviceLp .employerCustomerBase .items .item02 .txt,
.employer_serviceLp .employerCustomerBase .items .item01 .txt {
  /* display: flex;
  flex-wrap: wrap;
  width: 601px; */
  gap: 14px 8px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 2列のグリッド */
}

.employer_serviceLp .employerCustomerBase .items .item-common .txt li,
.employer_serviceLp .employerCustomerBase .items .item03 .txt li,
.employer_serviceLp .employerCustomerBase .items .item02 .txt li,
.employer_serviceLp .employerCustomerBase .items .item01 .txt li {
  position: relative;
  color: var(--Text_default, #333);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  padding-left: 24.72px;
}

.employer_serviceLp .employerCustomerBase .items .item-common .txt li::before,
.employer_serviceLp .employerCustomerBase .items .item03 .txt li::before,
.employer_serviceLp .employerCustomerBase .items .item02 .txt li::before,
.employer_serviceLp .employerCustomerBase .items .item01 .txt li::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  -webkit-transform: translate(0%, 2%);
  transform: translate(0%, 2%);
  width: 16.72px;
  height: 16.72px;
  border-radius: 100px;
  background: #002F7E;
}

.employer_serviceLp .employerCustomerBase .items .item-common .graph_wrap,
.employer_serviceLp .employerCustomerBase .items .item03 .graph_wrap,
.employer_serviceLp .employerCustomerBase .items .item02 .graph_wrap,
.employer_serviceLp .employerCustomerBase .items .item01 .graph_wrap {
  width: 214px;
  height: 214px;
  position: relative;
  flex-shrink: 0;
}

.employer_serviceLp .employerCustomerBase .items .item-common .graph_wrap .graph,
.employer_serviceLp .employerCustomerBase .items .item03 .graph_wrap .graph,
.employer_serviceLp .employerCustomerBase .items .item02 .graph_wrap .graph,
.employer_serviceLp .employerCustomerBase .items .item01 .graph_wrap .graph {
  position: absolute;
  top: -24%;
  left: -22%;
  width: 308px;
  height: 308px;
  pointer-events: none;
}

.employer_serviceLp .employerCustomerBase .items .item-common .graph_wrap .graph .center_txt,
.employer_serviceLp .employerCustomerBase .items .item03 .graph_wrap .graph .center_txt,
.employer_serviceLp .employerCustomerBase .items .item02 .graph_wrap .graph .center_txt,
.employer_serviceLp .employerCustomerBase .items .item01 .graph_wrap .graph .center_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75.24px;
  height: 75.24px;
  background: #fff;
  border-radius: 100px;
  color: var(--Text_default, #333);
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.employer_serviceLp .employerCustomerBase .items .item01 .txt li:nth-of-type(2)::before {
  background: #80afd5;
}

.employer_serviceLp .employerCustomerBase .items .item01 .txt li:nth-of-type(3)::before {
  background: #0a9fc2;
}

.employer_serviceLp .employerCustomerBase .items .item01 .txt li:nth-of-type(4)::before {
  background: #85cfe1;
}

.employer_serviceLp .employerCustomerBase .items .item01 .txt li:nth-of-type(5)::before {
  background: #0bc4c1;
}

.employer_serviceLp .employerCustomerBase .items .item01 .txt li:nth-of-type(6)::before {
  background: #85e2e0;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt {
  width: 594px;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(2)::before {
  background: #4086c0;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(3)::before {
  background: #80afd5;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(4)::before {
  background: #bfd7ea;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(5)::before {
  background: #0a9fc2;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(6)::before {
  background: #47b7d1;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(7)::before {
  background: #85cfe1;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(8)::before {
  background: #c2e7f0;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(9)::before {
  background: #0bc4c1;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(10)::before {
  background: #48d3d1;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(11)::before {
  background: #85e2e0;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(12)::before {
  background: #c2f0f0;
}

.employer_serviceLp .employerCustomerBase .items .item02 .txt li:nth-of-type(13)::before {
  background: #eef2f8;
}

.employer_serviceLp .employerCustomerBase .items .item02 .graph_wrap .graph {
  position: absolute;
  top: -24%;
  left: -22%;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(2)::before {
  background: #4086c0;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(3)::before {
  background: #80afd5;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(4)::before {
  background: #bfd7ea;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(5)::before {
  background: #0a9fc2;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(6)::before {
  background: #47b7d1;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(7)::before {
  background: #85cfe1;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(8)::before {
  background: #c2e7f0;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(9)::before {
  background: #0bc4c1;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(10)::before {
  background: #48d3d1;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(11)::before {
  background: #85e2e0;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(12)::before {
  background: #c2f0f0;
}

.employer_serviceLp .employerCustomerBase .items .item03 .txt li:nth-of-type(13)::before {
  background: #eef2f8;
}

.employer_serviceLp .employerCustomerBase .note {
  margin: 16px 0 0;
}

.employer_serviceLp .employerCustomerBase .note p {
  color: var(--Text_default, #333);
  text-align: right;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.6px;
}

.employer_serviceLp .employerFlow {
  padding: 100px 0;
  background: #e6eff6;
}

.employer_serviceLp .employerFlow .box {
  margin: 0 auto;
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 32px;
  background: #fff;
}

.employer_serviceLp .employerFlow .box p {
  color: var(--Text_default, #333);
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  /* 19.2px */
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerFlow .box .items {
  margin: 60px 0 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 72px 24px;
  flex-wrap: wrap;
}

.employer_serviceLp .employerFlow .box .items .inner {
  display: contents;
}

.employer_serviceLp .employerFlow .box .items .item {
  display: flex;
  width: 31.6%;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employer_serviceLp .employerFlow .box .items .item {
    width: 30.6%;
  }
}

.employer_serviceLp .employerFlow .box .items .item .itemNum {
  order: 1;
  color: #002F7E;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1px;
}

.employer_serviceLp .employerFlow .box .items .item h3 {
  order: 2;
  margin: 14px 0 0;
  color: var(--Text_default, #333);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.2px;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .employer_serviceLp .employerFlow .box .items .item h3 {
    font-size: 17px;
  }
}

.employer_serviceLp .employerFlow .box .items .item .img_wrap {
  order: 3;
  margin: 24px auto 0;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  width: 82%;
}

.employer_serviceLp .employerFlow .box .items .item .img_wrap img {
  aspect-ratio: 1 / 1;

}

.employer_serviceLp .employerFlow .box .items .item p {
  order: 4;
  margin: 24px 0 0;
  color: var(--Text_default, #333);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerFlow .box .items .item p span {
  color: var(--Text_default, #333);
  font-weight: 600;
}

.employer_serviceLp .employerRelatedService {
  background: #d1dfef;
  padding: 100px 0px;
}

.employer_serviceLp .employerRelatedService .wrap .main_box {
  margin: 60px 0 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item {
  width: 32.642958%;
  transition: 0.3s;
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item img {
  border-radius: 8px;
  box-shadow: 4px 4px 10px 0px rgba(197, 207, 215, 0.5);
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item h3 {
  margin: 16px 0 0;
  color: var(--Text_default, #333);
  font-size: 22px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 1px;
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item p {
  margin: 8px 0 0;
  color: var(--Text_default, #333);
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item a {
  transition: 0.3s;
}

.employer_serviceLp .employerRelatedService .wrap .main_box .item a:hover {
  opacity: 0.8;
}

.employer_serviceLp .employerRelatedService .wrap .sub_box {
  margin: 48px 0 0;
  display: flex;
  justify-content: space-between;
  align-content: center;
}

.employer_serviceLp .employerRelatedService .wrap .sub_box a {
  width: 14.54%;
  transition: 0.3s;
}

.employer_serviceLp .employerRelatedService .wrap .sub_box a:hover {
  opacity: 0.8;
}

.employer_serviceLp .employerRelatedService .wrap .sub_box img {
  border-radius: 8px;
  box-shadow: 4px 4px 10px 0px rgba(197, 207, 215, 0.5);
}

.employer_serviceLp .employerFaq {
  padding: 100px 0;
  background: #e6eff6;
}

.employer_serviceLp .employerFaq .wrap {
  margin: 0 auto;
}

.employer_serviceLp .employerFaq .wrap .items {
  margin: 60px 0 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.employer_serviceLp .employerFaq .wrap .items .item {
  width: 100%;
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  background: #fff;
}

.employer_serviceLp .employerFaq .wrap .items .item .inner {
  display: flex;
  align-items: start;
  gap: 16px;
  align-self: stretch;
}

.employer_serviceLp .employerFaq .wrap .items .item .inner span {
  font-size: 25px;
  font-weight: 600;
  line-height: 22px;
}

.employer_serviceLp .employerFaq .wrap .items .item .inner h3 {
  color: var(--Text_default, #333);
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.8px;
}

.employer_serviceLp .employerFaq .wrap .items .item p {
  color: var(--Text_default, #333);
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.9px;
}

.employer_serviceLp .employerFaq .wrap .items .item .innerQ span {
  color: #002F7E;
}

.employer_serviceLp .employerFaq .wrap .items .item .innerA span {
  color: #afafaf;
}

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

.footerSitelinkArea {
  border-top: 1px solid #d9d9d9 !important;
}

.footer__otherlinkArea {
  width: 100% !important;
}

.footerSitelinkArea .footerList {
  justify-content: flex-start !important;
}

.footer__otherlinkArea .footerList {
  justify-content: flex-start;
  gap: 30px;
}

.employer_serviceLp .ctaBtn_wrap_fixed {
  display: none;
}

.footerSitelinkArea .footerListBox--other .footerList__item:nth-of-type(1) {
  order: 1;
}

.footerSitelinkArea .footerListBox--other .footerList__item:nth-of-type(2) {
  order: 3;
}

.footerSitelinkArea .footerListBox--other .footerList__item:nth-of-type(3) {
  order: 5;
}

.footerSitelinkArea .footerListBox--other .footerList__item:nth-of-type(4) {
  order: 2;
}

.footerSitelinkArea .footerListBox--other .footerList__item:nth-of-type(5) {
  order: 4;
}

.footerSitelinkArea .footerListBox--specialty .footerList__item {
  position: relative;
}

.footerSitelinkArea .footerListBox--specialty .footerList__item:after {
  content: "";
  background: url(/resource/common/img/icon_blank_01.svg) no-repeat center;
  background-size: contain;
  margin-left: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 10px;
  width: 10px;
}

.footerSitelinkArea .footerListBox--specialty .footerList__item.pc:after {
  display: none;
}

#code_kenko {
  display: none;
}

#magFooter {
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
}

#magFooter .globalFooter .footerHeaddingBox__tit {
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", "Meiryo", "Osaka", sans-serif;
  /*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;*/
}

/* ご紹介実績企業例　調整 */
.employer_serviceLp .contentWrap .sec1_row2 .corpresult {
  border-bottom: 1px solid #002F7E;
}

.employer_serviceLp .contentWrap .sec1_row2 .corpresult .slide .list__item {}

.employer_serviceLp .contentWrap .sec1_row2 .corpresult .h2 {
  color: #002F7E;
}



.employer_serviceLp .contentWrap .sec1_row2 .corpresult .sec1_row2-container {
  display: flex;
  justify-content: center;
}

.employer_serviceLp .contentWrap .sec1_row2 .corpresult .sec1_row2-content {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  gap: 28px 48px;
  align-items: center;
  justify-content: center;
}



.employer_serviceLp .contentWrap .sec1_row2 .slide::before {
  display: none;
}

.employer_serviceLp .contentWrap .sec1_row2 .slide::after {
  display: none;
}