@charset "UTF-8";
.company .text-box {margin: 0 auto 8vw;} 
.company .flex-box img { width: 100%;}
.company ul{margin: 0 auto 10vw;}
.company li{padding: 6vw;border: 4px solid #fff; margin: 0 auto 6vw;}
.company li p{text-align: center;font-weight: bold;font-size: 4.5vw;margin: 0 auto 4vw;padding-bottom: 4vw; border-bottom: 1px solid #dbd7c9;}
.company li table{width: 100%;}
.company li table th{font-weight: bold;width: 26%;padding: 2vw 0;line-height: 1.8;}
.company li table td{padding: 2vw 0;line-height: 1.8;}


/* ========================================
 pc
==========================================*/
@media screen and (min-width: 736px) { 

.company .text-box {margin: 0 auto 50px;flex: 1;} 
.company .flex-box img { width: 500px;}
.company .flex-box{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;margin: 0 auto 100px; gap: 60px;}

.company ul{margin: 0 auto 100px;}
.company li{padding:  40px;min-height: 540px;margin: 0;flex: 1;}
.company li p{font-size: 20px;margin: 0 auto 10px;padding-bottom: 10px;}
.company li table th{padding: 16px 0;}
.company li table td{padding: 16px 0; }

.company .flex-box p.text { flex:1;}
}