@charset "utf-8";

/* corporation_mv */
.corporation_mv {
    position: relative;
}
.corporation_mv_inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    background: var(--mv-img);
}
.corporation_mv_name {
    display: flex;
}
.corporation_mv_name_txt {
    color: var(--color-white);
    background: var(--color-red);
    line-height: 1.77;
}
.corporation_mv_ttl {
    color: #fff;
    line-height: 1.4;
    word-break: keep-all;
}
.corporation_mv_tag dl {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 500;
    line-height: 2.2;
}
.corporation_mv_tag dl > dd {
    border-left: 1px dashed var(--color-white);
}
.corporation_mv_tag_list {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    line-height: 1.32;
}
.corporation_mv_txt {
    color: #fff;
    line-height: 2.2;
}
.corporation_mv_btn {
    width: 100%;
    background: var(--color-white);
    color: var(--color-red);
    display: flex;
    align-items: center;
    position: relative;
    letter-spacing: 0.05em;
    line-height: 1.2;
}
.corporation_mv_btn_arrow {
    position: absolute;
    top: 50%;
}
.corporation_mv_btn_arrow_path {
    stroke: var(--color-red);
}
.corporation_body {
    position: relative;
    display: flex;
    margin-inline: auto;
}
.corporation_body_main {
    flex: 1;
    background: var(--color-white);
}
.corporation_body_main a {
    color: inherit;
    text-decoration: underline;
    word-break: break-word;
}
.corporation_body_side_wrap {
    position: relative;
}
.corporation_body_side {
    position: sticky;
    left: var(--head-height);
    width: 100%;
}
.corporation_body_side_ttl {
    line-height: 1.77;
}
.corporation_body_side_list > li a {
    display: block;
    word-break: keep-all;
    font-weight: 400;
    color: var(--color-black);
    border-bottom: 1px solid #c4c4c4;
    transition: font-size 0.4s, padding 0.4s, background-color 0.4s, color 0.4s;
    line-height: 1.4;
}
.corporation_body_side_list > li a.is_current {
    color: #fff;
    background: var(--color-red);
    font-weight: 700;
}
.corporation_body_side_btn {
    display: inline-flex;
    align-items: center;
    color: var(--color-black);
    line-height: 1.4;
}
.corporation_body_side_btn_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--color-red);
}

