@charset "UTF-8";
/* ========== ========== ==========
個別部
========== ========== ========== */
.FVSubPage_content {
  top: calc(50% + 1.9097222222vw + 20px);
}

.FVSubPage_title {
  margin-bottom: 0;
  position: relative;
  bottom: calc(clamp(10px, calc(40 / var(--base-width-pc) * 100vw), 40px) * -1);
}

.FVSubPage_title_ja {
  background-color: #1E4480;
}

@media screen and (max-width: 768px) {
  .FVSubPage_text1 {
    text-align: left;
  }
}

.FVSubPage_image_back {
  height: calc(20.8333333333vw + 100vh);
  max-height: initial;
}

.jobs {
  padding-block: clamp(53.33px, calc(80 / var(--base-width-pc) * 100vw), 80px) clamp(117.5px, calc(235 / var(--base-width-pc) * 100vw), 235px);
  background-color: rgba(231, 239, 244, 0.9);
}
.jobs.-technical {
  background-color: rgba(231, 240, 231, 0.9);
}
.jobs.-office {
  background-color: rgba(231, 233, 240, 0.9);
  margin-bottom: var(--margin-bottom1);
}
.jobs_title {
  font-size: clamp(20px, calc(40 / var(--base-width-pc) * 100vw), 40px);
  text-align: center;
  margin-bottom: clamp(45px, calc(90 / var(--base-width-pc) * 100vw), 90px);
  font-weight: 500;
  font-family: "Josefin Sans", "Noto sans JP", sans-serif;
}
.jobs_title_jp {
  font-size: clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  display: block;
  font-weight: 600;
  font-family: "Noto sans JP", sans-serif;
  padding-top: 5px;
}
.jobs_ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(62px, calc(93 / var(--base-width-pc) * 100vw), 93px) min(calc(46 / var(--base-width-pc) * 100vw), 46px);
}
@media screen and (max-width: 1000px) {
  .jobs_ul {
    flex-direction: column;
  }
}
.jobs_li {
  width: calc((100% - min(calc(46 / var(--base-width-pc) * 100vw), 46px)) / 2);
  position: relative;
  background-color: white;
  padding-top: clamp(50px, calc(75 / var(--base-width-pc) * 100vw), 75px);
  padding-inline: min(calc(47 / var(--base-width-pc) * 100vw), 47px);
  border-bottom: solid 8px #656565;
}
@media screen and (max-width: 1000px) {
  .jobs_li {
    width: 100%;
    padding-top: clamp(60px, 11.25vw, 90px);
  }
}
.jobs_li_icon {
  position: absolute;
  left: clamp(12px, calc(18 / var(--base-width-pc) * 100vw), 18px);
  top: -13px;
  width: clamp(43px, calc(86 / var(--base-width-pc) * 100vw), 86px);
  aspect-ratio: 1/1;
}
.jobs_li_icon:where(.-salse *) {
  background-color: #2B5C95;
  padding: clamp(6px, calc(18 / var(--base-width-pc) * 100vw), 18px);
}
.jobs_li_icon:where(.-technical *) {
  background-color: #006419;
  padding: clamp(6px, calc(18 / var(--base-width-pc) * 100vw), 18px);
}
.jobs_li_icon:where(.-office *) {
  background-color: #791371;
  padding: clamp(6px, calc(18 / var(--base-width-pc) * 100vw), 18px);
}
@media screen and (max-width: 1000px) {
  .jobs_li_icon {
    width: clamp(50px, 10vw, 80px);
  }
}
.jobs_li_title {
  text-align: center;
  font-family: "Josefin Sans", "Noto sans JP", sans-serif;
  margin-bottom: clamp(46.67px, calc(70 / var(--base-width-pc) * 100vw), 70px);
}
.jobs_li_title_en {
  color: #B2B2B2;
  font-size: clamp(13.33px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  font-weight: 500;
}
.jobs_li_title_jp {
  display: block;
  font-size: clamp(22.67px, calc(34 / var(--base-width-pc) * 100vw), 34px);
  line-height: 1.2;
  color: #2468C6;
}
.jobs_li_title_jp,
.jobs_li_title_jp span {
  font-weight: 700;
}
.jobs_li_title_jp:where(.-technical *) {
  color: #0A6419;
}
.jobs_li_text1 {
  font-weight: 600;
  font-size: 16px;
  line-height: 2.1875;
  min-height: clamp(180px, 572.73px - 27.27vw, 300px);
}
@media screen and (max-width: 1000px) {
  .jobs_li_text1 {
    min-height: 0;
    margin-bottom: 30px;
  }
}
.jobs_li_text2 {
  position: absolute;
  bottom: clamp(10px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  font-weight: 600;
  font-size: clamp(14px, calc(16 / var(--base-width-pc) * 100vw), 16px);
}
.jobs_li_image {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  margin-inline: auto;
  width: 100%;
  height: clamp(175.33px, calc(263 / var(--base-width-pc) * 100vw), 263px);
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 768px) {
  .jobs_li_image {
    height: initial;
  }
}
.jobs_li:where(.-salse *):nth-of-type(1) .jobs_li_image {
  width: clamp(123.33px, calc(185 / var(--base-width-pc) * 100vw), 185px);
}
.jobs_li:where(.-salse *):nth-of-type(2) .jobs_li_image {
  width: clamp(158.67px, calc(238 / var(--base-width-pc) * 100vw), 238px);
}
.jobs_li:where(.-salse *):nth-of-type(3) .jobs_li_image {
  width: clamp(218px, calc(327 / var(--base-width-pc) * 100vw), 327px);
}
.jobs_li:where(.-salse *):nth-of-type(4) .jobs_li_image {
  width: clamp(208.67px, calc(313 / var(--base-width-pc) * 100vw), 313px);
}
.jobs_li:where(.-salse *):nth-of-type(5) .jobs_li_image {
  width: clamp(172px, calc(258 / var(--base-width-pc) * 100vw), 258px);
}
.jobs_li:where(.-salse *):nth-of-type(6) .jobs_li_image {
  width: clamp(216.67px, calc(325 / var(--base-width-pc) * 100vw), 325px);
}
.jobs_li:where(.-technical *):nth-of-type(1) .jobs_li_image {
  width: clamp(164.67px, calc(247 / var(--base-width-pc) * 100vw), 247px);
}
.jobs_li:where(.-technical *):nth-of-type(2) .jobs_li_image {
  width: clamp(138px, calc(207 / var(--base-width-pc) * 100vw), 207px);
}
.jobs_li:where(.-office *):nth-of-type(1) .jobs_li_image {
  width: clamp(198px, calc(297 / var(--base-width-pc) * 100vw), 297px);
}
.jobs_li:where(.-office *):nth-of-type(2) .jobs_li_image {
  width: clamp(174.67px, calc(262 / var(--base-width-pc) * 100vw), 262px);
}
.jobs_li:where(.-office *):nth-of-type(3) .jobs_li_image {
  width: clamp(159.33px, calc(239 / var(--base-width-pc) * 100vw), 239px);
}
.jobs_li:where(.-office *):nth-of-type(4) .jobs_li_image {
  width: clamp(128.67px, calc(193 / var(--base-width-pc) * 100vw), 193px);
}
.jobs_li_hide {
  margin-top: clamp(54.67px, calc(82 / var(--base-width-pc) * 100vw), 82px);
  padding-inline: min(calc(60 / var(--base-width-pc) * 100vw), 60px);
  display: none;
}
.jobs_li .businessBlock_bottom {
  padding-top: clamp(90px, calc(135 / var(--base-width-pc) * 100vw), 135px);
}
.jobs_li .businessBlock_bottom .btn {
  font-size: clamp(16px, 1.3888888889vw, 20px);
}
.jobs_li .businessBlock_bottom .btn.-close {
  transform: translateY(50%);
}
.jobs_li .businessBlock_body_examples {
  margin-bottom: 37px;
  flex-direction: column;
}
.jobs_li .businessBlock_body_example {
  width: 100%;
}
.jobs_li .businessBlock_body_example_text1 {
  font-size: 16px;
  font-weight: 600;
}
.jobs_li .businessBlock_body_worker {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1607843137);
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .jobs_li .businessBlock_body_worker {
    margin-bottom: 30px;
  }
}
.jobs_li .businessBlock_body_worker_image {
  width: clamp(115px, 7.9861111111vw, 200px);
}
.jobs_li .businessBlock_body_worker_name {
  font-weight: 700;
  font-size: 20px;
}
@media screen and (max-width: 1300px) {
  .jobs_li .businessBlock_body_worker_texts {
    position: initial;
  }
}
@media screen and (max-width: 1300px) {
  .jobs_li .businessBlock_body_workers {
    position: relative;
  }
}
.jobs_li .btn.-viewMore {
  width: clamp(180px, calc(220 / var(--base-width-pc) * 100vw), 220px);
  z-index: 1;
}
@media screen and (max-width: 1000px) {
  .jobs_li .btn.-viewMore {
    width: 235px;
  }
}
.jobs_li .btn {
  border: 1px solid #0076FF;
  background-color: white;
  color: #0076FF;
  font-weight: bold;
  transition: all 0.3s;
  max-width: 340px;
  width: 100%;
  font-size: 14px;
  padding-block: 12px;
}
.jobs_li .btn:hover {
  cursor: pointer;
  background-color: #0076FF;
  color: white;
}

/* 個別部ここまで
---------- ---------- */