@charset "utf-8";

/*
************************************************************************
* company
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */


.box-company {
    padding: 2em;
    margin-bottom: 2em;
}
.box-company .title {
    text-align: center;
    font-size: 1.9em;
    margin-bottom: 1em;
    color: #FF6000;
}
.box-company .text {
    font-size:1.1em;
}
.box-company .text p {
    margin-bottom: 1em;

}
.box-company .flex-box.flex-box-2 {

}
.box-company .flex-box.flex-box-2 .flex-box-item {
    width: calc(40% - 4em);
}
.box-company .flex-box.flex-box-2 .flex-box-item.text {
    width: calc(60% - 4em);
}

.company-member {
    padding: 4em 3em 2em 3em;
}
.company-member .face {
    text-align: center;
    margin-bottom: 1em;
}
.company-member .name {
    text-align: right;
}
.company-member .name span {
    display: block;
}


.box-company-mama {

}
.box-company-mama .text {
    padding-top: 3em;
    font-size: 1.57em;
}
.box-company-mama .concept {
    font-size: 1.4em;
    margin-bottom: 3em;
    text-align: center;
}
.box-company-mama .concept p {
    margin-bottom: 1em;
}



.tabler-company {
    padding: 0 2em;
    margin-bottom: 4em;
}

.tabler-company table {
    width: 100%;

    border-collapse : collapse;

    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
}
.tabler-company table tr {
    border-bottom: 1px solid #707070;

}
.tabler-company table tr td {
    padding: 1em 2em;
    border-right: 1px solid #707070;
}
.tabler-company table tr td:last-child {
    border: none;
}

.tabler-company.tabler-company-history {
    padding: 0 6em;
}

.tabler-company.tabler-company-history table {
    border: none;
}
.tabler-company.tabler-company-history table tr {
    border: none;
}
.tabler-company.tabler-company-history table tr td {
    border: none;
}
.tabler-company.tabler-company-history table tr td.item {
    width: 6em;
    box-sizing: content-box;
}




/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {


    .box-company {
        padding: 1em;
        margin-bottom: 2em;
    }

    .box-company .flex-box.flex-box-2 .flex-box-item {
        width: 100%;
    }
    .box-company .flex-box.flex-box-2 .flex-box-item.text {
        width: 100%;
    }

    .box-company-mama .text {
        padding-top: 0em;
        font-size: 1.1em;
        font-weight: bold;
        text-align: center;
    }
    .box-company-mama .concept {
        font-size: 1.1em;
        margin-bottom: 3em;
        text-align: left;
    }

}