@charset "utf-8";

/**********************************************/
/* NITTOCORP*/
/* 製品事例*/
/**********************************************/

/**********************************************/
/* 製品事例*/
/**********************************************/
.tbl-product {
    width: 100%;
    border-collapse: collapse;
    border: 1px #ddd solid;
}
.tbl-product th {
    padding: 5px 10px;
    border-bottom: 1px #ddd solid;
    width: 20%;
    
    background-color: #f5f5f5;
}
.tbl-product td {
    padding: 5px 10px;
    border-bottom: 1px #ddd solid;
    width: 80%;
}

.productlist {
    width:100%;
    overflow: hidden;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.productlist li {
    width: 50%;
}



/**********************************************/
/* 子ぶたの家*/
/**********************************************/
#example .col {
    padding: 10px;
}
#example .col img {
    margin-bottom: 10px;
}

.merit {
    margin: 0 0 10px 20px;
}
.merit dt {
    font-weight: bold;
}
.merit dd {
    margin: 5px 0 0 20px;
}

.tbl-kobuta {
    width: 100%;
    border-collapse: collapse;
    border: 1px #ddd solid;
}
.tbl-kobuta th {
    padding: 5px 10px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd dotted;
    
    background-color: #124D96;
    color: #fff;
}
.tbl-kobuta td {
    padding: 5px 10px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd dotted;
}


/****************************/
/*レスポンシブ
/****************************/
/*  1280px 以下 */
@media screen and (max-width: 1280px) { 
}

/*  980px 以下 */
@media screen and (max-width: 980px) {
}

/*  768px 以下 */
@media screen and (max-width: 768px) {
}

/*  520px 以下 */
@media screen and (max-width: 520px) {   
}