/* agent用CTAボタン */
.agentCtaWrap {
  display: flex;
  justify-content: center;
  gap: clamp(12px, 2.3vw, 25px);
}

/*  job-example ＆ flow 共通Fv*/
.hatarakko__ttl {
  background: url(../img/agent/agent_fv-bg.png) top / cover no-repeat;
}
.hatarakko__ttl__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: clamp(25px, 4.5vw, 60px) 10px;
}
.hatarakko__ttl__inner__ttlWrap {
  display: flex;
  gap: clamp(10px, 1.5vw, 15px);
  align-items: center;
}
.hatarakko__ttl__inner__ttlWrap__img {
  width: clamp(76px, 10vw, 95px);
}
.hatarakko__ttl__inner__ttlWrap__txt {
  display: flex;
  flex-direction: column;
  row-gap: clamp(5px, 1vw, 20px);
  color: var(--blue--agent);
}
.hatarakko__ttl__inner__ttlWrap__txt__small {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: clamp(1px, 0.2vw, 1.92px);
}

/* agent（はたらっこTOP）
--------------------------------------------------------------- */
.agent__wrap {
  flex-direction: column;
}
.agent__sectionTtl {
  color: var(--blue--agent);
  font-size: clamp(1.8rem, 2.4vw, 2.8rem);
  font-weight: 700;
  line-height: clamp(18px, 2.4vw, 28px);
  letter-spacing: clamp(2.2px, 0.3vw, 3.4px);
  text-align: center;
}
.agent__heighlight {
  background-image: linear-gradient(0deg, #ffff00 0.6em, transparent 0.6em);
  padding: 0 1px 2px 3px;
}
.br520 {
  display: none;
}

/* mv */
.agent__wrap__mv {
  background: url(../img/agent/agent_fv-bg.png) top / cover no-repeat;
}
.agent__wrap__mv__inner {
  justify-content: space-between;
  position: relative;
  padding-bottom: clamp(35px, 3.5vw, 42px);
  align-items: center;
}
.agent__wrap__mv__inner__left {
  flex-direction: column;
  position: relative;
  width: 50%;
  height: 100%;
  margin-top: clamp(20px, 5.3vw, 60px);
  margin-left: clamp(1px, 4.2vw, 60px);
  margin-right: -250px;
  z-index: 2;
}
.agent__wrap__mv__inner__left__ttl {
  gap: 10px;
  margin-left: clamp(10px, 1.4vw, 20px);
}
.agent__wrap__mv__inner__left__ttl__img {
  width: clamp(78px, 8.5vw, 95px);
}
.agent__wrap__mv__inner__left__ttl__txt {
  flex-direction: column;
  justify-content: center;
  row-gap: 8px;
  color: var(--blue--agent);
}
.agent__wrap__mv__inner__left__ttl__txt__small {
  font-size: clamp(1.8rem, 2.3vw, 2rem);
  font-weight: 700;
  line-height: clamp(17.7px, 2.2vw, 20.5px);
  letter-spacing: clamp(2.12px, 0.3vw, 2.46px);
}
.agent__wrap__mv__inner__left__ttl__txt__big {
  font-size: clamp(4.3rem, 5.4vw, 5rem);
  font-weight: 700;
  line-height: clamp(43.2px, 5.4vw, 50.3px);
  letter-spacing: 6.04px;
}
.agent__wrap__mv__inner__left__bubble {
  position: relative;
  width: fit-content;
  text-align: center;
  color: var(--blue--agent);
  padding: clamp(15px, 1.9vw, 25px);
  padding-left: 25px;
  padding-bottom: clamp(30px, 3.9vw, 45px);
  margin-top: 20px;
}
.agent__wrap__mv__inner__left__bubble::before {
  position: absolute;
  content: "";
  inset: 0;
  background-image: url("../img/agent/agent_fv-bubble.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.agent__wrap__mv__inner__left__bubble__smallTxt {
  display: inline-block;
  font-size: clamp(1.8rem, 2.1vw, 2.2rem);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 1.64px;
  background-image: linear-gradient(0deg, #ffff00 0.4em, transparent 0.4em);
  padding-bottom: 3px;
}
.agent__wrap__mv__inner__left__bubble__bigTxt {
  display: inline-block;
  font-size: clamp(2.7rem, 3.3vw, 3.4rem);
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 2.08px;
  background-image: linear-gradient(0deg, #ffff00 0.4em, transparent 0.4em);
  padding-bottom: 8px;
  margin-top: 10px;
}
.agent__wrap__mv__inner__left__subTtl {
  flex-direction: column;
  row-gap: clamp(20px, 3vw, 40px);
  font-size: clamp(2.7rem, 3.1vw, 3.4rem);
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 4.08px;
  margin-top: clamp(15px, 1.9vw, 25px);
}
.agent__wrap__mv__inner__left__subTtl__highlight {
  color: #fff;
  font-size: clamp(2.7rem, 2.9vw, 3rem);
  font-weight: 900;
  line-height: 34px;
  letter-spacing: clamp(4px, 0.4vw, 4.5px);
  background-color: var(--blue--agent);
  border-radius: clamp(12px, 1.5vw, 15px);
  padding-top: clamp(5px, 0.7vw, 10px);
  padding-right: clamp(15px, 2.1vw, 30px);
  padding-bottom: clamp(8px, 1.1vw, 15px);
  padding-left: clamp(20px, 2.8vw, 40px);
}
.agent__wrap__mv__inner__left__btnWrap {
  gap: clamp(10px, 1.2vw, 15px);
  padding-top: clamp(20px, 2.9vw, 40px);
}
.agent__wrap__mv__inner__right {
  width: 80%;
  margin-right: -110px;
  z-index: 1;
}
.agent__wrap__mv__inner__right__imgWrap__img {
  aspect-ratio: 1774/1084;
  object-fit: cover;
  object-position: top;
}

/* advantage */
.agent__wrap__advantage {
  background-color: var(--blue--agent);
}
.agent__wrap__advantage__inner {
  flex-direction: column;
  row-gap: clamp(50px, 5vw, 70px);
}
.agent__wrap__advantage__inner__ttl {
  color: #fff;
  line-height: 28px;
}
.br530 {
  display: none;
}
.agent__wrap__advantage__inner__contents {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 50px;
  column-gap: clamp(43px, 3.5vw, 50px);
}
.advantage__itemWrap--big {
  display: flex;
  justify-content: center;
  width: 100%;
}
.agent__wrap__advantage__inner__contents__item {
  display: flex;
  flex: 0 0 calc((100% - clamp(43px, 3.5vw, 50px) * 2) / 3);
  flex-direction: column;
  align-items: center;
  column-gap: 30px;
  row-gap: 15px;
  position: relative;
  max-width: 310px;
  background-color: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  padding: clamp(30px, 3.4vw, 35px) clamp(15px, 1.5vw, 20px);
}
.agent__wrap__advantage__inner__contents__item::before {
  position: absolute;
  content: "メリット" attr(data-number);
  top: 0;
  left: 50%;
  width: max-content;
  transform: translate(-50%, -50%);
  color: var(--blue--agent);
  font-size: clamp(1.4rem, 1.9vw, 1.6rem);
  font-weight: 700;
  line-height: clamp(14px, 1.9vw, 16px);
  letter-spacing: clamp(1.7px, 0.2vw, 1.9px);
  background-color: #ffff00;
  border-radius: 25px;
  padding: clamp(8px, 1.2vw, 10px) clamp(13px, 2.2vw, 20px);
}
.advantage__item--big {
  flex: 0 0 auto;
  flex-direction: row;
  justify-content: center;
  width: 52%;
  min-width: 580px;
  padding: 20px;
}
.advantage__item__imgWrap--big {
  width: 35%;
}
.agent__wrap__advantage__inner__contents__item__txtWrap {
  flex-direction: column;
  row-gap: 15px;
}
.agent__wrap__advantage__inner__contents__item__txtWrap__txt {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 35.2px;
  letter-spacing: 1px;
}
.agent__wrap__advantage__inner__contents__item__txt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 28.8px;
  letter-spacing: 1.26px;
  text-align: center;
}
.agent__wrap__advantage__inner__contents__item__txtWrap__btn,
.agent__wrap__advantage__inner__contents__item__btn {
  color: var(--blue--agent);
  line-height: 27px;
  letter-spacing: 0;
}
.agent__wrap__advantage__inner__contents__item__txtWrap__btn__txt,
.agent__wrap__advantage__inner__contents__item__btn__txt {
  width: max-content;
  font-size: clamp(1.5rem, 1.7vw, 1.8rem);
  padding: clamp(5px, 0.8vw, 10px) 40px clamp(5px, 0.8vw, 10px) 30px;
}

/* job */
.agent__wrap__job {
  background-color: var(--blue--light);
}
.agent__wrap__job__inner {
  flex-direction: column;
  gap: clamp(30px, 3.9vw, 40px);
  position: relative;
}
.agent__wrap__job__inner__contents__swiper__wrapper {
  display: flex;
  padding-bottom: 5px;
}
.agent__wrap__job__inner__contents__swiper__wrapper .swiper-slide {
  height: auto;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card {
  border: 2px solid var(--blue--agent);
  border-radius: clamp(17px, 2.1vw, 25px);
  background-color: #fff;
  padding: 18px;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__imgWrap {
  aspect-ratio: 27 / 16;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__imgWrap__img {
  width: 100%;
  height: auto;
  border-radius: clamp(15px, 1.9vw, 20px);
  object-fit: cover;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--blue--agent);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: clamp(28.8px, 3.6vw, 31.8px);
  letter-spacing: 0;
  margin-top: 10px;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__ttl__txt {
  border-bottom: 1px solid var(--blue--agent);
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__jobType {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(8px, 0.7vw, 10px);
  row-gap: 5px;
  width: 100%;
  margin-top: 10px;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__jobType__item {
  font-size: 1rem;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.7px;
  border: 1px solid var(--black);
  border-radius: 25px;
  padding: 5px 8px;
}
.agent__wrap__job__inner__contents__swiper__wrapper__card__discription {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 21.6px;
  letter-spacing: 0.9px;
  margin-top: 10px;
}
.agent__wrap__job__inner__contents__swiper__prevBtn,
.agent__wrap__job__inner__contents__swiper__nextBtn {
  background: url(../img/agent/agent_toggleArrow.png) no-repeat;
}
.agent__wrap__job__inner__contents__btn {
  color: var(--blue--agent);
  line-height: clamp(15px, 2.3vw, 27px);
  letter-spacing: 0;
  margin: 0 auto;
}
.agent__wrap__job__inner__contents__btn__txt {
  width: max-content;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}

/* service */
.agent__wrap__service__inner {
  flex-direction: column;
  gap: clamp(20px, 3.5vw, 40px);
}
.agent__wrap__service__inner__txtWrap {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-weight: 400;
  line-height: clamp(21.6px, 2.8vw, 28.8px);
  letter-spacing: clamp(1px, 0.2vw, 1.92px);
  margin-top: clamp(5px, 0.9vw, 10px);
}
.agent__wrap__service__inner__imgWrap {
  width: 100%;
  margin: 0 auto;
}
.agent__wrap__service__inner__btn {
  color: var(--blue--agent);
  line-height: clamp(20px, 2.5vw, 27px);
  letter-spacing: 0;
  margin: 0 auto;
}
.agent__wrap__service__inner__btn__txt {
  width: max-content;
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  padding: 10px 50px;
}

/* faq */
.agent__wrap__faq {
  background-color: var(--blue--light);
}
.agent__wrap__faq__inner {
  flex-direction: column;
  gap: clamp(30px, 3.9vw, 40px);
}
.agent__wrap__faq__inner__contents {
  flex-direction: column;
  gap: clamp(20px, 2.6vw, 30px);
}
.agent__wrap__faq__inner__contents__item {
  background-color: #fff;
  border-radius: clamp(13px, 2.2vw, 15px);
  padding: clamp(8px, 2.1vw, 24px) clamp(11px, 2.6vw, 30px);
}
.agent__wrap__faq__inner__contents__item__question {
  position: relative;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: 700;
  line-height: clamp(28.8px, 3.6vw, 36px);
  letter-spacing: clamp(1.1px, 0.15vw, 1.4px);
  cursor: pointer;
  padding-right: clamp(30px, 3.8vw, 40px);
}
.agent__wrap__faq__inner__contents__item__question,
.agent__wrap__faq__inner__contents__item__answer__inner {
  display: flex;
  align-items: flex-start;
  column-gap: clamp(5px, 1.4vw, 16px);
}
.agent__wrap__faq__inner__contents__item__question::before,
.agent__wrap__faq__inner__contents__item__question::after {
  position: absolute;
  content: "";
  background-color: var(--blue--agent);
  transition: 0.4s ease;
  opacity: 1;
}
.agent__wrap__faq__inner__contents__item__question::before {
  top: 6px;
  right: 9px;
  width: 2px;
  height: 20px;
}
.agent__wrap__faq__inner__contents__item__question::after {
  top: 15px;
  right: 0;
  width: 20px;
  height: 2px;
}
.agent__wrap__faq__inner__contents__item.is-open
  .agent__wrap__faq__inner__contents__item__question::before {
  opacity: 0;
}
.agent__wrap__faq__inner__contents__item__question__txt,
.agent__wrap__faq__inner__contents__item__answer__inner__txt {
  position: relative;
  padding-left: clamp(28px, 3.8vw, 45px);
}
.agent__wrap__faq__inner__contents__item__question__txt::before,
.agent__wrap__faq__inner__contents__item__answer__inner__txt::before {
  position: absolute;
  content: "";
  top: 0.4em;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.agent__wrap__faq__inner__contents__item__question__txt::before {
  width: clamp(20px, 2.8vw, 29px);
  height: clamp(20px, 2.8vw, 29px);
  background-image: url(../img/agent/agent_Q.svg);
}
.agent__wrap__faq__inner__contents__item__answer__inner__txt::before {
  width: clamp(19px, 2.6vw, 27px);
  height: clamp(19px, 2.6vw, 27px);
  background-image: url(../img/agent/agent_A.svg);
}
.agent__wrap__faq__inner__contents__item__answer {
  font-size: clamp(1.4rem, 1.8vw, 1.6rem);
  font-weight: 400;
  line-height: clamp(25.2px, 3.2vw, 32px);
  letter-spacing: clamp(0.98px, 0.13vw, 1.12px);
  max-height: 0;
  overflow: hidden;
  transition: 0.4s ease;
}
.agent__wrap__faq__inner__contents__item__answer__inner {
  padding-top: 20px;
}
.agent__wrap__faq__inner__btnWrap {
  padding-top: clamp(10px, 1.4vw, 20px);
}

@media (min-width: 1201px) {
  /* job */
  .agent__wrap__job__inner__contents__swiper__prevBtn,
  .agent__wrap__job__inner__contents__swiper__nextBtn {
    display: none;
  }
}
@media (max-width: 1200px) {
  /* mv */
  .agent__wrap__mv__inner__left {
    width: 60%;
    margin-left: 0;
  }
  /* advantage */
  .agent__wrap__advantage__inner__contents {
    column-gap: clamp(25px, 2.6vw, 31px);
  }
}
@media (max-width: 960px) {
  /* mv */
  .agent__wrap__mv__inner__left {
    width: 70%;
  }
  .agent__wrap__breadcrumb {
    order: -1;
  }
  /* advantage */
  .agent__wrap__advantage__inner__contents__item,
  .advantage__item--big {
    flex-direction: column;
    flex: 0 0 60%;
    min-width: 0;
    max-width: 100%;
    padding: 35px 20px;
  }
  .advantage__item__imgWrap--big {
    width: 50%;
  }
  .agent__wrap__advantage__inner__contents__item__txtWrap__txt,
  .agent__wrap__advantage__inner__contents__item__txt {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 1.4px;
    text-align: center;
  }
  .br960 {
    display: none;
  }
  .agent__wrap__advantage__inner__contents__item__txtWrap__btn,
  .agent__wrap__advantage__inner__contents__item__btn {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  /* mv */
  .agent__wrap__mv {
    background: url(../img/agent/agent_fv-bgSp.png) bottom / cover no-repeat;
  }
  .agent__wrap__mv__inner {
    flex-direction: column;
    padding-bottom: 0;
  }
  .agent__wrap__mv__inner__left {
    align-items: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: clamp(-130px, -17vw, -55px);
  }
  .agent__wrap__mv__inner__left__ttl {
    margin-left: 0;
  }
  .agent__wrap__mv__inner__left__ttl__txt__big {
    letter-spacing: 1px;
  }
  .agent__wrap__mv__inner__left__subTtl {
    text-align: center;
  }
  .agent__wrap__mv__inner__left__btnWrap {
    flex-direction: column;
    gap: 12px;
    width: 60%;
  }
  .agent__wrap__mv__inner__right {
    width: 100%;
    margin-right: 0;
  }
  .agent__wrap__mv__inner__right__imgWrap__img {
    aspect-ratio: 375/292;
    object-fit: cover;
    object-position: bottom;
  }
  /* advantage */
  .agent__wrap__advantage__inner__contents__item,
  .advantage__item--big {
    flex: 0 0 80%;
  }
  /* job */
  .agent__wrap__job__inner__contents__swiper {
    width: 80%;
    margin: 0 auto;
  }
  .agent__wrap__job__inner__contents__swiper__wrapper__card__ttl {
    -webkit-line-clamp: 3;
    letter-spacing: 1px;
  }
  .agent__wrap__job__inner__contents__swiper__wrapper__card__jobType {
    column-gap: 10px;
  }
  /* faq */
  .agent__wrap__faq__inner__contents__item__question::before {
    top: 7px;
    right: 7px;
    height: 16px;
  }
  .agent__wrap__faq__inner__contents__item__question::after {
    top: 14px;
    width: 16px;
  }
}
@media (max-width: 660px) {
  /* mv */
  .agent__wrap__mv__inner__left__btnWrap {
    width: 70%;
  }
}
@media (max-width: 570px) {
  /* mv */
  .agent__wrap__mv__inner__left__btnWrap {
    width: 80%;
  }
}
@media (max-width: 530px) {
  /* advantage */
  .br530 {
    display: block;
  }
}
@media (max-width: 520px) {
  .agentCtaWrap {
    flex-direction: column;
    gap: clamp(8px, 2vw, 10px);
    width: 100%;
    margin: 0 auto;
  }
  .br520 {
    display: block;
  }
  /* advantage */
  .agent__wrap__advantage__inner__contents__item,
  .advantage__item--big {
    flex: 0 0 100%;
  }
  /* job */
  .agent__wrap__job__inner__contents__swiper {
    width: 100%;
  }
  .agent__wrap__job__inner__contents__btn {
    letter-spacing: 1.05px;
  }
  .agent__wrap__job__inner__contents__btn__txt {
    padding: 10px 40px 10px 30px;
  }
  /* service */
  .agent__wrap__service__inner__imgWrap {
    width: 330px;
  }
  .agent__wrap__service__inner__btn {
    letter-spacing: 2px;
  }
  .agent__wrap__service__inner__btn::after {
    top: 50%;
    transform: translate(-50%, -50%) scale(1.3);
  }
  .agent__wrap__service__inner__btn__txt {
    padding: 8px 40px;
    border-radius: 50px;
  }
  /* faq */
  .agent__wrap__faq__inner__btnWrap {
    padding-top: 0;
  }
}
@media (max-width: 400px) {
  /* mv */
  .agent__wrap__mv__inner__left__subTtl {
    letter-spacing: 2px;
  }
  .agent__wrap__mv__inner__left__subTtl__highlight {
    letter-spacing: 2px;
  }
}

/* jobEx（求人一例）
--------------------------------------------------------------- */
.jobEx__wrap {
  flex-direction: column;
}

/* ttl */
.jobEx__wrap__ttl__inner__ttlWrap__txt__big {
  font-size: clamp(3.8rem, 4.8vw, 4.5rem);
  font-weight: 700;
  line-height: clamp(43.2px, 5.4vw, 54px);
  letter-spacing: clamp(5.18px, 0.8vw, 6.48px);
}

/* filter */
.jobEx__wrap__filter {
  background-color: var(--blue--agent);
}
.jobEx__wrap__filter__inner {
  flex-direction: column;
  row-gap: 40px;
  width: min(95%, 1100px);
  margin: 0 auto;
}
.jobEx__wrap__filter__inner__ttl {
  color: #fff;
}
.jobEx__wrap__filter__inner__contents {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: clamp(15px, 2vw, 24px);
}
.jobEx__wrap__filter__inner__contents__jobType {
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: clamp(1px, 0.2vw, 1.92px);
  border-radius: 25px;
  cursor: pointer;
  padding: 12px 20px;
}
.jobEx__wrap__filter__inner__contents__jobType:hover,
.jobEx__wrap__filter__inner__modal__inner__contents__jobType:hover {
  color: var(--blue--agent);
}
.jobType--active {
  color: var(--blue--agent);
}
/* filter / SPモーダル + プルダウン */
.jobEx__wrap__filter__inner__spToggle {
  display: none;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 1.92px;
  border-radius: 12px;
  padding: 15px 20px;
}
.jobEx__wrap__filter__inner__spToggle__iconWrap__icon {
  width: 8.4px;
  height: 14.4px;
  mask: url(../img/icon/btn-arrow.svg) no-repeat center / contain;
  -webkit-mask: url(../img/icon/btn-arrow.svg) no-repeat center / contain;
  background-color: var(--blue--agent);
  transform: rotate(90deg);
}
body.modal-open {
  overflow: hidden;
}
.jobEx__wrap__filter__inner__modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
}
.jobEx__wrap__filter__inner__modal__bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.jobEx__wrap__filter__inner__modal__inner {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-height: 84%;
  background: #fff;
  border-radius: 5px;
  padding: 10px 6px 10px 15px;
}
.jobEx__wrap__filter__inner__modal__inner__ttl {
  color: #fff;
  background-color: var(--blue--agent);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 25px;
  padding: 5px;
  margin: 0 14px 0 5px;
}
.jobEx__wrap__filter__inner__modal__inner__contents {
  overflow-y: auto;
  padding-right: 5px;
}
.jobEx__wrap__filter__inner__modal__inner__contents::-webkit-scrollbar {
  width: 4px;
}
.jobEx__wrap__filter__inner__modal__inner__contents::-webkit-scrollbar-thumb {
  background-color: #707070;
  border-radius: 25px;
}
.jobEx__wrap__filter__inner__modal__inner__contents::-webkit-scrollbar-track {
  background-color: #d9d9d9;
  border-radius: 25px;
}
.jobEx__wrap__filter__inner__modal__inner__contents__jobType {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  padding: 15px 10px;
}

/* job */
.jobEx__wrap__job {
  background-color: var(--blue--light);
}
.jobEx__wrap__job__inner {
  flex-direction: column;
  gap: clamp(30px, 3.8vw, 40px);
}
.jobEx__wrap__job__inner__jobTypeWrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  column-gap: clamp(30px, 3vw, 40px);
  row-gap: clamp(25px, 2.5vw, 35px);
  border: 1px solid var(--blue--agent);
  border-radius: clamp(20px, 2.5vw, 25px);
  background-color: #fff;
  padding: clamp(25px, 3.2vw, 40px);
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap {
  flex: 1 1 calc(50% - clamp(30px, 3vw, 40px));
  justify-content: center;
  align-items: center;
  background-color: var(--blue--light);
  border-radius: clamp(20px, 2.5vw, 25px);
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents {
  flex-direction: column;
  row-gap: 20px;
  padding: 30px 0;
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__ttl {
  color: var(--blue--agent);
  font-size: clamp(1.8rem, 2.5vw, 2.8rem);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.15em;
  text-align: center;
  padding: 0 clamp(40px, 4.6vw, 65px);
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap {
  align-items: center;
  width: max-content;
  border: 1px solid var(--blue--agent);
  border-radius: 50px;
  margin: 0 auto;
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__ttl,
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__num {
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.26px;
  text-align: center;
  padding: clamp(10px, 1.3vw, 18px) clamp(20px, 2.3vw, 25px);
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__ttl {
  color: #fff;
  background-color: var(--blue--agent);
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  border-radius: 50px 0 0 50px;
}
.jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__num {
  color: var(--blue--agent);
  background-color: #fff;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  border-radius: 0 50px 50px 0;
}
.jobEx__wrap__job__inner__jobTypeWrap__imgWrap {
  flex: 1 1 calc(50% - clamp(30px, 3vw, 40px));
  border-radius: clamp(20px, 2.5vw, 25px);
  overflow: hidden;
}
.jobEx__wrap__job__inner__jobTypeWrap__imgWrap__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap {
  flex-wrap: wrap;
  flex: 1 1 100%;
  align-items: stretch;
  column-gap: 20px;
  row-gap: 20px;
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 40px) / 3);
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-radius: clamp(20px, 2.5vw, 25px);
  background-color: var(--blue--light);
  padding: 18px clamp(18px, 1.8vw, 22px);
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--blue--agent);
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 28.8px;
  letter-spacing: 0.5px;
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__ttl__txt {
  border-bottom: 1px solid var(--blue--agent);
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__jobType {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(8px, 0.7vw, 10px);
  row-gap: 5px;
  width: 100%;
  margin-top: clamp(10px, 1.3vw, 15px);
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__jobType__item {
  font-size: 1rem;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.7px;
  background-color: #fff;
  border: 1px solid var(--black);
  border-radius: 25px;
  padding: 5px 8px;
}
.jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__discription {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 21.6px;
  letter-spacing: clamp(0.2px, 0.045vw, 0.5px);
  margin-top: clamp(10px, 1.3vw, 15px);
}

@media (max-width: 960px) {
  .jobEx__wrap__breadcrumb {
    order: -1;
  }
  /* job */
  .jobEx__wrap__job__inner__jobTypeWrap {
    row-gap: clamp(20px, 4vw, 25px);
    column-gap: clamp(20px, 2.7vw, 25px); /* 768~960pxのcolumn-gap基準 */
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap {
    flex: 1 1 calc(50% - clamp(20px, 2.7vw, 25px));
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents {
    row-gap: clamp(15px, 2vw, 20px);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__imgWrap {
    flex: 1 1 calc(50% - clamp(20px, 2.7vw, 25px));
  }
  .jobEx__wrap__job__inner__jobTypeWrap__itemWrap {
    column-gap: clamp(20px, 2.7vw, 25px);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item {
    width: calc(50% - clamp(20px, 2.7vw, 25px) / 2);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link {
    padding: 18px 22px;
  }
}
@media (max-width: 767px) {
  /* filter */
  .jobEx__wrap__filter__inner {
    width: 90%;
  }
  .jobEx__wrap__filter__inner__spToggle {
    display: flex;
  }
  .jobEx__wrap__filter__inner__contents {
    display: none;
  }
  .jobEx__wrap__filter__inner__contents.open {
    display: flex;
  }
  /* job */
  .jobEx__wrap__job__inner__jobTypeWrap {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    border-width: 2px;
    padding: clamp(20px, 4.2vw, 30px) clamp(18px, 4.2vw, 30px);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap {
    flex: 1 1 100%;
    border-radius: 0;
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents {
    padding: clamp(20px, 4vw, 30px) 5px;
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__ttl {
    padding: 0 clamp(30px, 7vw, 50px);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__ttl,
  .jobEx__wrap__job__inner__jobTypeWrap__ttlWrap__contents__numWrap__num {
    padding: 10px 25px;
  }
  .jobEx__wrap__job__inner__jobTypeWrap__imgWrap {
    flex: 1 1 100%;
    aspect-ratio: 291 / 160;
    border-radius: clamp(20px, 4vw, 25px);
  }
  .jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .hatarakko__ttl {
    background: url(../img/agent/agent_fv-bgSp.png) top / cover no-repeat;
  }
  .hatarakko__ttl__inner__ttlWrap__txt__small {
    font-size: 1.7rem;
    line-height: 17.7px;
  }
  /* job */
  .jobEx__wrap__job__inner__jobTypeWrap__itemWrap__item__link__ttl {
    letter-spacing: 0;
  }
}

/* jobDetail（求人詳細）
--------------------------------------------------------------- */
.jobDetail__wrap__article {
  background-color: var(--blue--light);
}
.jobDetail__wrap__article__inner {
  flex-direction: column;
  padding: clamp(20px, 3.5vw, 40px) 0;
}
.jobDetail__wrap__article__inner__jobTypeWrap {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 0.7vw, 10px);
  width: 100%;
}
.jobDetail__wrap__article__inner__jobTypeWrap__item {
  font-size: 1rem;
  font-weight: 700;
  line-height: 10px;
  letter-spacing: 0.7px;
  background-color: #fff;
  border: 1px solid var(--black);
  border-radius: 25px;
  padding: 5px 8px;
}
.jobDetail__wrap__article__inner__ttl {
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 700;
  line-height: clamp(28.8px, 4vw, 46.8px);
  letter-spacing: clamp(1.12px, 0.18vw, 1.82px);
  margin-top: 15px;
}
.jobDetail__wrap__article__inner__imgWrap {
  width: 66%;
  aspect-ratio: 680 / 450;
  border-radius: clamp(15px, 2.3vw, 25px);
  overflow: hidden;
  margin: clamp(20px, 3.5vw, 40px) auto;
}
.jobDetail__wrap__article__inner__imgWrap__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.jobDetail__wrap__article__inner__info,
.jobDetail__wrap__article__inner__content__txt {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-weight: 400;
  line-height: clamp(21.6px, 2.7vw, 28.8px);
  letter-spacing: clamp(0.84px, 0.12vw, 1.12px);
  border-radius: clamp(15px, 2.3vw, 25px);
  padding: clamp(15px, 2.3vw, 20px) clamp(20px, 3.5vw, 30px);
}
.jobDetail__wrap__article__inner__info {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.jobDetail__wrap__article__inner__info::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--blue--agent);
}
.jobDetail__wrap__article__inner__content {
  margin-top: clamp(30px, 4vw, 40px);
}
.jobDetail__wrap__article__inner__content__ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.26px;
  background-color: var(--blue--agent);
  border-radius: 50px;
  padding: clamp(12px, 2vw, 17px) clamp(20px, 3.5vw, 32px);
}
.jobDetail__wrap__article__inner__content__txt {
  background-color: #fff;
  margin-top: clamp(13px, 2vw, 20px);
}
.jobDetail__wrap__article__inner__btnWrap {
  width: max(31%, 320px);
  margin: clamp(30px, 4vw, 40px) auto 0;
}
.jobDetail__wrap__article__inner__linkWrap {
  margin-top: clamp(30px, 4vw, 40px);
}
.jobDetail__wrap__article__inner__linkWrap__link {
  text-align: center;
}
.jobDetail__wrap__article__inner__linkWrap__link__txt {
  color: var(--blue--agent);
  font-size: clamp(1.6rem, 2vw, 1.8rem);
  font-weight: 700;
  line-height: clamp(14px, 1.8vw, 18px);
  letter-spacing: clamp(1.26px, 0.16vw, 1.68px);
  border-bottom: 1px solid var(--blue--agent);
}

@media (max-width: 767px) {
  .jobDetail__wrap__article__inner__imgWrap {
    width: 83%;
    aspect-ratio: 331 / 200;
  }
}
@media (max-width: 520px) {
  .jobDetail__wrap__article__inner__imgWrap {
    width: 100%;
  }
  .jobDetail__wrap__article__inner__content__ttl {
    text-align: center;
  }
  .jobDetail__wrap__article__inner__btnWrap {
    width: 100%;
  }
}

/* flow（相談〜入社までの流れ）
--------------------------------------------------------------- */
.flow__wrap {
  flex-direction: column;
}

/* ttl */
.flow__wrap__ttl__inner__ttlWrap__txt__big {
  font-size: clamp(2.4rem, 3.5vw, 4rem);
  font-weight: 700;
  line-height: clamp(24px, 3.5vw, 40px);
  letter-spacing: clamp(1.5px, 0.4vw, 4.5px);
}

/* contents */
.flow__wrap__contents {
  background-color: var(--blue--light);
}
.flow__wrap__contents__inner {
  flex-direction: column;
  padding: clamp(40px, 5.5vw, 60px) 0 clamp(40px, 8vw, 80px);
}
.flow__wrap__contents__inner__card {
  display: flex;
  column-gap: clamp(20px, 2.8vw, 40px);
  position: relative;
  background-color: #fff;
  border: 2px solid var(--blue--agent);
  border-radius: clamp(20px, 2.8vw, 30px);
  padding: 35px clamp(20px, 2.8vw, 40px) clamp(20px, 2.6vw, 35px);
}
.flow__wrap__contents__inner__card::before {
  position: absolute;
  content: "STEP" attr(data-number);
  top: 0;
  left: 50%;
  width: max-content;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: clamp(1.6rem, 2.1vw, 1.8rem);
  font-weight: 700;
  line-height: clamp(16px, 2.1vw, 18px);
  letter-spacing: clamp(1.92px, 0.2vw, 2.16px);
  background-color: var(--blue--agent);
  border-radius: 25px;
  padding: 12px 22px;
}
.flow__wrap__contents__inner__card__imgWrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-width: 220px;
  background-color: var(--blue--light);
  border-radius: clamp(20px, 2.8vw, 30px);
}
.flow__wrap__contents__inner__card__imgWrap__img {
  width: auto;
  height: 147px;
}
.flow__wrap__contents__inner__card__txtWrap {
  flex-direction: column;
  flex: 1;
  row-gap: clamp(12px, 1.5vw, 20px);
  padding-top: clamp(8px, 1.1vw, 15px);
}
.flow__wrap__contents__inner__card__txtWrap__ttl {
  color: var(--blue--agent);
  font-size: clamp(2rem, 2.6vw, 2.4rem);
  font-weight: 700;
  line-height: 24px;
  letter-spacing: clamp(1.4px, 0.3vw, 2.88px);
}
.flow__wrap__contents__inner__card__txtWrap__txt {
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  font-weight: 400;
  line-height: clamp(21.6px, 2.8vw, 28.8px);
  letter-spacing: 1.12px;
}
.flow__wrap__contents__inner__arrow {
  width: 60px;
  height: 15px;
  margin: clamp(20px, 2.6vw, 25px) auto clamp(35px, 4.5vw, 40px);
}
.flow__wrap__contents__inner__btnWrap {
  padding-top: clamp(30px, 5vw, 55px);
}

@media (max-width: 960px) {
  .flow__wrap__breadcrumb {
    order: -1;
  }
}
@media (max-width: 767px) {
  /* contents */
  .flow__wrap__contents__inner__card {
    flex-direction: column;
    align-items: center;
    padding: 35px clamp(28px, 5.3vw, 35px) clamp(28px, 5.3vw, 35px);
  }
  .flow__wrap__contents__inner__card__imgWrap {
    width: 60%;
    min-width: 291px;
  }
  .flow__wrap__contents__inner__card__txtWrap {
    row-gap: clamp(12px, 2.7vw, 20px);
    padding-top: clamp(8px, 2.1vw, 15px);
  }
  .flow__wrap__contents__inner__card__txtWrap__ttl {
    text-align: center;
    line-height: 32px;
  }
  .flow__wrap__contents__inner__card__txtWrap__txt {
    letter-spacing: 0.05em;
  }
}
@media (max-width: 520px) {
  /* contents */
  .flow__wrap__contents__inner__card__imgWrap {
    width: 100%;
    min-width: 0;
  }
  .flow__wrap__contents__inner__card {
    padding: 35px clamp(20px, 5.3vw, 28px) clamp(20px, 5.3vw, 28px);
  }
}