@charset "UTF-8";
/* ========== ========== ==========
共通部
========== ========== ========== */
/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
.commonBack {
  margin-bottom: clamp(180px, calc(220 / var(--base-width-pc) * 100vw), 220px);
}
.commonBack.-background::before {
  bottom: 0;
  -webkit-clip-path: inset(calc(140 / var(--base-width-pc) * 100vw) 0 calc(300 / var(--base-width-pc) * 100vw) 0);
          clip-path: inset(calc(140 / var(--base-width-pc) * 100vw) 0 calc(300 / var(--base-width-pc) * 100vw) 0);
}
.commonBack.-background::after {
  bottom: -115px;
  -webkit-clip-path: inset(calc(215 / var(--base-width-pc) * 100vw) 0 calc(250 / var(--base-width-pc) * 100vw) 0);
          clip-path: inset(calc(215 / var(--base-width-pc) * 100vw) 0 calc(250 / var(--base-width-pc) * 100vw) 0);
}

.FV-recruitment {
  margin-top: clamp(100px, calc(150 / var(--base-width-pc) * 100vw), 150px);
  position: relative;
}
.FV-recruitment .sectionSubtitle {
  font-size: clamp(60px, calc(144 / var(--base-width-pc) * 100vw), 144px);
}
.FV-recruitment .sectionSubtitleWrap {
  padding-bottom: clamp(46.67px, calc(70 / var(--base-width-pc) * 100vw), 70px);
}

.FV_texts {
  left: clamp(15.67px, calc(47 / var(--base-width-pc) * 100vw), 47px);
  top: min(calc(120 / var(--base-width-pc) * 100vw), 120px);
}
.FV_text1 {
  margin-bottom: 5px;
  font-size: clamp(20px, calc(29 / var(--base-width-pc) * 100vw), 29px);
}
.FV_text2 {
  font-size: clamp(16px, calc(20 / var(--base-width-pc) * 100vw), 20px);
}

