@charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------
 応用例と使用上の注意(caution.html)
--------------------------------------------------------------------------------------- */
.contents_caution ul.img_list{margin: 40px 0;}
.contents_caution ul.img_list li{border-bottom: dotted 1px #999; padding: 10px 0 10px;}
.contents_caution ul.img_list li figure,
.contents_caution ul.img_list li p{display: inline-block; vertical-align: middle;}
.contents_caution ul.img_list li:nth-child(1) figure{width:38%; padding:0 3em 0 0;}
.contents_caution ul.img_list li:nth-child(2) figure{width:43%; padding: 0 1% 0 0;}
.contents_caution ul.img_list li:nth-child(3) figure{width:43%; padding: 0 1% 0 0;}
.contents_caution ul.img_list li figure img{width:100%;}

.contents_caution ul.img_list li p .text_weight{font-size: 16px;}
.contents_caution ul.img_list li p a{padding: 0px 0 0 10px;}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .contents_caution ul.img_list li:nth-child(1) figure{width:100%; padding:0 0px 0 0;}
    .contents_caution ul.img_list li:nth-child(2) figure{width:100%; padding: 0 0px 0 0;}
    .contents_caution ul.img_list li:nth-child(3) figure{width:100%; padding: 0 0px 0 0;}
}
/* --------------------------------------------------------------------------------------
  sec10  TZ型 「つれゼロ・ワッシャー」寸法表
--------------------------------------------------------------------------------------- */
.contents_caution .sec_10 {margin: 100px 0 100px;}
.contents_caution .sec_10 h3{
    background: #F8B62D;
    padding: 5px 30px 5px 180px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    max-width: 500px;
    margin-left: 0px;
    border-radius: 0px 0px 20px 0px;
}
.contents_caution .sec_10 {position:relative;}
.contents_caution .sec_10  .img002{
    position:absolute;
    top:-2%; 
    left:0;
}
.contents_caution .sec_10 .img002 img{width: 150px;}
/*図とテキスト*/
.contents_caution .sec_10 .table_box .t_title{
    background: #E50012;
    color:#FFF;
    font-size: 15px;
    margin: 50px 0 50px 0;
    padding: 3px 150px 3px 30px;
    float: right;
    text-align: left;
    position:relative;
}

.contents_caution .table_box .t_title h4{text-align: center; font-size:16px; font-weight: bold;}
.contents_caution .table_box .t_title figure{
    position:absolute;
    top:-100%; 
    right:0;
}


.contents_caution .sec_10 .table_box table{clear: both;
}

/*表部分*/
.contents_caution .sec_10 .table_box table{width:100%;}
.contents_caution .sec_10 .table_box table tr{font-size: 14px; text-align: center;}
/*背景色*/
.contents_caution .sec_10 .table_box table th{color: #000; background:#FCD489; font-weight: normal;}
.contents_caution .sec_10 .table_box table tr:nth-child(even){background:#DCDDDD;}
/*横線*/
.contents_caution .sec_10 .table_box table tr{border-top: solid 1px #8D8D8D;}
.contents_caution .sec_10 .table_box table tr:last-child{border-bottom: solid 1px #8D8D8D;}
/*縦線*/
.contents_caution .sec_10 .table_box table th,
.contents_caution .sec_10 .table_box table tr td{border-right:solid 1px #8D8D8D;}
.contents_caution .sec_10 .table_box table th:last-child,
.contents_caution .sec_10 .table_box table tr td:last-child{border-right:none;}
.contents_caution .sec_10 .table_box div p{font-size:14px; margin:10px 0 0 0; }


/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .contents_caution .sec_10{margin:0 0px;}  
    .contents_caution .sec_10 h3{font-size: 17px; padding: 5px 30px 5px 80px;}     
    .contents_caution .sec_10 .img002 img{width: 80px;}
    /*図とテキスト*/
    .contents_caution .sec_10 .table_box .t_title{
        background: #E50012;
        color:#FFF;
        font-size: 15px;
        margin: 30px 0 50px 0;
        padding: 3px 150px 3px 30px;
        float: right;
        text-align: left;
        position:relative;
    }
    .contents_caution .sec_10 .table_box .t_title h4{text-align: center; font-size:13px; font-weight: bold;}
    .contents_caution .sec_10 .table_box .t_title figure{top:-10%; right:0;}
    /*表部分*/
    .contents_caution .sec_10 .table_box table tr{font-size: 13px; text-align: center;}
    .contents_caution .sec_10 .table_box div p{font-size:13px; margin:10px 0 0 0; }

}