/*!
global > color
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.u_d_none {
  display: none !important;
}

.u_d_inline {
  display: inline !important;
}

.u_d_inline_block {
  display: inline-block !important;
}

.u_d_block {
  display: block !important;
}

.u_d_flex {
  display: flex !important;
}

@media screen and (min-width: 375px) {
  .u_d_xs_none {
    display: none !important;
  }
  .u_d_xs_inline {
    display: inline !important;
  }
  .u_d_xs_inline_block {
    display: inline-block !important;
  }
  .u_d_xs_block {
    display: block !important;
  }
  .u_d_xs_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 390px) {
  .u_d_sm_none {
    display: none !important;
  }
  .u_d_sm_inline {
    display: inline !important;
  }
  .u_d_sm_inline_block {
    display: inline-block !important;
  }
  .u_d_sm_block {
    display: block !important;
  }
  .u_d_sm_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 768px) {
  .u_d_md_none {
    display: none !important;
  }
  .u_d_md_inline {
    display: inline !important;
  }
  .u_d_md_inline_block {
    display: inline-block !important;
  }
  .u_d_md_block {
    display: block !important;
  }
  .u_d_md_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .u_d_lg_none {
    display: none !important;
  }
  .u_d_lg_inline {
    display: inline !important;
  }
  .u_d_lg_inline_block {
    display: inline-block !important;
  }
  .u_d_lg_block {
    display: block !important;
  }
  .u_d_lg_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .u_d_xl_none {
    display: none !important;
  }
  .u_d_xl_inline {
    display: inline !important;
  }
  .u_d_xl_inline_block {
    display: inline-block !important;
  }
  .u_d_xl_block {
    display: block !important;
  }
  .u_d_xl_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .u_d_xxl_none {
    display: none !important;
  }
  .u_d_xxl_inline {
    display: inline !important;
  }
  .u_d_xxl_inline_block {
    display: inline-block !important;
  }
  .u_d_xxl_block {
    display: block !important;
  }
  .u_d_xxl_flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1520px) {
  .u_d_xxxl_none {
    display: none !important;
  }
  .u_d_xxxl_inline {
    display: inline !important;
  }
  .u_d_xxxl_inline_block {
    display: inline-block !important;
  }
  .u_d_xxxl_block {
    display: block !important;
  }
  .u_d_xxxl_flex {
    display: flex !important;
  }
}
@media screen and (max-width: 767px) {
  .u_d_maxmd_none {
    display: none !important;
  }
  .u_d_maxmd_inline {
    display: inline !important;
  }
  .u_d_maxmd_inline_block {
    display: inline-block !important;
  }
  .u_d_maxmd_block {
    display: block !important;
  }
  .u_d_maxmd_flex {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .u_d_maxlg_none {
    display: none !important;
  }
  .u_d_maxlg_inline {
    display: inline !important;
  }
  .u_d_maxlg_inline_block {
    display: inline-block !important;
  }
  .u_d_maxlg_block {
    display: block !important;
  }
  .u_d_maxlg_flex {
    display: flex !important;
  }
}
.f_30 {
  font-size: 1.125rem;
  font-size: clamp(
        1.125rem,
        1.7897091723vw + 0.7670581655rem,
        1.625rem
    );
}

@media screen and (min-width: 768px) {
  .f_30 {
    font-size: clamp(
        1.625rem,
        1.6826923077vw + 0.8173076923rem,
        2.5rem
    );
  }
}
.u_color_main {
  color: #3A4955;
}

.u_color_white01 {
  color: #FFFFFF;
}

.u_color_yellow01 {
  color: #FCAE00;
}

.u_color_organge01 {
  color: #E85400;
}

/*!
global > color
------------------------------
*/
/*!
global > mixin
------------------------------
*/
.p_occupation_head {
  padding: 50px 0;
}
@media screen and (min-width: 768px) {
  .p_occupation_head {
    padding: 77px 0;
  }
}
.p_occupation .c_entry {
  margin-top: 0;
}
.p_occupation_content {
  padding: 60px 0 70px;
  background-color: #f7f8f9;
}
@media screen and (min-width: 768px) {
  .p_occupation_content {
    padding: 60px 0 160px;
  }
}
.p_occupation_content .section {
  position: relative;
  z-index: 1;
  padding: 50px 20px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section {
    display: flex;
    align-items: flex-start;
    gap: clamp(
        2.5rem,
        7.2115384615vw + -0.9615384615rem,
        6.25rem
    );
    min-height: 580px;
    margin-bottom: 60px;
    padding: 78px 0 40px clamp(
        2.5rem,
        2.4038461538vw + 1.3461538462rem,
        3.75rem
    );
  }
}
.p_occupation_content .section:last-child {
  margin-bottom: 0;
}
.p_occupation_content .section .desc {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section .desc {
    flex-shrink: 0;
    max-width: 400px;
    width: 36.3636363636%;
    margin-bottom: 0;
    padding-top: 5px;
  }
}
.p_occupation_content .section .img {
  border-radius: 16px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section .img {
    max-width: 700px;
    width: 63.6363636364%;
    flex-shrink: 0;
  }
}
.p_occupation_content .section .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p_occupation_content .section .c_title_jp28 {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section .c_title_jp28 {
    margin-bottom: 29px;
  }
}
.p_occupation_content .section .sub {
  color: #3a4955;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d3dede;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section .sub {
    margin-bottom: 23px;
    padding-bottom: 21px;
  }
}
.p_occupation_content .section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  border-radius: 16px 0 0 16px;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section::before {
    min-width: 1200px;
  }
}
@media screen and (min-width: 768px) {
  .p_occupation_content .section:nth-child(even) {
    flex-direction: row-reverse;
    padding-right: clamp(
        2.5rem,
        2.4038461538vw + 1.3461538462rem,
        3.75rem
    );
    padding-left: 0;
  }
}
.p_occupation_content .section:nth-child(even)::before {
  right: 0;
  left: auto;
  border-radius: 0 16px 16px 0;
}
/*# sourceMappingURL=career_occupation.css.map */