@charset "utf-8";
/* CSS Document */
  .subPageTitle01 {
    background: url("/nisc/english/products/carbodilite/images/bg_carbodilite.jpg") no-repeat center center,#d3e9f6;
    background-size: auto auto;
}

    @media screen and (max-width: 767px) {
      .subPageTitle01 {
        background-size: auto 100%; }
}

@media screen and (max-width: 767px){
    .navExpand { top: 93px;}
}

.col01{ color: #ff0000;}
.carbodilite h3.title01{ margin-bottom: 35px;}

.carbodilite .sec01 .box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    border: 3px solid #6bcb80;
    box-sizing: border-box;
}
.carbodilite .sec01 .box .img{
    width: 23%;
    max-width: 210px;
}
.carbodilite .sec01 .box .img img{ display: block;}
.carbodilite .sec01 .box .txt{
    width: 77%;
    padding-left: 30px;
    box-sizing: border-box;
}
.carbodilite .sec01 .box .txt h3{
    font-size: 22px;
    margin-bottom: 8px;
    color: #6bcb80;
}
#subPage01.carbodilite .sec01 .box .txt p{
    font-size: 14px;
    line-height: 1.7;
}

.carbodilite .sec_inner{
    width: 90%;
    max-width: 640px;
    margin: 0 auto;
}
.carbodilite .inner_in{
    margin-left: 20px;
    margin-right: 10px;
}

.sub{
    position: relative;
    font-size: 10px;
    bottom: -1px;
}

.carbodilite ul.list {
    list-style: disc;
    list-style-position: inside;
}
.carbodilite ul.list  li{
    position: relative;
    font-size: 14px;
    text-indent: -20px;
    padding-left: 20px;
    box-sizing: border-box;
}
.carbodilite ul.list  li+li{ margin-top: 10px;}

.carbodilite .list li ol li{ line-height: 1.5;}
.carbodilite .list li ol li+li{ margin-top: 0;}

.carbodilite .note{ font-size: 13px; margin-top: 5px;}
.carbodilite .sec02 .note{ margin-top: 15px;}

.carbodilite .sec03,
.carbodilite .sec04,
.carbodilite .sec05,
.carbodilite .sec06{ margin-top: 65px;}

.carbodilite table.tbl,
.carbodilite table.tbl02{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #a2a3a2;
    border-bottom: 1px solid #a2a3a2;
    box-sizing: border-box;
}
.carbodilite table.tbl02{ margin: 15px 0; line-height: 1.3;}

.carbodilite table.tbl th,.carbodilite table.tbl td,
.carbodilite table.tbl02 th,.carbodilite table.tbl02 td{
    border-right: 1px solid #a2a3a2;
    text-align: left;
    font-size: 14px;
    padding: 3px 6px;
    box-sizing: border-box;
}


.carbodilite table.tbl th,
.carbodilite table.tbl02 th{
    background: #e6ffe6;
}
.carbodilite table.tbl02 th{
    font-weight: 500;
    width: 140px;
    vertical-align: top;
}

.carbodilite table.tbl tr,
.carbodilite table.tbl02 tr{
    border-bottom: 1px dotted #a2a3a2;
}
.carbodilite table.tbl thead th:last-of-type,
.carbodilite table.tbl td:last-of-type,
.carbodilite table.tbl02 td{ border-right:none;}

.v_align-middle{ vertical-align: middle;}

.carbodilite table.tbl02 dl{
    display: flex;
    justify-content: flex-start;
}
.carbodilite table.tbl02 dt{ width: 80px;}

