@charset "utf-8";

/* **************************************************

Name: add4.css

Description: /recruiting/css/add.css の追加修正

Create: 2026.07.30
Update: 

Copyright 2026 Hitachi Systems, Ltd.

***************************************************** */

.mainTitleRed {
    background: none;
    color: #cc0000 !important;
}

.cp_arrows .cp_arrow {
    stroke: #fa000f;
}

.cp_arrows .link {
    color: #cc0000;
}

.subTitle {
    color: #0c0c0c;
}


/* ==================== */
/* TOP */
/* ==================== */
#RecruitMenu .ColumnSet:has(.top_Column) {
    margin-left: 0;
}

#RecruitMenu .ColumnSet:has(.top_Column)::after {
    display: none;
}

#RecruitMenu .top_Column a{
    text-decoration: none;
    border-color: #00964e;
}

#RecruitMenu .top_Column:last-child {
    margin-right: 0;
}

#RecruitMenu .top_Column h3 {
    color: #4d4d4d;
}

#RecruitMenu .top_Column h3:before {
    border-left: 4px solid #4d4d4d;
}

#RecruitMenu .Section {
    background: #cc0000;
}



/* ==================== */
/* 黒座布団のページタイトル */
/* ==================== */
#boxpagetitle_branding {
    min-height: calc(680 / 1900 * 100vw);
    height: auto;
    align-content: center;
}

#boxpagetitle_box {
    background-color: rgba(0, 0, 0, .8);
    width: 580px;
    max-width: 100%;
    height: auto;
    padding: 2rem;
    margin: 1rem 0;
    color: #fff;
    box-sizing: border-box;

    #boxpagetitle_subtitle {
        margin: 0;
        padding: 0;
        color: #fff;
        font-size: clamp( 1.625rem, calc(40 / 994 * 100vw) ,2.5rem);
        font-weight: 400;
    }

    #boxpagetitle_title {
        font-size: clamp( 0.875rem ,calc(18 / 994 * 100vw) ,1.125rem);
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: #fff;
    }
}

@media (max-width: 767px) {
    #boxpagetitle_box {
        padding: 1.5rem;
    }
}


/* ==================== */
/* 採用メッセージ > 会社を知る */
/* 特徴を知る > 注力事業戦略：デジタライゼーション */
/* 特徴を知る > 日立システムズらしさとは */
/* ==================== */
.talk_wrap {
    max-width: calc(965px + 30px);
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;

    .mainTitleRed {
        margin-left: 0;
        margin-right: 0;
    }
}


/* ==================== */
/* 採用メッセージ > 採用メッセージ */
/* ==================== */
 .JS #message_message.GridSet {
    max-width: calc(100% - 30px);
}


@media screen and (min-width: 995px) and (max-width: 1304px) {
    .OptionWideRWD #message_message.GridSet {
        max-width: calc(100% - 5px);
    }
}

.message_message_txt_l {
    font-size: clamp(1.75rem, calc(56 / 994 * 100vw), 3.5rem);
    font-weight: 500;
    letter-spacing: .5rem;
    margin:  -.5rem 0 0;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.message_message_txt_s {
    font-size: clamp( 1rem, calc(22 / 994 * 100vw),1.375rem);
    font-weight: 400;
    margin-bottom: 2rem;
    letter-spacing: .3rem;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.message_message_txt_m {
    font-size: clamp( 1.125rem, calc(26 / 994 * 100vw), 1.625rem);
    font-weight: 400;
    line-height: 2;
    letter-spacing: .3rem;
    word-break: keep-all;
    overflow-wrap: break-word;
    margin: 0 0 2rem;
}


/* ==================== */
/* 特徴を知る > 日立システムズらしさとは */
/* ==================== */
.JS #quality_like_gridset {
    max-width: calc(100% - 30px);
}

.like_etc_link li dd {
    color: #0c0c0c;
}

.like_etc_link > li a {
    text-decoration: none;
}

.like_etc_link > li a:hover {
    text-decoration: underline;
    color: #0c0c0c;
}


.member_wrap {
    max-width: calc(1275px + 30px);
    padding-left: 15px;
    padding-right: 15px;
}

/* ==================== */
/* 特徴を知る > 注力事業戦略：デジタライゼーション */
/* ==================== */
.digitalization_what-slide-box {
    padding: 0 20px;
}

.digitalization_what_slide .slick-slide img {
    width: 100%;
}

.digitalization_step_box .stepText {
    background-color: #f4f4f4;
}

.digitalization_step_box :is(.stepBox1 , .stepBox2 , .stepBox3) {
    background-color: #cc0000;
}

/* ==================== */
/* 制度を知る */
/* ==================== */
.system_beg_tilte {
    height: auto;
    font-size: clamp(1em, 1.8vw, 24px);
    padding: 12px 15px;
    background-color: #cc0000;
}

.beg_title {
    color: #cc0000;
}

.system_growup_h2 {
    background-color: #222222 !important;
}

.system_growup_h3,
.system_growup_name_1 {
    color: #cc0000;
}

.system_growup_h3_border {
    border-bottom: 3px solid #222222;
}

.system_growup_year {
    background-color: #f4f4f4;
}

.system_beg_text {
    background-color: #f4f4f4;
}

/* ==================== */
/* 社員を知る */
/* ==================== */
.member_h1 {
    color: #222222;
    background-image: url(/-/media/recruiting/image/common/bg_h1_v2.gif);
}


/* ==================== */
/* ポップアップ */
/* ==================== */
.popup_title2 {
    background-color: #cc0000;
}

.popbox_title {
    background: linear-gradient(transparent 90%, #cc0000 70%);
}