@charset "utf-8";

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

Name: female_2024_2.css

Description: /recruiting/female/css/female_2024.css の追加修正

Create: 2026.07.30
Update: 

Copyright 2026 Hitachi Systems, Ltd.

***************************************************** */
#Contents {
    overflow-x: clip;
}

@media screen and (min-width: 995px) and (max-width: 1304px) {
    .OptionWideRWD #Contents {
        padding-right: 0;
        padding-left: 0;
    }
}

#Contents > .GridSet > .Grid4 > #Grid4Reset {
    position: relative;
    width: 100vw;
    left: calc((100vw - 100%) / -2);
}

@media (max-width: 1304px) {
    #Contents > .GridSet > .Grid4 > #Grid4Reset {
        width: 100%;
        left: 0;
    }
}


#ContentsArea.promotion, #ContentsArea.workplace, #ContentsArea.femaletalk {
    font-family: "Hitachi Sans", "Noto Sans JP", "Yu Gothic UI", "Noto Sans" ,sans-serif;
}

.Profile .Btn a {
    text-decoration: none;
    color: #0c0c0c;
}

.female_top .pageListWrapper {
    background: #f4f4f4;
}

.linkCardWrapper .linkCard a span {
    color: #0c0c0c;
}

.linkCardWrapper .linkCard a span:before {
    border-left: solid 8px #0c0c0c;
}

.femaletalk .PopContents .TimeLine .Card .CardTitle {
    color: #0c0c0c;
}

.Profile .Btn a:before {
    border-top: solid 2px #222222;
    border-right: solid 2px #222222;
}

.promotion .PopContents .TimeLine .Card .CardTitle {
    color: #0c0c0c;
}

.workplace .PopContents .TimeLine .Card .CardTitle {
    color: #0c0c0c;
}

.workplace .PopContents .TimeLine .Card .CardSubText {
    color: #0c0c0c;
}

#contentsbox.promotion, #contentsbox.workplace, #contentsbox.femaletalk {
    font-family: "Hitachi Sans", "Noto Sans JP", "Yu Gothic UI", "Noto Sans", sans-serif;
}

#PageTitle a.CloseBtn {
    font-family: "Hitachi Sans", "Noto Sans JP", "Yu Gothic UI", "Noto Sans", sans-serif;
    color: #737373;
    border: solid 1px #737373;
}

.ConversationWrapper h2 {
    background: none;
}

@media screen and (max-width: 767px) {
    .ConversationWrapper h2 {
        margin: 0 0 5px;
    }
}

.ProfileWrapper {
    gap: 50px;
}

.femaletalk .Profile {
    margin: 0;
    width: calc((100% - 50px * 2) / 3);
}

.promotion .Profile {
    margin: 0;
}

.workplace .Profile {
    margin: 0;
    width: calc((100% - 50px) / 2);
}

@media screen and (max-width: 767px) {
    .promotion .Profile,
    .workplace .Profile,
    .femaletalk .Profile {
        width: 100%;
    }
}

.workplace #subVisual {
    background-image: url(/-/media/recruiting/female/images/workplace/branding_v2.png);
}

.linkCardWrapper {
    margin: 0 15px;
}

@media screen and (max-width: 994px) {
    .linkCardWrapper {
        margin: 0;
    }
}

.linkCardWrapper .linkCard.Green {
    background-image: url(/-/media/recruiting/female/images/workplace/banner_v2.png);
}

.ProfileArea {
    margin: 0 15px;
}

@media screen and (max-width: 994px) {
    .ProfileArea {
        margin: 0;
    }
}