.carbodilite table.tbl02 .flex{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.carbodilite table.tbl02 .flex .txt{
    width: 75%;
    padding-right: 5px;
    box-sizing: border-box;
}
.carbodilite table.tbl02 .flex .img{
    width: 25%;
    max-width: 120px;
    margin-top: 0;
}
.carbodilite table.tbl02 .flex .img img{ display: block;}

.carbodilite .sec03 .tbl02{
    margin-bottom: 20px;
    table-layout: fixed;
    border-collapse:separate;
    border-spacing:0px;
}

.carbodilite .sec03 .tbl02 th,
.carbodilite .sec03 .tbl02 td{
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #a2a3a2;
    border-bottom: 1px dotted #a2a3a2;
    word-break: break-all;
    letter-spacing: -0.02rem;
}
.carbodilite .sec03 table.tbl02 td{ padding: 3px;}

.carbodilite .sec03 .tbl02 td:last-of-type{ border-right: none;}
.carbodilite .sec03 .tbl02 tr:last-of-type th,
.carbodilite .sec03 .tbl02 tr:last-of-type td{ border-bottom: none;}

.border_btm{border-bottom: 1px solid #a2a3a2 !important;}
.border_top{border-top: 1px solid #a2a3a2 !important;}

.border_btm.dotted{border-bottom: 1px dotted #a2a3a2 !important;}
.border_top.dotted{border-top: 1px dotted #a2a3a2 !important;}
.border_none{ border-bottom: none !important;}


.carbodilite .sec03 .text{ margin-top: 15px;}

.carbodilite .sec04 ul.list{ margin: 10px 0;}
.carbodilite .sec04 ul.list.weight li{
    margin: 20px 0 15px 0;
}
/*JRCE追記*/
.carbodilite .sec04 ul.list.weight h4{
    font-weight: bold;
}

.carbodilite .sec04 ul.list li+li{
    margin-top: 5px;
}
.carbodilite .sec04 .img{ margin-top: 15px;}
.carbodilite .sec04 .text02{
    font-size: 14px;
    color: #002fff;
}
.carbodilite .text03{
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: -0.03rem;
}

.mt00{ margin-top: 0 !important;}
.mt5{ margin-top: 5 !important;}

.mb15{ margin-bottom: 15px !important;}

.carbodilite .sec06 .box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.carbodilite .sec06 .box .img{
    width: 10%;
    font-size: 12px;
}
.carbodilite .sec06 .box .img img{ display: block;}
.carbodilite .sec06 .box .txt{
    width: 90%;
}

.carbodilite .sec07{
    margin: 65px 0;
}
.carbodilite .sec07 .tbl02{ margin-bottom: 20px;}
.carbodilite .sec07 .tbl02 th{
    width: 250px;
}

.carbodilite .small_sp{ display: none !important;}

@media screen and (max-width: 767px){
    .carbodilite h3.title01{ margin-bottom: 6%;}
    .carbodilite .sec01 .box{
        display: block;
        padding: 4%;
    }
    .carbodilite .sec01 .box .img{
        width: 100%;
        max-width: 210px;
        margin: 0 auto;
    }
    .carbodilite .sec01 .box .txt{
        width: 100%;
        margin-top: 4%;
        padding-left: 0;
    }
    .carbodilite .sec06 .box{
        display: block;
    }
    .carbodilite .sec06 .box .img{
        width: 100%;
        max-width: 47px;
        margin: 0 auto;
    }
    .carbodilite .sec06 .box .txt{
        width: 100%;
        margin-top: 4%;
        padding-left: 0;
    }
    .carbodilite .sec01 .box .txt h3{
        font-size: 20px;
    }
    #subPage01.carbodilite .sec01 .box .txt p{
        font-size: 14px;
    }
    .carbodilite .sec_inner{
        width: 100%;
        padding: 0 4%;
        box-sizing: border-box;
        max-width: inherit;
    }
    .carbodilite .inner_in{
        margin-left: 5px;
        margin-right: 5px;
    }

    .carbodilite ul.list {
        list-style: disc;
        list-style-position: inside;
    }

    .carbodilite .note{
        font-size: 10px;
        text-indent: -10px;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .carbodilite .sec03,
    .carbodilite .sec04,
    .carbodilite .sec05,
    .carbodilite .sec06{ margin-top: 10%;}

    .carbodilite .caption{
        margin-bottom: 3px;
    }
    .carbodilite table.tbl02 th{
        width: 35%;
    }
    .carbodilite table.tbl th,.carbodilite table.tbl td{
        border-right: 1px solid #a2a3a2;
        text-align: left;
        font-size: 13px;
        padding: 3px 6px;
        box-sizing: border-box;
    }

    .carbodilite table.tbl02 dl{
        display: block;
    }
    .carbodilite table.tbl02 dl+dl{ margin-top: 10px;}
    .carbodilite table.tbl02 dt{ width: 100%;}
    .carbodilite table.tbl02 .flex{
        display: block;
    }
    .carbodilite table.tbl02 .flex .txt{
        width: 100%;
        margin-bottom: 4%;
        padding-right: 0;
        box-sizing: border-box;
    }
    .carbodilite table.tbl02 .flex .img{
        width: 100%;
        max-width: 120px;
        margin-top: 0;
    }

    .carbodilite .sec07{
        margin: 10% 0;
    }

    .carbodilite .contact_box{
        margin-top: 4%;
    }

    .carbodilite .sec04 .img img{
        display: block;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    .carbodilite .sec07 .tbl02 th{
        width: 40%;
    }

}

@media screen and (max-width: 360px){
    .carbodilite table.tbl th,.carbodilite table.tbl td{
        font-size: 12px;
        padding: 3px 3px;
    }

}

@media screen and (max-width: 320px){
    .carbodilite .small_sp{ display: block !important;}
}