/*=======================================
    Company
=======================================*/

/*---------------------------
   image_url
---------------------------*/

/*-- company-philosophy-image --*/

    .c-p-img{
        background-image: url(../../assets/images/2_company/c-philosophy2.jpg);
    }

    .c-p-sp-img{
        background-image: url(../../assets/images/2_company/c-philosophy2_sp.jpg);
    }


/*-- company-vision-image --*/

    .c-v-img{
        background-image: url(../../assets/images/2_company/c-philosophy3.jpg);
    }

    .c-v-sp-img{
        background-image: url(../../assets/images/2_company/c-philosophy3_sp.jpg);
    }

    .c-v2-img{
        background-image: url(../../assets/images/2_company/c-philosophy4.jpg);
    }

    .c-v2-sp-img{
        background-image: url(../../assets/images/2_company/c-philosophy4_sp.jpg);
    }

    .c-v3-img{
        background-image: url(../../assets/images/2_company/c-philosophy5.jpg);
    }

    .c-v3-sp-img{
        background-image: url(../../assets/images/2_company/c-philosophy5_sp.jpg);
    }


/*=======================================
    padding-Definition [ separator ]
=======================================*/    

    #vision{
        padding-top: 104px;
    }

    #company{
        padding-top: 104px;
    }


@media screen and (min-width: 768px) {

    #vision{
        padding-top: 144px;
    }

    #company{
        padding-top: 144px;
    }

}
    
/*---------------------------
   Philosophy_Section
---------------------------*/

/*---- general-css ----*/

    .f-upper{
        text-transform: uppercase;
    }

/*---- general-css-end ----*/

    .c-philosophy-image-box{
        display: flex;
        flex-direction: column;
        width: calc(100%);
        align-items: flex-end;
    }

    .c-philosophy-image-box img{
        width: calc(80%);
        max-width: 652px;
    }

    .c-philosophy-text-box{
        margin-top: 12px;
        text-align: left;
    }

    .c-p-title{
        color: var(--Point-Blue);
        letter-spacing: 1.2px;
        margin-bottom: 12px;
    }

    .c-p-subtitle{
        color: var(--Point-darkBlue);
    }


@media screen and (max-width: 1040px) and (min-width: 768px) {



}

@media screen and (min-width: 768px) {

    .c-philosophy-image-box img{
        width: calc(100%);
        max-width: 652px;
    }

    .c-philosophy-text-box{
        margin-top: 20px;
        text-align: left;
    }

    .c-p-title{
        letter-spacing: 3.2px;
    }

}



/*---------------------------
   company_Section
---------------------------*/

    .company-table_container{
        border: 1px solid #f9f9f9;
    }

    .company-table-row{
        width: calc(100%);
        display: grid;
        grid-template-columns: 1fr;
        gap: 0%;
    }

    .company-table-row p{
        font-size: 16px;
        line-height: 32px;
        margin-bottom: 0;
    }

    .company-table-left{
        font-weight: 700;
        border-top: none;
        padding: 20px;
        background-color: #F6FAFB;
    }

    .company-table-right{
        border-top: none;
        padding: 20px;
    }

    .company-table-row:last-child .company-table-left{
        border-bottom: none;
    }

    .company-table-row:last-child .company-table-right{
        border-bottom: none;
    }

@media screen and (max-width: 1040px) and (min-width: 768px) {



}

@media screen and (min-width: 768px) {

    .company-table_container{
        border: none;
    }

    .company-table-row{
        grid-template-columns: 20% 70%;
        gap: 10%;
    }

    .company-table-left{
        border-top: 1px solid #b4b7c0;
        padding: 33px 20px;
        background-color: unset;
    }

    .company-table-right{
        padding: 33px 20px;
        border-top: 1px solid #b4b7c0;
    }

    .company-table-row:last-child .company-table-left{
        border-bottom: 1px solid #b4b7c0;
    }

    .company-table-row:last-child .company-table-right{
        border-bottom: 1px solid #b4b7c0;
    }

    .company-table-row p{
        font-size: 18px;
    }

}


/*---------------------------
   Vision_Section
---------------------------*/

    .v-text-box{
        height: 100%;
        display: block;
        flex-direction: column;
        justify-content: center;
    }

@media screen and (max-width: 1040px) and (min-width: 768px) {



}

@media screen and (min-width: 768px) {

    .v-text-box{
        display: flex;
    }

}