@charset "utf-8";

/*	supplieritem
----------------------------------------------------------- */
.sec-supplieritem { margin: 30px auto 50px;}
.supplieritem {}
.supplieritemList { width: 96%; margin: auto; display: flex; flex-wrap: wrap; gap: 50px 30px;}
.supplieritemList-item { width: calc((100% - 30px) / 2); display: flex; flex-direction: column; }
.supplieritemList-itemInner { display: flex; flex-direction: column; flex: 1 1 auto;}
.itemName-box { display: flex; flex-direction: column;}
.supplieritemList-item .itemName { /*font-weight:bold;*/  display: flex; color:#C33A4A; font-size:20px; word-break: break-word;}
.supplieritemList-item .itemTxt { padding-bottom:10px; font-size: 16px; word-break: break-word; flex-grow: 1;}
.supplieritemList-item .itemTxt a { color:#C33A4A;}
.supplieritemList-item .itemLink {}
.supplieritemList-item .itemImg { width: 225px; height: auto; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: 10px;}
.supplieritemList-item .itemImg._contain { object-fit: contain;}
.contactBtn { margin-bottom: auto;}

.supplieritemList-item .supplieritemTable { font-size: 0.9em !important; width: 100% !important;}
.supplieritemList-item .supplieritemTable td { font-size: 0.9em !important; width: 20px !important;}
.supplieritemList-item dl { display: flex;}
.supplieritemList-item dl dt { width: 20%; font-size: 0.9em;}
.supplieritemList-item dl dd { width: 80%; font-size: 0.9em;}



@media print, screen and (min-width: 768px) {
.sec-supplieritem { margin: 30px auto 50px;}
.supplieritemList { width: 960px; gap: 50px 20px;}
.supplieritemList-item { width: calc((100% - 60px) / 4);}
.supplieritemList-item .itemImg { width: 225px; height: 150px; }

}



