.genki .pageHader {
    background-image: url(/asset/img/business/social/genki/genki_pc.jpg);
}
.genki .pageHader::before,
.grameen .pageHader::before {
    display: none;
}
.genkiFlow {
    display: flex;
    justify-content: space-between;
    margin: 4rem 0 5rem;
}
.genkiFlow figure {
    display: block;
    width: 23.17%;
    text-align: center;
    position: relative;
}
.genkiFlow figure::after {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/asset/img/common/flow-arrow.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    display: block;
    position: absolute;
    right: -10%;
    top: 30%;
}
.genkiFlow figure:last-child:after {
    display: none;
}

.genkiFlow figcaption {
    font-size: 1.4rem;
    line-height: 1.4;
}
.cookieNumWrap {
    margin-bottom: 3rem;
}
.cookieNumWrap .num {
    background-color: #DFEEE7;
    border-radius: 10px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 4.5rem 0 3.5rem;    
}
section.content .num p {
    line-height: 1;
}
.inner2 .cookieNumWrap p + p {
    margin-top: 2rem;
}
.cookieNumWrap .num span {
    font-size: 5rem;
    color: #009E8A;
    font-weight: bold;
    vertical-align: -0.9rem;
    letter-spacing: 0.1em;
    margin: 0 1.5rem;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
.cookieNumWrap > p {
    text-align: right;
    font-size: 1.4rem;
    margin-top: 1rem;
}
figure.centerfig.cookiegraph {
    display: block;
}

.otherAct {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
}
.otherAct dl {
    width: 48.34%;
}
.otherAct dt {
    font-weight: bold;
    color: #009E8A;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 1rem;
}
.otherAct dl > div img {
    width: 100%;    
    border-radius: 10px;
    vertical-align: bottom;
}
.otherAct dd {
    text-align: center;
    font-weight: bold;
    line-height: 1.75;
    margin-top: 2rem;
}
.genkihistory {
    border-top: solid 1px #E3E4ED;
    margin: 4rem 0 6rem;
}
.genkihistory li {
    list-style: none;
    position: relative;
    overflow: hidden;
    padding: 3rem 0 3rem 16.55%;
    border-bottom: solid 1px #E3E4ED;
}
.genkihistory li.sameyear {
    border-bottom: none;
    padding-bottom: 0;
}
.genkihistory li b {
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 3rem;
}
.genkihistory li figure {
    float: right;
    margin-left: 4rem;
}
.genkihistory li figure img {
    border-radius: 10px;
}
.genkihistory li h5 {
    font-weight: bold;
    color: #000;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    line-height: 1.3;
}
.genkicorp li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.genkicorp li + li {
    margin-top: 4rem;
}
section.content .genkicorp li h4 {
    color: #000;
    margin-bottom: 1rem;
    padding: 0;
    line-height: 1.6;
}
.genkicorp li h4::before,
.genkicorp li h4::after {
    display: none;
}
.genkicorp li figure {
    width: 41.1%;
    box-sizing: border-box;
    display: block;
    border: solid 1px #EFEFEF;
    border-radius: 10px;
    overflow: hidden;    
}
.genkicorp li > div {
    width: 55.84%;
}
section.content.thanksMsg {
    padding: 4rem 0 !important;
}
.thanksMsg p {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.takepartin {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6rem;
}
.takepartin > div {
    width: 47%;
}
.takepartin dt {
    background-color: #009E8A;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 1em;
    margin-bottom: 1em;
    position: relative;
}
.takepartin dt span.new {
    position: absolute;
    left: 1em;
    top: 0.9em;
    background-color: #fff;
    color: #009E8A;
    font-weight: bold;
    display: inline-block;
    padding: 0.2em 0.5em 0;
    border-radius: 8px;
    line-height: 1;
    text-align: center;
}
dl.evaluationRepot {
    margin: 1.5em 0;
    line-height: 1.75;
}
dl.evaluationRepot dt {
    font-weight: bold;
    position: relative;
    padding-left: 1.2em;
}
dl.evaluationRepot dt::before {
    content: "●";
    position: absolute;
    left: 0;
    top: 0;
}
dl.evaluationRepot dd {
    padding-left: 1.2em;
}
dl.evaluationRepot dd + dt {
    margin-top: 1.5em;
}
/*grameen*/
.grameen .pageHader {
    background-image: url(/asset/img/business/social/grameen/grameen_pc.jpg?250324);
}
.merit dl {
    line-height: 1.75;
}
.merit dt {
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.merit dd + dt {
    margin-top: 3rem;
}
.social_flexcloum {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.social_flexcloum figure {
    width: 50%;
    margin-top: 0.5rem;
}
.social_flexcloum figure img {
    border-radius: 10px;
}
.social_flexcloum > div {
    width: 45.25%;
}
figure.centerfig img {
    border-radius: 10px;

}
figure.centerfig + .btn-a.longtxt2 {
    margin-top: 1.5em;
}

/*soclaibiz*/
.socialbiz .pageHader {
    background-image: url(/asset/img/business/social/socialbiz/header_pc.jpg);
}

@media screen and (max-width: 767px) {
    .genki .pageHader {
        background-image: url(/asset/img/business/social/genki/genki_sp.jpg);
        height: 35.73vw;
    }
    
    .genkiFlow {
        flex-wrap: wrap;
        position: relative;
    }
    .genkiFlow figure {
        width: 50%;
    }
    .genkiFlow figure img {
        width: auto;
        height: 164px;
    }
    .genkiFlow figure:nth-child(2) {
        margin-bottom: 1.5rem;
    }
    .genkiFlow figure::after {
        top: 40%;
    }
    .genkiFlow figure:nth-child(2)::after {
        display: none;
    }
    .genkiFlow:@media screen and (max-width: 767px)
    .genkiFlow figure::after {
        top: 40%;
    }
    .genkiFlow::after {
        content: "";
        width: 25px;
        height: 25px;
        background-image: url(/asset/img/common/flow-arrow.svg);
        background-repeat: no-repeat;
        background-size: 25px;
        display: block;
        position: absolute;
        right: calc(50% - 13px);
        top: 50%;
        transform:rotate(135deg); 
        margin-top: -13px;
    }
    .cookieNumWrap .num {
        padding: 3rem 0 2.5rem;
    }
    .cookieNumWrap .num span {
        margin: 0 0.5rem 0 0;
        font-size: 4rem;
        vertical-align: -0.5rem;
        line-height: 1.3;
    }
    .inner2 .cookieNumWrap p + p {
        line-height: 1.6;
        margin-top: 1rem;
    }
    .otherAct {
        display: block;
    }
    .otherAct dl {
        width: 100%;
    }
    .otherAct dl + dl {
        margin-top: 3rem;
    }
    .genkihistory {
        margin-bottom: 3rem;
    }
    .genkihistory li {
        display: flex;
        flex-wrap: wrap;
        padding: 2.5rem 0;
    }
    .genkihistory li h5 {
        order:3;        
        width: 100%;
    }
    .genkihistory li b {
        order: 2;
        position: inherit;
        left: inherit;
        top: inherit;
        margin-bottom: 1.5rem;
        display: block;d        
        width: 100%;
    }
    .genkihistory li figure {
        order:1;
        float: none;                
        overflow: hidden;
        width: 100%;
        margin-left: 0;
    }
    
    .genkihistory li p {
        order: 4;        
        width: 100%;
    }
    .genkihistory li figure img {
        display: block;
        margin: 0 auto 2rem;
        width: 81.41%;
    }
    .genkicorp li {
        display: block;
    }
    .genkicorp li figure,
    .genkicorp li > div {
        width: 100%;
    }
    .genkicorp li figure {
        margin-bottom: 2rem;
    }
    .centerfig.cookiegraph {
        display: block;
    }
    figure.centerfig.cookiegraph div {        
        max-width: 90.66vw;
        overflow-x: scroll;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        padding-bottom: 5px;
    }
    figure.centerfig.cookiegraph div img {
        max-width: 500px;
    }
  

    .simplebar-track {
        background-color: #d4d4d4;
        height: 10px !important;
        border-radius: 5px;
    }
    .simplebar-track .simplebar-scrollbar::before {
        background-color: #009E8A;
        border-radius: 5px;
        height: 8px;
        opacity: 1;
        margin-bottom: 1px;
    }
    .simplebar-scrollbar.simplebar-visible:before {
        opacity: 1;
    }
    .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: calc(100% - 1px);
    }
    .graph2 .simplebar-track .simplebar-scrollbar::before {
        background-color: #5f80bf;
    }

    .thanksMsg p {
        width: 90.66%;
        margin: 0 auto;
        text-align: left;
    }
    .thanksMsg p br {
        display: none;       
    }
    /*grameen*/
    .grameen .pageHader {
        background-image: url(/asset/img/business/social/grameen/grameen_sp.jpg?250324);
        height: 35.73vw;
    }
    .grameenLogo {
        width: 300px;
    }
    .grameenProject.inner2 p:nth-child(even) {
        margin-top: 1.5rem;
    }
    .social_flexcloum {
        display: block;
    }
    .social_flexcloum figure,
    .social_flexcloum > div {
        width: 100%;
    }
    .social_flexcloum figure {
        margin-bottom: 2rem;
    }
    figure.centerfig + .btn-a.longtxt2 a span {
        padding: 1.5rem 3.5rem;
    }

    .takepartin {
        display: block;
    }
    .takepartin > div {
        width: 100%;
    }
    .takepartin > div + div {
        margin-top: 4rem;
    }
    .takepartin dt span.new {
        padding: 0.2em 0.5em;
    }

    .socialbiz .pageHader {
        background-image: url(/asset/img/business/social/socialbiz/header_sp.jpg);
        height: 35.73vw;
    }

 
}