.WsCardList{
    width: auto;
    margin: 0 auto 100px;
    text-align: center;
}

.WsCardList li{ display: inline-block; width: 19%; margin-right: 5px;}


.graphList{
    width: auto;
    margin: 0 auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}


@media(max-width:750px){

.WsCardList li{ display: inline-block; width: 31%;margin-bottom: 10px;}
    
.graphList{
    width: auto;
    margin: 0 auto 100px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}

}


/* ---------------------------------------------------------------------------------
common */



@media(max-width:750px){


}






@media(min-width:751px){


}





@media(max-width:750px){




}








/* ---------------------------------------------------------------------------------
INTRO */


.oneBenefit{}
.oneBenefit header{ position:relative;border-bottom: 1px solid #aaa; margin-bottom: 20px;}
.oneBenefit header .icon{ width: 60px; margin-right: 10px; display: inline-block;vertical-align: middle; padding-bottom: 10px; }
.oneBenefit header h3{display: inline-block; vertical-align: middle; line-height: 1em; padding-bottom: 6px; font-size: 22px;}

@media(max-width:750px){
    .oneBenefit header .icon{ width: 100px;}
    .oneBenefit header{ margin-bottom: 40px;}
    .oneBenefit header h3{font-size: 32px;}

}



.oneBenefit ul{
    width: auto;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 20px;
}

.oneBenefit ul.grid4{
    grid-template-columns: repeat(4, 1fr);
}
.oneBenefit ul li{}
.oneBenefit ul li figure{}
.oneBenefit ul li figcaption{}
.oneBenefit ul li h4{ color: #957f55;padding: 20px 0 15px; line-height: 1em;font-size: 20px;}
.oneBenefit ul li p{}

@media(max-width:750px){

.oneBenefit ul{
    width: auto;
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

.oneBenefit ul.grid4{
    grid-template-columns: repeat(2, 1fr);
}

.oneBenefit ul li h4{ color: #957f55;padding: 20px 0 15px; line-height: 1.4em;font-size: 30px;}

}