/*!
global > color
------------------------------
*/
/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_workplace .training_txt, .p_workplace .training_tab .tab_item:nth-child(4) .tab_item__ttl, .p_workplace .career_desc .place_txt, .p_workplace .career_tab .tab_ttl, .p_workplace .benefits_txt, .p_workplace .benefits_item__txt {
  font-size: clamp(
      0.6875rem,
      1.2755102041vw + 0.3885522959rem,
      1rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .training_txt, .p_workplace .training_tab .tab_item:nth-child(4) .tab_item__ttl, .p_workplace .career_desc .place_txt, .p_workplace .career_tab .tab_ttl, .p_workplace .benefits_txt, .p_workplace .benefits_item__txt {
    font-size: clamp(
      1rem,
      0.390625vw + 0.8125rem,
      1.125rem
  );
  }
}

.p_workplace .career_tab .tab_diagram, .p_workplace .career_banner .c_btn01__link .txt {
  font-size: clamp(
      0.71875rem,
      1.6581632653vw + 0.3301179847rem,
      1.125rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .career_tab .tab_diagram, .p_workplace .career_banner .c_btn01__link .txt {
    font-size: clamp(
      1.125rem,
      0.390625vw + 0.9375rem,
      1.25rem
  );
  }
}

.p_workplace .benefits_item__ttl {
  font-size: clamp(
      0.90625rem,
      1.4030612245vw + 0.5774075255rem,
      1.25rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_item__ttl {
    font-size: clamp(
      1.25rem,
      0.78125vw + 0.875rem,
      1.5rem
  );
  }
}

.p_workplace .training_sub, .p_workplace .career_desc .place_ttl, .p_workplace .benefits_sub {
  font-size: clamp(
      1.125rem,
      0.5102040816vw + 1.0054209184rem,
      1.25rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .training_sub, .p_workplace .career_desc .place_ttl, .p_workplace .benefits_sub {
    font-size: clamp(
      1.375rem,
      0.78125vw + 1rem,
      1.625rem
  );
  }
}

.p_workplace .career_banner .banner_desc__txt {
  font-size: clamp(
      1.25rem,
      1.0204081633vw + 1.0108418367rem,
      1.5rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .banner_desc__txt {
    font-size: clamp(
      1.5rem,
      1.7578125vw + 0.65625rem,
      2.0625rem
  );
  }
}

.p_workplace .training {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training {
    margin-top: 86px;
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .training .c_title__icon {
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .training_content {
    display: flex;
    justify-content: space-between;
  }
}
.p_workplace .training_img {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_img {
    width: 44.9166666667%;
    padding-top: 13px;
    margin-top: 0;
  }
}
.p_workplace .training_img .img {
  display: flex;
  justify-content: flex-end;
}
.p_workplace .training_img .img + .img {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_img .img + .img {
    margin-top: 48px;
  }
}
.p_workplace .training_img .img img {
  width: calc(100% + 12.5vw);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_img .img img {
    border-top-right-radius: clamp(
      1.25rem,
      4.8076923077vw + -1.0576923077rem,
      3.75rem
  );
    border-bottom-right-radius: clamp(
      1.25rem,
      4.8076923077vw + -1.0576923077rem,
      3.75rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .training_desc {
    width: 50%;
  }
}
.p_workplace .training_sub {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 20px 0 10px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_sub {
    padding: 34px 0 19px;
  }
}
.p_workplace .training_txt {
  font-weight: 500;
  line-height: 1.6666666667;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_txt {
    max-width: 450px;
  }
}
.p_workplace .training_tab {
  width: 100%;
  background-color: #f2f4fa;
  margin-top: 28px;
  padding: 20px;
  font-size: 0.6875rem;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab {
    font-size: clamp(
      0.875rem,
      0.2403846154vw + 0.7596153846rem,
      1rem
  );
    padding: clamp(
      1.25rem,
      2.4038461538vw + 0.0961538462rem,
      2.5rem
  ) clamp(
      1.25rem,
      2.4038461538vw + 0.0961538462rem,
      2.5rem
  ) clamp(
      1.25rem,
      2.4038461538vw + 0.0961538462rem,
      2.5rem
  ) clamp(
      1.25rem,
      3.7259615385vw + -0.5384615385rem,
      3.1875rem
  );
  }
}
.p_workplace .training_tab .tab_item {
  display: flex;
  width: 100%;
  position: relative;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item {
    gap: clamp(
      0.9375rem,
      1.5625vw + 0.1875rem,
      1.75rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(1) .tab_item__ttl {
  height: 75px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(1) .tab_item__ttl {
    height: clamp(
      5.625rem,
      1.2019230769vw + 5.0480769231rem,
      6.25rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(1) .tab_item__ttl::after {
  top: 0;
  background: url("../images/workplace/bg_icon_training01.svg") no-repeat;
  background-size: contain;
}
.p_workplace .training_tab .tab_item:nth-child(2) {
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(2) {
    margin-top: clamp(
      0rem,
      0.9615384615vw + -0.4615384615rem,
      0.5rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(2) .tab_item__ttl::after {
  background: url("../images/workplace/bg_icon_training02.svg") no-repeat;
  background-size: contain;
  top: -16px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(2) .tab_item__ttl::after {
    top: clamp(
      -2rem,
      -1.6826923077vw + -0.3173076923rem,
      -1.125rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(2) .tab_item__desc {
    margin-top: clamp(
      -1.5rem,
      -2.8846153846vw + 1.3846153846rem,
      0rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(3) {
  margin-top: -19px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(3) {
    margin-top: clamp(
      -1.6875rem,
      -1.3221153846vw + -0.3653846154rem,
      -1rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(3) .tab_item__ttl::after {
  background: url("../images/workplace/bg_icon_training03.svg") no-repeat;
  background-size: contain;
  top: -18px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(3) .tab_item__ttl::after {
    top: clamp(
      -1.75rem,
      -0.9615384615vw + -0.7884615385rem,
      -1.25rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(3) .tab_item__desc {
    margin-top: clamp(
      -0.9375rem,
      -1.8028846154vw + 0.8653846154rem,
      0rem
  );
  }
}
.p_workplace .training_tab .tab_item:nth-child(4) {
  margin-top: 3px;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item:nth-child(4) {
    align-items: flex-start;
  }
}
.p_workplace .training_tab .tab_item:nth-child(4) .tab_item__ttl {
  height: 96px;
  background-color: #cad5e8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p_workplace .training_tab .tab_item__ttl {
  width: 110px;
  height: 90px;
  font-weight: 500;
  color: #053794;
  line-height: 1.5;
  flex-shrink: 0;
  text-align: center;
  padding: 15px;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item__ttl {
    width: clamp(
      7.5rem,
      2.4038461538vw + 6.3461538462rem,
      8.75rem
  );
    height: clamp(
      6.875rem,
      1.2019230769vw + 6.2980769231rem,
      7.5rem
  );
    padding: clamp(
      0.5625rem,
      0.7211538462vw + 0.2163461538rem,
      0.9375rem
  ) 10px;
  }
}
.p_workplace .training_tab .tab_item__ttl::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p_workplace .training_tab .tab_item__desc {
  width: calc(100% - 120px);
  padding-top: 3px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item__desc {
    width: calc(100% - clamp(
      6.875rem,
      3.6057692308vw + 5.1442307692rem,
      8.75rem
  ));
  }
}
.p_workplace .training_tab .tab_item__desc .desc_txt {
  font-size: clamp(
      0.6875rem,
      0.7792207792vw + 0.5048701299rem,
      0.875rem
  );
  font-weight: 500;
  line-height: 1.6666666667;
  position: relative;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item__desc .desc_txt {
    font-size: clamp(
      0.875rem,
      0.4807692308vw + 0.6442307692rem,
      1.125rem
  );
    padding-left: 25px;
  }
}
.p_workplace .training_tab .tab_item__desc .desc_txt::after {
  content: "";
  position: absolute;
  left: 1px;
  top: 6px;
  width: 8px;
  height: 8px;
  background-color: #053794;
}
@media screen and (min-width: 768px) {
  .p_workplace .training_tab .tab_item__desc .desc_txt::after {
    top: clamp(
      0.375rem,
      0.7211538462vw + 0.0288461538rem,
      0.75rem
  );
    width: 12px;
    height: 12px;
  }
}
.p_workplace .career {
  margin-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_workplace .career {
    margin-top: 105px;
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .career_desc {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .career_desc .c_title {
    width: 244px;
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .career_desc .c_title__icon {
    width: clamp(
      11.25rem,
      6.9711538462vw + 7.9038461538rem,
      14.875rem
  );
  }
}
.p_workplace .career_desc .place {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_desc .place {
    padding-top: 16px;
    position: relative;
    right: -10px;
    width: 66.25%;
  }
}
.p_workplace .career_desc .place_ttl {
  color: #053794;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 7px;
}
.p_workplace .career_desc .place_txt {
  font-weight: 500;
  line-height: 1.6666666667;
}
.p_workplace .career_content {
  margin-top: 80px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_content {
    margin-top: 48px;
  }
}
.p_workplace .career_content .img_people {
  position: absolute;
  left: 10px;
  width: 100%;
  max-width: 150px;
  top: -50px;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_content .img_people {
    left: 34px;
    max-width: clamp(
      11.25rem,
      10.0961538462vw + 6.4038461538rem,
      16.5rem
  );
  }
}
.p_workplace .career_tab {
  position: relative;
  width: 820px;
  background-color: #f2f4fa;
  padding: 80px 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_tab {
    gap: 27px;
    width: 100%;
    min-width: 1058px;
    padding: 95px 71px;
  }
}
.p_workplace .career_tab .tab_item {
  width: 100%;
  max-width: 190px;
}
.p_workplace .career_tab .tab_item .diagram {
  height: 245px;
  display: flex;
  align-items: flex-end;
}
.p_workplace .career_tab .tab_diagram {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  font-weight: 500;
  line-height: 1.5;
  padding: 8px 10px;
  width: 100%;
}
.p_workplace .career_tab .tab_diagram.diagram01 {
  background-color: #cad5e8;
  color: #053794;
  height: 86px;
}
.p_workplace .career_tab .tab_diagram.diagram02 {
  background-color: #8da4ce;
  color: #053794;
  height: 121px;
}
.p_workplace .career_tab .tab_diagram.diagram03 {
  background-color: #4869ab;
  color: #fff;
  height: 150px;
}
.p_workplace .career_tab .tab_diagram.diagram04 {
  background-color: #2552a8;
  color: #fff;
  height: 184px;
}
.p_workplace .career_tab .tab_diagram.diagram05 {
  background-color: #053794;
  color: #fff;
  height: 245px;
}
.p_workplace .career_tab .tab_ttl {
  font-weight: 500;
  line-height: 1.6666666667;
  padding-top: 7px;
}
.p_workplace .career_scroll {
  overflow: auto;
}
.p_workplace .career_banner {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-top: 34px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner {
    margin-top: clamp(
      2.125rem,
      -2.6442307692vw + 4.7692307692rem,
      3.5rem
  );
    gap: 20px;
    flex-direction: row;
    padding: 0 clamp(
      1.25rem,
      1.9230769231vw + 0.3269230769rem,
      2.25rem
  ) 0 clamp(
      1.25rem,
      6.0096153846vw + -1.6346153846rem,
      4.375rem
  );
  }
}
.p_workplace .career_banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e8e8e8;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner::after {
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - clamp(
      0rem,
      6.7307692308vw + -3.2307692308rem,
      3.5rem
  ));
  }
}
.p_workplace .career_banner .banner_img {
  width: 100%;
  max-width: 278px;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .banner_img {
    width: 25.4113345521%;
  }
}
.p_workplace .career_banner .banner_desc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .banner_desc {
    padding: 0;
    position: relative;
    top: -21px;
    left: clamp(
      0rem,
      2.9296875vw + -1.40625rem,
      0.9375rem
  );
    width: 45.0458715596%;
    flex-shrink: 0;
  }
}
.p_workplace .career_banner .banner_desc__ttl {
  width: 100%;
  text-align: center;
  font-size: clamp(
      0.75rem,
      1.0810810811vw + 0.4966216216rem,
      0.875rem
  );
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .banner_desc__ttl {
    position: relative;
    top: clamp(
      0rem,
      -2.1484375vw + 1.71875rem,
      0.6875rem
  );
    font-size: clamp(
      0.75rem,
      1.7578125vw + -0.09375rem,
      1.3125rem
  );
  }
}
.p_workplace .career_banner .banner_desc__txt {
  position: relative;
  font-weight: 500;
  line-height: 1.303030303;
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .banner_desc__txt {
    right: clamp(
      0rem,
      3.7109375vw + -1.78125rem,
      1.1875rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .career_banner .c_btn01__link {
    padding-right: 29px;
  }
}
.p_workplace .benefits {
  margin-top: 60px;
  background-color: #f2f4fa;
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits {
    margin-top: 92px;
    padding: 87px 0 98px;
  }
}
.p_workplace .benefits .c_title {
  text-align: center;
}
.p_workplace .benefits .c_title__en {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits .c_title__en {
    right: 4px;
  }
}
.p_workplace .benefits .c_title__jp {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits .c_title__jp {
    right: -8px;
  }
}
.p_workplace .benefits .c_title__icon {
  max-width: 150px;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits .c_title__icon {
    left: -3px;
    bottom: 1px;
  }
}
.p_workplace .benefits_sub {
  font-weight: 500;
  line-height: 1.5;
  padding: 31px 0 0 1px;
  padding-bottom: 17px;
}
.p_workplace .benefits_txt {
  line-height: 1.6666666667;
  font-weight: 500;
}
.p_workplace .benefits_content {
  margin-top: 48px;
  display: grid;
  gap: clamp(
      1.25rem,
      1.4423076923vw + 0.5576923077rem,
      2rem
  ) clamp(
      1.25rem,
      2.4038461538vw + 0.0961538462rem,
      2.5rem
  );
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_content {
    grid-template-columns: 1fr 1fr;
  }
}
.p_workplace .benefits_item {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_item {
    padding: clamp(
      1.25rem,
      1.4423076923vw + 0.5576923077rem,
      2rem
  ) clamp(
      1.25rem,
      1.3221153846vw + 0.6153846154rem,
      1.9375rem
  ) clamp(
      1.25rem,
      0.9615384615vw + 0.7884615385rem,
      1.75rem
  ) clamp(
      1.25rem,
      2.4038461538vw + 0.0961538462rem,
      2.5rem
  );
    gap: clamp(
      1.25rem,
      1.8028846154vw + 0.3846153846rem,
      2.1875rem
  );
  }
}
.p_workplace .benefits_item:nth-child(4) .benefits_item__icon img {
  width: 60px;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_item:nth-child(4) .benefits_item__icon img {
    width: clamp(
      3.125rem,
      1.2019230769vw + 2.5480769231rem,
      3.75rem
  );
  }
}
.p_workplace .benefits_item__icon {
  flex-shrink: 0;
  width: 70px;
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_item__icon {
    width: clamp(
      3.125rem,
      2.4038461538vw + 1.9711538462rem,
      4.375rem
  );
  }
}
@media screen and (min-width: 768px) {
  .p_workplace .benefits_item__desc {
    width: 74.4047619048%;
  }
}
.p_workplace .benefits_item__ttl {
  font-weight: 700;
  line-height: 1.25;
  color: #053794;
  padding-bottom: 8px;
}
.p_workplace .benefits_item__txt {
  font-weight: 500;
  line-height: 1.6666666667;
}
/*# sourceMappingURL=workplace.css.map */