.mt40 { margin-top:40px !important}
.mw100 { max-width:100%;}
.part_title_big { font-size:24px; color:#000; font-weight:600;}
.b_tlt2 { color:#000; font-size:1.2em; font-weight:600;}
.pro_libox { background:#FFF;}
.pro_libox .pro1_ul.wh100 { padding: 0 20px; width:calc(100% - 20px); float:none; }
.proarea_box1 {  background: #FFF; margin: 10px 0; text-align: center;}
.proarea_box1 p { margin:10px 0;}
.proarea_box1 ul { padding:0; margin:0; display:flex; flex-wrap:wrap;}
.proarea_box1 ul * {box-sizing: border-box;}
.proarea_box1 ul li { list-style:none; margin:0 20px 20px 0; }
.proarea_box1 ul li img { max-width:100%; border:solid 1px #e0e0e0;}
.proarea_box1 ul.col2 li { width:calc(50% - 10px) !important;}
.proarea_box1 ul.col2 li:nth-child(2n) {margin-right:0;}
.proarea_box1 ul.col3 li { width:calc(33% - 11px) !important;}
.proarea_box1 ul.col3 li:nth-child(3n) {margin-right:0;}
.proarea_box1 ul.col4 li { width:calc(25% - 15px) !important;}
.proarea_box1 ul.col4 li:nth-child(4n) {margin-right:0;}

.tbody_th tr:first-child th,
.tbody_th tr:first-child td{ border-top: 2px solid #1955b8; }
.tbody_th tbody th { border-bottom: 1px solid #e1e1e1; padding: 10px 10px; }

.flex { display:flex; width:100%;}
.flex * {box-sizing: border-box;}
.flex-row { flex-direction: row;}
.flex-col {flex-direction: column;}
.flex-wrap { flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap}
.align-content-t { align-content: flex-start;}
.align-content-c { align-content: center;}
.align-content-b { align-content: flex-end;}
.align-item-t { align-items: flex-start;}
.align-item-c { align-items: center;}
.align-item-b { align-items: flex-end;}
.align-item-s { align-items: stretch;}
.justify-content-t { justify-content: flex-start;}
.justify-content-c{ justify-content: center;}
.justify-content-b { justify-content: flex-end;}
.justify-content-s { justify-content: space-between;}

.w100 { width:100%;}
.w75 { width:75%;}
.w60 { width:60%;}
.w50 { width:50%;}
.w40 { width:40%;}
.w33 { width:33.333%;}
.w25 { width:25%;}
.w20 { width:20%;}
.col2 > .sub_col {width:50%;}
.col3 > .sub_col {width:33.333%;}
.col4 > .sub_col {width:25%;}
.col5 > .sub_col {width:20%;}


@media (max-width:767px) { 
.flex-wrap-mo{ flex-wrap: wrap;}
.col2 > .sub_col {width:100%;}
.col3 > .sub_col {width:100%;}
.col4 > .sub_col {width:100%;}
.col5 > .sub_col {width:100%;}
.w75 { width:100%;}
.w60 { width:100%;}
.w50 { width:100%;}
.w40 { width:100%;}
.w33 { }
.w25 { width:50%;}
.w20 { width:50%;}
}