.corporation_body_main_ttl_en {
    display: block;
    color: var(--color-red);
    line-height: 1.4;
}
.corporation_body_main_ttl_jp {
    display: block;
    color: var(--color-black);
    line-height: 1.4;
}
.corporation_body_main_data dl {
    display: flex;
    border-top: 1px solid #c4c4c4;
}
.corporation_body_main_data dl:last-child {
    border-bottom: 1px solid #c4c4c4;
}
.corporation_body_main_data dl > dt {
    line-height: 1.77;
}
.corporation_body_main_data dl > dd {
    flex: 1;
    font-weight: 400;
    line-height: 1.8;
}
.corporate_link_set {
    display: inline-flex;
    align-items: center;
}
.corporate_link_set_icon {
    border-radius: 50%;
    background: var(--color-red) url(../img/common/icon_link_extarnal.svg) no-repeat 50% 50% / 12px auto;
}
.corporate_link_set_txt {
    color: var(--color-black);
    font-weight: 400;
    text-decoration: underline;
    line-height: 1.8;
}
.corporation_body_main_data ol {
    list-style: decimal;
    padding-left: 1em;
}
.corporation_body_main_data ul li {
    position: relative;
    padding-left: 0.8em;
}
.corporation_body_main_data ul li::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 0em;
    font-size: 1em;
}
.corporation_body_main_list > li {
    display: none;
}
.corporation_body_main_list > li.is_show {
    display: block;
}
@media (min-width: 769px) {
    .corporation_mv {
        padding: 23rem 20rem;
    }
    .corporation_mv_inner {
        min-height: calc(100vh - var(--head-height) - 23rem * 2);
        min-height: calc(100svh - var(--head-height) - 23rem * 2);
        border-radius: 12rem;
    }
    .corporation_mv_left {
        margin-top: 100rem;
        margin-inline: 100rem;
    }
    .corporation_mv_name_txt {
        font-size: 20px;
        padding: 1px 12px 3px 9px;
    }
    .corporation_mv_ttl {
        font-size: 54px;
        margin-top: 20px;
    }
    .corporation_mv_tag {
        margin-top: 21px;
    }
    .corporation_mv_tag dl {
        font-size: 14px;
    }
    .corporation_mv_tag dl > dt,
    .corporation_mv_tag dl > dd {
        padding-block: 12px;
    }
    .corporation_mv_tag dl > dt {
        flex-shrink: 0;
    }
    .corporation_mv_tag dl > dd {
        max-width: 1000px;
        margin-left: 30px;
        padding-left: 30px;
    }
    .corporation_mv_tag_list {
        gap: 20px;
        font-size: 13px;
    }
    .corporation_mv_right {
        width: 424px;
        align-self: end;
        margin-right: 98rem;
        margin-bottom: 76rem;
    }
    .corporation_mv_txt {
        font-size: 14px;
    }
    .corporation_mv_btn_list {
        margin-top: 34px;
    }
    .corporation_mv_btn_list > li + li {
        margin-top: 10px;
    }
    .corporation_mv_btn {
        border: 2px solid var(--color-red);
        font-size: 16px;
        padding: 19px 93px 19px 20px;
    }
    .corporation_mv_btn_arrow {
        right: 25px;
        width: 69px;
        margin-top: -5px;
    }
    .corporation_body {
        gap: 120rem;
        margin-top: 105rem;
        width: 1200rem;
    }
    .corporation_body_main {
        padding: 78rem 123rem;
    }
    .corporation_body_side_wrap {
        width: 240px;
    }
    .corporation_body_side {
        top: calc(var(--head-height) + 78rem);
    }
    .corporation_body_side_ttl {
        font-size: 18px;
    }
    .corporation_body_side_list > li a {
        font-size: 14px;
        padding: 19rem 4rem;
    }
    .corporation_body_side_list > li a.is_current {
        padding: 22rem 15rem;
    }
    .corporation_body_side_btn_wrap {
        margin-top: 40rem;
        padding-left: 4rem;
    }
    .corporation_body_side_btn {
        gap: 10rem;
        font-size: 16px;
    }
    .corporation_body_side_btn_icon {
        width: 28px;
        height: 28px;
    }
    .corporation_body_side_list {
        margin-top: 37rem;
    }
    .corporation_body_main_list > li {
        scroll-margin-top: 40rem;
    }
    .corporation_body_main_ttl_en {
        font-size: 12px;
    }
    .corporation_body_main_ttl_jp {
        font-size: 32px;
        margin-top: 10px;
    }
    .corporation_body_main_data {
        margin-top: 40rem;
    }
    .corporation_body_main_data dl {
        padding-block: 30.4rem;
        gap: 20rem;
    }
    .corporation_body_main_data dl > dt {
        width: 222rem;
        font-size: 14px;
    }
    .corporation_body_main_data dl > dd {
        font-size: 14px;
    }
    .corporate_link_set {
        gap: 10px;
    }
    .corporate_link_set_icon_wrap {
        width: 25px;
    }
    .corporate_link_set_icon {
        width: 25px;
        height: 25px;
        background: var(--color-red) url(../img/common/icon_link_extarnal.svg) no-repeat 50% 50% / 12px auto;
    }
    .corporate_link_set_txt {
        font-size: 14px;
    }
    .btn_back_wrap {
        margin-block: 200rem;
    }
}
@media (max-width: 768px) {
    .corporation_mv_name,
    .corporation_mv_tag {
        display: none;
    }
    .corporation_mv_inner {
        min-height: calc(100vh - var(--head-height));
        min-height: calc(100svh - var(--head-height));
        border-radius: 0 0 12rem 12rem;
        gap: 30rem;
    }
    .corporation_mv_left {
        margin-top: 81em;
        margin-inline: 40rem;
    }
    .corporation_mv_ttl {
        font-size: 32rem;
    }
    .corporation_mv_right {
        margin-inline: 40rem;
        margin-bottom: 75rem;
    }
    .corporation_mv_txt {
        font-size: 14rem;
    }
    .corporation_mv_btn_list {
        margin-top: 52rem;
    }
    .corporation_mv_btn_list > li + li {
        margin-top: 10rem;
    }
    .corporation_mv_btn {
        border: 2rem solid var(--color-red);
        font-size: 14rem;
        padding: 22rem 93rem 20rem 16rem;
    }
    .corporation_mv_btn_arrow {
        right: 25rem;
        width: 69rem;
        margin-top: -5rem;
    }
    .corporation_body {
        flex-direction: column;
        gap: 120rem;
        margin-top: 120rem;
        padding-inline: 20rem;
    }
    .corporation_body_main {
        padding: 81rem 42rem;
    }
    .corporation_body_side {
        top: calc(var(--head-height) + 78rem);
    }
    .corporation_body_side_ttl {
        font-size: 20rem;
    }
    .corporation_body_side_list > li a {
        font-size: 16rem;
        padding: 22rem 5rem;
    }
    .corporation_body_side_list > li a.is_current {
        padding: 26rem 18rem;
    }
    .corporation_body_side_btn_wrap {
        margin-top: 40rem;
        padding-left: 0rem;
    }
    .corporation_body_side_btn {
        gap: 10rem;
        font-size: 16rem;
    }
    .corporation_body_side_btn_icon {
        width: 28rem;
        height: 28rem;
    }
    .corporation_body_side_list {
        margin-top: 37rem;
    }
    .corporation_body_main_list > li {
        scroll-margin-top: 40rem;
    }
    .corporation_body_main_ttl_en {
        font-size: 11rem;
    }
    .corporation_body_main_ttl_jp {
        font-size: 28rem;
        margin-top: 12rem;
    }
    .corporation_body_main_data {
        margin-top: 40rem;
    }
    .corporation_body_main_data dl {
        padding-block: 22rem;
        flex-direction: column;
    }
    .corporation_body_main_data dl > dt {
        font-size: 14rem;
    }
    .corporation_body_main_data dl > dd {
        font-size: 14rem;
        margin-top: 10rem;
    }
    .corporate_link_set {
        gap: 10rem;
    }
    .corporate_link_set_icon_wrap {
        width: 25rem;
    }
    .corporate_link_set_icon {
        width: 25rem;
        height: 25rem;
        background: var(--color-red) url(../img/common/icon_link_extarnal.svg) no-repeat 50% 50% / 12px auto;
    }
    .corporate_link_set_txt {
        font-size: 14rem;
    }

    .btn_back_wrap {
        margin-block: 112rem;
        margin-inline: 20rem;
    }
}
/* floating_list */
.floating_list_wrap {
    display: none;
}
.floating_list {
    display: flex;
    top: var(--head-height);
    position: fixed;
    left: 0;
    width: 100%;
    height: 50rem;
    border: 2rem solid #fff;
    background: #fff;
    z-index: 20;
}
.floating_list > li {
    position: relative;
    text-align: center;
    flex: 1;
}
.floating_list > li + li::before {
    content: '';
    display: block;
    margin-block: auto;
    position: absolute;
    z-index: 1;
    top: 0rem;
    bottom: 0rem;
    left: -1rem;
    height: 80%;
    width: 1rem;
    background: #bdbdbd;
}
.floating_list > li a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13rem;
    line-height: 1.4;
    background: var(--color-white);
    color: var(--color-black);
    font-weight: 400;
}
.floating_list > li a.is_current {
    background: var(--color-red);
    color: var(--color-white);
    z-index: 2;
}

