.vision_wrap .maincolor{
    color: #1665bf;
}

.txt_large_maincolor,
.txt-large_ll{
    font-size: 1.7em;
}

.txt-large_l{
   font-size: 1.5em;
}

.txt-large{
    font-size: 1.3em;
}

.txt-large_18{
    font-size: 1.3em;
}


.maxwith460{
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
}

.values{
    width: 100%;
    max-width :600px;
    margin: 0 auto;
}


.values ul li{
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-top: 16px;
}

.values ul li span{
    display: block;
}

.values ul li .maincolor{
    width: 8em;
    font-weight: bold;
}

.c-basic-content table td{
    padding-left: 16px;
    padding-right: 16px;
}

.table_gray{
    width: 100%;
    max-width: 255px;
    /*display: inline-flex;*/
}

.table_gray th{
    height:38px;
}


.flex-strech{
    align-items: stretch;
}

.arrow_gray{
    display: inline-block;
    content: "";;
    width: 35px;
    height: 150px;
    background: #f2f2f2;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    margin-top: 75px;
}


.table_blue{
    width: 100%;
    max-width: 670px;
}

.bg-lightblue{
    background-color: #E4EEFA;
}

.sp-2c{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.sp-2c .bg-lightblue{
    width: 23%;
    padding: 16px;
    margin-bottom: 16px;
}

.bg_maincolor{
   background-color: #1665BF;
    color: #fff;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    margin: 16px auto 0;
}

.value_creation_arrow{
    content: "";
    display: block;
    width: 150px;
    height: 35px;
    background: #f2f2f2;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin-top: inherit;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 640px) {

.txt_large_maincolor{
    font-size: 1.25em;
}

.txt-large_ll{
    font-size: 1.3em;
}


.txt-large_l{
   font-size: 1.2em;
}

.txt-large{
    font-size: 1.3em;
}

.txt-large_18{
    font-size: 1.3em;
}

    .values ul li {
        flex-direction: column;
    }
    .vision_wrap .table_gray{
    width: 100%;
    max-width: inherit;
    margin-bottom: 0;
}

.flex-strech{
    flex-direction: column;
}

.arrow_gray{
    content: "";
    display: block;
    width: 150px;
    height: 35px;
    background: #f2f2f2;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin-top: inherit;
    margin-left: auto;
    margin-right: auto;
}


.table_blue{
    width: 100%;
    max-width: 670px;
    margin-top: 16px;
}
    
    
    .sp-2c .bg-lightblue{
        width: 48%;
        font-size: 0.9em;
    }


}