.workStyle {
  padding-top: clamp(40px, calc(100 / var(--base-width-pc) * 100vw), 100px);
}
@media screen and (min-width: 1401px) {
  .workStyle {
    padding-top: calc(150 / var(--base-width-pc) * 100vw);
  }
}
.workStyle_inner {
  max-width: 882px;
  margin-inline: auto;
}
.workStyle_imageWrap {
  margin-bottom: 27px;
  position: relative;
  z-index: 0;
}
.workStyle_imageWrap::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 4px;
  top: 4px;
  background-color: #6E6E6E;
  z-index: -1;
}
.workStyle_block {
  width: calc((100% - 16px) / 2);
  max-height: 325px;
  padding: clamp(20px, calc(38 / var(--base-width-pc) * 100vw), 38px) 40px 0 20px;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  letter-spacing: 0;
  border: solid 0.5px #6E6E6E;
}
.workStyle_blocks {
  display: flex;
  gap: 30px 16px;
  flex-wrap: wrap;
}
.workStyle_blocks:not(:last-of-type) {
  margin-bottom: 18px;
}
.workStyle_blocks:last-of-type {
  margin-bottom: 12px;
}
.workStyle_block:where(.-wide) {
  width: 100%;
}
.workStyle_block:where(.-column3) {
  width: calc((100% - 32px) / 3);
}
@media screen and (max-width: 768px) {
  .workStyle_block {
    width: 100%;
    max-height: initial;
  }
}
.workStyle_block:where(.-n03) {
  padding-bottom: 25px;
}
.workStyle_block:where(.-n04) {
  padding-bottom: 10px;
}
.workStyle_block:where(.-n05) {
  padding-left: 0;
}
.workStyle_block:where(.-n08) {
  padding-right: clamp(45px, calc(68 / var(--base-width-pc) * 100vw), 68px);
  padding-bottom: 0;
}
.workStyle_block::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 5px;
  top: 5px;
  background-color: #6E6E6E;
  z-index: -2;
}
.workStyle_block::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
}
.workStyle_block:where(.-n01)::after {
  background-color: #FFFFFF;
}
.workStyle_block:where(.-n02)::after {
  background-color: #FDFAFF;
}
.workStyle_block:where(.-n03)::after {
  background-color: #FCF9E7;
}
.workStyle_block:where(.-n04)::after {
  background-color: #FFF7F7;
}
.workStyle_block:where(.-n05)::after {
  background-color: #F8FFF0;
}
.workStyle_block:where(.-n06)::after {
  background-color: #F0FCF5;
}
.workStyle_block:where(.-n07)::after {
  background-color: #FEFDFF;
}
.workStyle_block_title {
  text-align: center;
  font-size: clamp(16px, calc(20 / var(--base-width-pc) * 100vw), 20px);
  font-weight: bold;
  letter-spacing: 0;
}
.workStyle_block_title:where(.-n01 *) {
  margin-bottom: 10px;
}
.workStyle_block_title:where(.-n05 *, .-n06 *, .-n07 *) {
  margin-bottom: 10px;
}
.workStyle_block_title:where(.-n04 *) {
  margin-bottom: 10px;
}
.workStyle_block_title:where(.-n01 *), .workStyle_block_title_en:where(.-n01 *) {
  color: #3646BC;
}
.workStyle_block_title:where(.-n02 *), .workStyle_block_title_en:where(.-n02 *) {
  color: #9E64D8;
}
.workStyle_block_title:where(.-n03 *), .workStyle_block_title_en:where(.-n03 *) {
  color: #578050;
}
.workStyle_block_title:where(.-n04 *), .workStyle_block_title_en:where(.-n04 *) {
  color: #83C2F8;
}
.workStyle_block_title:where(.-n05 *), .workStyle_block_title_en:where(.-n05 *) {
  color: #C1AF28;
}
.workStyle_block_title:where(.-n06 *), .workStyle_block_title_en:where(.-n06 *) {
  color: #66B758;
}
.workStyle_block_title:where(.-n07 *), .workStyle_block_title_en:where(.-n07 *) {
  color: #7BA2C3;
}
.workStyle_block_title:where(.-n08 *), .workStyle_block_title_en:where(.-n08 *) {
  color: #8E60A2;
}
.workStyle_block_title_en {
  position: absolute;
  top: clamp(15px, calc(22 / var(--base-width-pc) * 100vw), 22px);
  right: 10px;
  writing-mode: vertical-rl;
  font-family: var(--font-sub1);
}
.workStyle_block_body {
  display: flex;
  align-items: center;
}
.workStyle_block_body:where(.-n03 *) {
  gap: 30px clamp(20px, calc(82 / var(--base-width-pc) * 100vw), 82px);
}
.workStyle_block_body:where(.-n04 *) {
  gap: 30px clamp(20px, calc(33 / var(--base-width-pc) * 100vw), 33px);
}
.workStyle_block_body:where(.-n08 *) {
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .workStyle_block_body {
    flex-direction: column;
  }
}
.workStyle_block_texts {
  display: flex;
  justify-content: center;
}
.workStyle_block_texts:where(.-n02 *) {
  gap: 30px;
}
.workStyle_block_text01 {
  text-align: center;
  font-size: clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  font-weight: 500;
  color: #818181;
  line-height: 1.2;
}
.workStyle_block_text01_span1 {
  font-size: clamp(60px, calc(90 / var(--base-width-pc) * 100vw), 90px);
  color: #3646BC;
  font-family: var(--font-sub1);
}
.workStyle_block_text01_span2 {
  font-size: clamp(35px, calc(50 / var(--base-width-pc) * 100vw), 50px);
  font-family: var(--font-sub1);
}
.workStyle_block_text02 {
  font-size: 16px;
  font-weight: bold;
  color: #9E64D8;
  text-align: center;
}
.workStyle_block_text02_span1 {
  font-size: clamp(60px, calc(90 / var(--base-width-pc) * 100vw), 90px);
  font-family: var(--font-sub1);
  line-height: 1;
  font-weight: 500;
  display: block;
  letter-spacing: 0;
}
.workStyle_block_text02_span2 {
  font-size: 20px;
}
.workStyle_block_text03 {
  text-align: center;
  color: #818181;
  font-size: clamp(18px, calc(27 / var(--base-width-pc) * 100vw), 27px);
}
.workStyle_block_text03_span1 {
  font-weight: 500;
  color: #578050;
  font-size: clamp(24px, calc(37 / var(--base-width-pc) * 100vw), 37px);
  font-family: var(--font-sub1);
}
.workStyle_block_text03_2 {
  max-width: 261px;
  font-size: clamp(14px, calc(16 / var(--base-width-pc) * 100vw), 16px);
  letter-spacing: 0.066rem;
  font-weight: bold;
}
.workStyle_block_text04 {
  text-align: center;
  color: #818181;
  font-size: clamp(12px, calc(14 / var(--base-width-pc) * 100vw), 14px);
  height: 100%;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  margin-bottom: min(calc(17 / var(--base-width-pc) * 100vw), 17px);
}
.workStyle_block_text04_span1 {
  font-weight: 500;
  color: #83C2F8;
  font-size: clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px);
  display: block;
  margin-top: auto;
  margin-bottom: auto;
  font-family: var(--font-sub1);
  font-weight: 700;
  line-height: 1.2;
}
.workStyle_block_text04_span1:where(.-n08 *) {
  color: #8E60A2;
}
.workStyle_block_text04_2 {
  max-width: 420px;
  font-weight: bold;
  font-size: clamp(14px, calc(16 / var(--base-width-pc) * 100vw), 16px);
  letter-spacing: 0.066rem;
  line-height: 2.5;
}
.workStyle_block_text04_2:where(.-n08 *) {
  max-width: 260px;
}
.workStyle_block_text05 {
  text-align: center;
  color: #C1AF28;
  font-size: clamp(22px, calc(35 / var(--base-width-pc) * 100vw), 35px);
  letter-spacing: 0;
  font-weight: 500;
  margin-bottom: min(calc(17 / var(--base-width-pc) * 100vw), 17px);
}
.workStyle_block_text05:where(.-n06 *) {
  color: #66B758;
}
.workStyle_block_text05:where(.-n07 *) {
  color: #7BA2C3;
}
.workStyle_block_text05_span1 {
  font-weight: 500;
  font-size: clamp(60px, calc(80 / var(--base-width-pc) * 100vw), 80px);
  font-family: var(--font-sub1);
  font-weight: 500;
  letter-spacing: -0.2rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .workStyle_block_text05_span1 {
    margin-right: 10px;
  }
}
.workStyle_block_text05_span2 {
  color: black;
  font-size: 14px;
  display: block;
}
.workStyle_block_image {
  margin-inline: auto;
  margin-top: auto;
}
.workStyle_block_imagesWrap {
  display: flex;
  flex-direction: column;
}
.workStyle_block_imagesWraps {
  display: flex;
  gap: 30px 18px;
}
.workStyle_block_imagesWraps:where(.-n08 *) {
  width: 100%;
  justify-content: space-around;
}
.workStyle_block_image:where(.-n01 *) {
  width: clamp(150px, calc(204 / var(--base-width-pc) * 100vw), 204px);
}
.workStyle_block_image:where(.-n02 *) {
  width: clamp(250px, calc(406 / var(--base-width-pc) * 100vw), 406px);
}
.workStyle_block_image:where(.-n03 *) {
  width: clamp(200px, calc(421 / var(--base-width-pc) * 100vw), 421px);
  margin-left: clamp(3.33px, calc(10 / var(--base-width-pc) * 100vw), 10px);
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .workStyle_block_image:where(.-n03 *) {
    width: 100%;
  }
}
.workStyle_block_image:where(.-n04 *) {
  height: clamp(70px, calc(118 / var(--base-width-pc) * 100vw), 118px);
  flex-shrink: 0;
  margin-top: initial;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 768px) {
  .workStyle_block_image:where(.-n05 *, .-n06 *, .-n07 *) {
    width: 70%;
  }
}
.workStyle_block_image:where(.-n06 *) {
  transform: translate(clamp(20px, calc(30 / var(--base-width-pc) * 100vw), 30px));
}
.workStyle_note {
  text-align: right;
  font-size: 12px;
  color: #707070;
}

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