/* MVの個別画像の指定 */
@media (min-width: 769px) {
    .template {
        --mv-img: url(../img/group_recruit/template/mv.jpg) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .template {
        --mv-img: url(../img/group_recruit/template/mv_sp.jpg) no-repeat 50% 50% / cover;
    }
}
/* marubeni_intex */
@media (min-width: 769px) {
    .marubeni_intex {
        --mv-img: url(../img/group_recruit/sub/marubeni_intex.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_intex {
        --mv-img: url(../img/group_recruit/sub/marubeni_intex_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* smb_kenzai */
@media (min-width: 769px) {
    .smb_kenzai {
        --mv-img: url(../img/group_recruit/sub/smb_kenzai.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .smb_kenzai {
        --mv-img: url(../img/group_recruit/sub/smb_kenzai_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_flx */
@media (min-width: 769px) {
    .marubeni_flx {
        --mv-img: url(../img/group_recruit/sub/marubeni_flx.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_flx {
        --mv-img: url(../img/group_recruit/sub/marubeni_flx_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* mx_mobiling */
@media (min-width: 769px) {
    .mx_mobiling {
        --mv-img: url(../img/group_recruit/sub/mx_mobiling.webp?v=1) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .mx_mobiling {
        --mv-img: url(../img/group_recruit/sub/mx_mobiling_sp.webp?v=1) no-repeat 50% 50% / cover;
    }
}
/* arista */
@media (min-width: 769px) {
    .arista {
        --mv-img: url(../img/group_recruit/sub/arista.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .arista {
        --mv-img: url(../img/group_recruit/sub/arista_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* wellfam_foods */
@media (min-width: 769px) {
    .wellfam_foods {
        --mv-img: url(../img/group_recruit/sub/wellfam_foods.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .wellfam_foods {
        --mv-img: url(../img/group_recruit/sub/wellfam_foods_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_seafoods */
@media (min-width: 769px) {
    .marubeni_seafoods {
        --mv-img: url(../img/group_recruit/sub/marubeni_seafoods.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_seafoods {
        --mv-img: url(../img/group_recruit/sub/marubeni_seafoods_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* katakuraco_op */
@media (min-width: 769px) {
    .katakuraco_op {
        --mv-img: url(../img/group_recruit/sub/katakuraco_op.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .katakuraco_op {
        --mv-img: url(../img/group_recruit/sub/katakuraco_op_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_ecomaterials */
@media (min-width: 769px) {
    .marubeni_ecomaterials {
        --mv-img: url(../img/group_recruit/sub/marubeni_ecomaterials.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_ecomaterials {
        --mv-img: url(../img/group_recruit/sub/marubeni_ecomaterials_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* benichu */
@media (min-width: 769px) {
    .benichu {
        --mv-img: url(../img/group_recruit/sub/benichu.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .benichu {
        --mv-img: url(../img/group_recruit/sub/benichu_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_energy */
@media (min-width: 769px) {
    .marubeni_energy {
        --mv-img: url(../img/group_recruit/sub/marubeni_energy.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_energy {
        --mv-img: url(../img/group_recruit/sub/marubeni_energy_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* plax */
.plax .corporation_mv_ttl_en {
    color: var(--color-red);
    display: block;
}
@media (min-width: 769px) {
    .plax {
        --mv-img: url(../img/group_recruit/sub/plax.webp) no-repeat 50% 50% / cover;
    }
    .plax .corporation_mv_ttl {
        font-size: 52px;
    }
    .plax .corporation_mv_ttl_en {
        font-size: 54px;
    }
}
@media (max-width: 768px) {
    .plax {
        --mv-img: url(../img/group_recruit/sub/plax_sp.webp) no-repeat 50% 50% / cover;
    }
    .plax .corporation_mv_ttl {
        font-size: 30rem;
    }
    .plax .corporation_mv_ttl_en {
        font-size: 32rem;
    }
}
/* m_protechs */
@media (min-width: 769px) {
    .m_protechs {
        --mv-img: url(../img/group_recruit/sub/m_protechs.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .m_protechs {
        --mv-img: url(../img/group_recruit/sub/m_protechs_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* mowd */
@media (min-width: 769px) {
    .mowd {
        --mv-img: url(../img/group_recruit/sub/mowd.webp?v=1) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .mowd {
        --mv-img: url(../img/group_recruit/sub/mowd_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubenichemix */
@media (min-width: 769px) {
    .marubenichemix {
        --mv-img: url(../img/group_recruit/sub/marubenichemix.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubenichemix {
        --mv-img: url(../img/group_recruit/sub/marubenichemix_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* mm_leasing */
@media (min-width: 769px) {
    .mm_leasing {
        --mv-img: url(../img/group_recruit/sub/mm_leasing.webp?v=1) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .mm_leasing {
        --mv-img: url(../img/group_recruit/sub/mm_leasing_sp.webp?v=1) no-repeat 50% 50% / cover;
    }
}
/* m_inc */
@media (min-width: 769px) {
    .m_inc {
        --mv-img: url(../img/group_recruit/sub/m_inc.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .m_inc {
        --mv-img: url(../img/group_recruit/sub/m_inc_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marnix */
@media (min-width: 769px) {
    .marnix {
        --mv-img: url(../img/group_recruit/sub/marnix.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marnix {
        --mv-img: url(../img/group_recruit/sub/marnix_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* mred */
@media (min-width: 769px) {
    .mred {
        --mv-img: url(../img/group_recruit/sub/mred.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .mred {
        --mv-img: url(../img/group_recruit/sub/mred_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* mfmc */
@media (min-width: 769px) {
    .mfmc {
        --mv-img: url(../img/group_recruit/sub/mfmc.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .mfmc {
        --mv-img: url(../img/group_recruit/sub/mfmc_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* swissport */
@media (min-width: 769px) {
    .swissport {
        --mv-img: url(../img/group_recruit/sub/swissport.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .swissport {
        --mv-img: url(../img/group_recruit/sub/swissport_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_idigio */
@media (min-width: 769px) {
    .marubeni_idigio {
        --mv-img: url(../img/group_recruit/sub/marubeni_idigio.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_idigio {
        --mv-img: url(../img/group_recruit/sub/marubeni_idigio_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* arteria */
@media (min-width: 769px) {
    .arteria {
        --mv-img: url(../img/group_recruit/sub/arteria.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .arteria {
        --mv-img: url(../img/group_recruit/sub/arteria_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_logi */
@media (min-width: 769px) {
    .marubeni_logi {
        --mv-img: url(../img/group_recruit/sub/marubeni_logi.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_logi {
        --mv-img: url(../img/group_recruit/sub/marubeni_logi_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_techno */
@media (min-width: 769px) {
    .marubeni_techno {
        --mv-img: url(../img/group_recruit/sub/marubeni_techno.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_techno {
        --mv-img: url(../img/group_recruit/sub/marubeni_techno_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* oselec */
@media (min-width: 769px) {
    .oselec {
        --mv-img: url(../img/group_recruit/sub/oselec.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .oselec {
        --mv-img: url(../img/group_recruit/sub/oselec_sp.webp) no-repeat 50% 50% / cover;
    }
}
/* marubeni_service */
@media (min-width: 769px) {
    .marubeni_service {
        --mv-img: url(../img/group_recruit/sub/marubeni_service.webp) no-repeat 50% 50% / cover;
    }
}
@media (max-width: 768px) {
    .marubeni_service {
        --mv-img: url(../img/group_recruit/sub/marubeni_service_sp.webp) no-repeat 50% 50% / cover;
    }
}