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

.new_pro_contents{margin: 0 auto 0px;}
/* --------------------------------------------------------------------------------------
 sec1 振動試験をしました︕
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_1{margin-bottom: 30px }
.new_pro_contents .sec_1 h2{margin: 0 0 20px 0;}
.new_pro_contents .sec_1 img{width:100%;}

/*振動で決して緩まない*/
.new_pro_contents .sec_1 .line{
    position:relative;
    height: 0px;
    border-bottom: solid 1px #000;
    text-align: center
}
.new_pro_contents .sec_1 .line h2{font-size: 36px; color:#000;}
.new_pro_contents .sec_1 .line .t1{
    width:82%;
    background:#FFF;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align: center;
}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 960px) {
    .new_pro_contents .sec_1 .line{margin: 0 20px;}
    .new_pro_contents .sec_1 .line h2{font-size: 3.5vw;}
}


/* --------------------------------------------------------------------------------------
 sec2 ボルロックナットとワシャ
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_2{margin: 30px auto;}
.new_pro_contents .sec_2 img{width:100%;}

.new_pro_contents .sec_2 p{font-size:15px;}

/*youtube*/
.new_pro_contents .sec_2 .youtube_link{text-align: center; margin: 20px 0;}
.new_pro_contents .sec_2 .youtube_link span{
    font-size: 40px;
    color:#E50012;
    display: inline-block;
    vertical-align: middle;
    margin-top:-10px;
}
.new_pro_contents .sec_2 .youtube_link a{font-size:22px; font-weight: bold; color: #000;}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_2 p{padding: 0 20px;}    
    .new_pro_contents .sec_2 .youtube_link span{font-size: 3.5vw;
    margin-top:-0.8vw;}
    .new_pro_contents .sec_2 .youtube_link a{font-size: 2.6vw;}
}


/* --------------------------------------------------------------------------------------
  sec3 角度θ°はねじのリード角より大きく作られています。
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_3 .sec_3_img_box{}
.new_pro_contents .sec_3 .sec_3_img_box li{display: inline-block; vertical-align: top;}
.new_pro_contents .sec_3 .sec_3_img_box li:nth-child(1){width: 60%;}
.new_pro_contents .sec_3 .sec_3_img_box li:nth-child(2){width: 38%;}
.new_pro_contents .sec_3 .sec_3_img_box li img{width:100%;}
.new_pro_contents .sec_3 .sec_3_img_box li p{font-size:16px;}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {    
    .new_pro_contents .sec_3 {margin: 0 20px;}
    .new_pro_contents .sec_3 h2{font-size: 3.5vw;}    
    .new_pro_contents .sec_3 .sec_3_img_box li:nth-child(1){width: 100%;}
    .new_pro_contents .sec_3 .sec_3_img_box li:nth-child(2){width: 100%;}
    .new_pro_contents .sec_3 .sec_3_img_box li p{font-size:14px; text-align: center; padding: 0px 0 20px 0;}
}


/* --------------------------------------------------------------------------------------
   sec4 構造と緩まない原理
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_4 {margin: 40px 0;}
.new_pro_contents .sec_4 h2{
    background: #F8B62D;
    padding: 5px 30px;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    max-width: 700px;
    margin-left: -30px;
    border-radius: 0px 0px 20px 0px;
}
.new_pro_contents .sec_4 .sec_4_list{margin: 40px 0;}
.new_pro_contents .sec_4 .sec_4_list li{
    font-size: 22px;
    font-weight: bold;
    padding-left:2em;
	text-indent:-2em;
}
.new_pro_contents .sec_4 .sec_4_list li span{color:#E60012;}
.new_pro_contents .sec_4 h3{
    border:solid 1px #F8B62D; 
    padding: 5px;
    font-size:18px; 
    fotn-weight:bold;
    max-width:300px;
    text-align: center;
    margin:0 0 10px 0;
}
.new_pro_contents .sec_4 .sec_4_list2{margin: 0px 0;}
.new_pro_contents .sec_4 .sec_4_list2 li{
    font-size: 18px;
    padding-left:1em;
	text-indent:-1em;
}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {    
    .new_pro_contents .sec_4 {margin: 40px 20px;}
    .new_pro_contents .sec_4 h2{
        background: #F8B62D;
        padding: 5px 30px;
        font-size: 18px;
        font-weight: bold;
        max-width: 200px;
        margin-left: -30px;
        border-radius: 0px 0px 20px 0px;
    }
    .new_pro_contents .sec_4 .sec_4_list{margin: 20px 0;}
    .new_pro_contents .sec_4 .sec_4_list li{font-size: 16px;}    
    .new_pro_contents .sec_4 .sec_4_list2 li{font-size: 14px;}
}
/* --------------------------------------------------------------------------------------
 sec5 注意
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_5{}
.new_pro_contents .sec_5 .col2{display: inline-block; vertical-align: middle;}
.new_pro_contents .sec_5 .col2:nth-child(1){width:10%;}
.new_pro_contents .sec_5 .col2:nth-child(2){width:85%;}

.new_pro_contents .sec_5 .col2:nth-child(1){
    padding: 25px 15px;
    font-weight: bold;
    font-size:16px;
    color:#FFF;
    border-radius: 5px;
    background:#E60012;
    margin: 0 10px 0 0;
}


.new_pro_contents .sec_5 .col2:nth-child(2) p{font-size:16px;}
.new_pro_contents .sec_5 .col2:nth-child(2) p span{color:#E60012; text-decoration: underline;}

.new_pro_contents .sec_5 .col2:nth-child(2) p,
.new_pro_contents .sec_5 .col2:nth-child(2) .notes_img{display: inline-block; vertical-align: middle;}

.new_pro_contents .sec_5 .col2:nth-child(2) p{width:85%;}
.new_pro_contents .sec_5 .col2:nth-child(2) .notes_img{width:14%; text-align: center;}
.new_pro_contents .sec_5 .col2:nth-child(2) .notes_img img{width:100%;}

.new_pro_contents .sec_5 .sec_5_img_box{text-align: center;}
.new_pro_contents .sec_5 .sec_5_img_box figure:nth-child(1){width: 100%; max-width: 699px; margin: 30px auto 20px;}
.new_pro_contents .sec_5 .sec_5_img_box .img2{width: 100%; max-width: 360px; margin: 30px auto;}
.new_pro_contents .sec_5 .sec_5_img_box figure img{width:100%;}
.new_pro_contents .sec_5 .sec_5_img_box p{font-size: 22px; font-weight: bold;}


/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_5{margin: 0 20px;}   
    .new_pro_contents .sec_5 .col2:nth-child(1){width:100%;}
    .new_pro_contents .sec_5 .col2:nth-child(2){width:100%;} 
    .new_pro_contents .sec_5 .col2:nth-child(1){
        padding: 10px 0px;
        font-weight: bold;
        font-size:18px;
        color:#E60012;
        border-radius: 0px;
        background:#FFF;
        margin: 0 10px 0 0;
    }
    
    .new_pro_contents .sec_5 .col2:nth-child(2) p{width:65%;}
    .new_pro_contents .sec_5 .col2:nth-child(2) .notes_img{width:30%;}
    .new_pro_contents .sec_5 .sec_5_img_box p{font-size: 18px;}
}
/* --------------------------------------------------------------------------------------
  sec6 寸法表
--------------------------------------------------------------------------------------- */
/*.new_pro_contents .sec_6 h2{font-size: 17px; font-weight: bold; margin:100px 0 0;}*/
.new_pro_contents .sec_6{margin:100px 0 0;}
.new_pro_contents .sec_6 h2{
    background: #F8B62D;
    color: #000;
    padding: 5px 30px;
    font-size: 25px;
    font-weight: bold;
    max-width: 250px;
    margin-left: -30px;
    border-radius: 0px 0px 20px 0px;
}
.new_pro_contents .sec_6 .sub_title{width:100%; margin: 10px 0 0 ;padding: 3px 0 10px; /*border-top:solid 1px #F8B62D;*/}
.new_pro_contents .sec_6 .sub_title h3{font-weight: normal;}
.new_pro_contents .sec_6 .sub_title h3 span{color:#E60012; padding-right: 20px;font-weight: bold;}

.new_pro_contents .sec_6 .table_box .t_title2,
.new_pro_contents .sec_6 .table_box .t_title{
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    background: #FCDB9E;
    padding: 3px 0;
    position:relative;
}
/*タイトル*/
.new_pro_contents .sec_6 .table_box .t_title2 h4,
.new_pro_contents .sec_6 .table_box .t_title h4{text-align: center; font-size:20px; font-weight: bold;}
.new_pro_contents .sec_6 .table_box .t_title2 figure,
.new_pro_contents .sec_6 .table_box .t_title figure{position:absolute; top:18px; right:0;}
.new_pro_contents .sec_6 .table_box .t_title2{margin: 25px 0 0 0;}

.new_pro_contents .sec_6 .table_box p{font-size: 17px; margin: 20px 10px;}

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


/*PDFリンク*/
.new_pro_contents .sec_6  .pdf_link{
    clear: both;
    width: 95%;
    max-width: 700px;
    text-align: center;
    margin: 10px auto 100px;
}
.new_pro_contents .sec_6  .pdf_link .link_box{display: inline-block; width: 48%;}
.new_pro_contents .sec_6  .pdf_link a{
    display: inline-block;
    margin:30px 0 10px;
    padding: 10px 30px;
    background: #DCDDDD;
    border: solid 2px #131D66;
    color:#131D66;
    font-size: 26px;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 5px 5px 10px #CCC;
}



/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_6{margin: 100px 20px 0;}
    .new_pro_contents .sec_6 h2{font-size: 18px; max-width: 120px;}
    .new_pro_contents .sec_6 .table_box{padding:20px 0 0; overflow:hidden;}
    .new_pro_contents .sec_6 .table_box .t_title2 h4,
    .new_pro_contents .sec_6 .table_box .t_title h4{text-align: center; font-size:18px;}
    .new_pro_contents .sec_6 .table_box .t_title2 figure img,
    .new_pro_contents .sec_6 .table_box .t_title figure img{width:50%;}
    .new_pro_contents .sec_6 .table_box .t_title2 figure,
    .new_pro_contents .sec_6 .table_box .t_title figure{position:absolute; top:10px; right:-70px;}
    
    
    .new_pro_contents .sec_6 .table_box table tr{font-size: 14px;}
    .new_pro_contents .sec_6 .table_box div p{font-size:14px; margin:10px 0 0 0; }
    /*PDFリンク*/
    .new_pro_contents .sec_6  .pdf_link{margin: 10px auto 50px;}
    .new_pro_contents .sec_6  .pdf_link .link_box{display: inline-block; width: 100%;}
    .new_pro_contents .sec_6  .pdf_link a{font-size: 23px;}
}



/* --------------------------------------------------------------------------------------
  sec7 様々な厳しい試験を実施しました  他社製品との違い
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_7{}
.new_pro_contents .sec_7 .sec_7_title{
    font-size:28px;
    font-weight: bold;
    background:#F1F3F1;
    padding: 10px;
    width:100%;
    text-align: center;
    margin: 30px 0 50px;
}
.new_pro_contents .sec_7 h2{
    background: #F8B62D;
    color: #000;
    padding: 5px 30px;
    font-size: 25px;
    font-weight: bold;
    max-width: 490px;
    margin-left: -30px;
    border-radius: 0px 0px 20px 0px;
}

/*他社製品との違い表*/
.sec_7_table_box{margin:30px 0 0 0 ;}
.sec_7_table_box table{width:100%; table-layout: fixed;}
.sec_7_table_box table tr th,
.sec_7_table_box table tr td{
    vertical-align: middle;
    border:solid 1px #000;
    text-align: center;
    padding: 10px 5px;
    font-size:13px;
    font-weight: bold;
    line-height: 1.2em;
}

.sec_7_table_box table tr th:nth-child(1){width: 30px!important;}
.sec_7_table_box table tr th{background:#E0E5E1; font-size:15px;}


.sec_7_table_box table tr th figure,
.sec_7_table_box table tr td figure{padding:5px 0 0 0;}

/*番号*/
.sec_7_table_box table tr th:first-child,
.sec_7_table_box table tr .num{border:none; background:none;}
.sec_7_table_box table tr .num{text-align: right; padding: 0px;}
.sec_7_table_box table tr .num span{
    background: #F8B62D;
    color:#FFF;
    padding: 10px 10px 10px 13px;
    font-size:16px;
    font-weight: bold;
    border-radius:20px 0px 0 20px;
}

/*3列目*/
.sec_7_table_box table tr th:nth-child(3){
    background:#FFF000;
    border-top:solid 4px #E50012;
    border-left:solid 4px #E50012;
    border-right:solid 4px #E50012;
}

.sec_7_table_box table tr td:nth-child(2){font-size:16px;line-height: 1.2em;}
.sec_7_table_box table tr td:nth-child(3){
    border-left:solid 4px #E50012;
    border-right:solid 4px #E50012;
}
.sec_7_table_box table tr .last_td{border-bottom:solid 4px #E50012;}


/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_7{margin:0 20px;}
    .new_pro_contents .sec_7 .sec_7_title{
        font-size:16px;
        font-weight: bold;
        background:#F1F3F1;
        padding: 10px;
        width:90%;
        text-align: center;
        margin: 30px 0 30px;
    }
    .new_pro_contents .sec_7 h2{
        background: #F8B62D;
        padding: 5px 30px;
        font-size: 18px;
        font-weight: bold;
        max-width: 200px;
        margin-left: -30px;
        border-radius: 0px 0px 20px 0px;
    }
    /*表全体を横スクロール    */
    .sec_7_table_box {overflow-y: auto; width:100%; height: 450px;}
    .sec_7_table_box table{width:100%; table-layout: auto;}
    .sec_7_table_box table th,.sec_7_table_box table td { }
    .sec_7_table_box tr:first-child th,
      .sec_7_table_box tr th:first-child {
        position: sticky;
        position: -webkit-sticky;
        top: -2px;
        z-index: 1;
        background-color: white;
      }
      .sec_7_table_box tr:first-child th:first-child {z-index: 10;}
    
    /*th部分を固定、tdのみ縦スクロール
    .sec_7_table_box thead,.sec_7_table_box tbody {display:block;}
    .sec_7_table_box tbody {overflow: auto; height: 500px; }*/
    /*block要素にする分の調整
    .sec_7_table_box thead {margin-left: 24px;}
    .sec_7_table_box thead img{width:80%;}*/
}


/* --------------------------------------------------------------------------------------
  sec8 ご存じでしょうか！？ （誰も言わないですが…）
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_8{}
/*リード文*/
.new_pro_contents .sec_8 .sec_8_title{margin: 30px 0;}
.new_pro_contents .sec_8 .sec_8_title .sec8_t1{font-size:40px; font-weight: bold; color:#E50012;}
.new_pro_contents .sec_8 .sec_8_title .sec8_t2{font-size:20px;}
.new_pro_contents .sec_8 .sec_8_title .sec8_t3{font-size:25px; font-weight: bold;}
.new_pro_contents .sec_8 .sec_8_title .sec8_t4{font-size:33px; font-weight: bold; color:#E50012;}

.new_pro_contents .sec_8 h2{font-size:19px; font-weight: normal;}

.new_pro_contents .sec_8 h3{
    font-size:16px;
    background:#888888;
    color: #FFF;
    text-align: center;
    padding:3px 0;
    border-radius:0px 8px 0px 0px;}
.new_pro_contents .sec_8 .dec_box1 h3{max-width: 45%;}
.new_pro_contents .sec_8 .dec_box2 h3{max-width: 60%;}


.new_pro_contents .sec_8 .dec_box1{margin: 20px 0 30px;}
.new_pro_contents .sec_8 .dec_box2{margin: 0 0 40px;}

/*box枠線*/
.new_pro_contents .sec_8 .dec_box2 ul,
.new_pro_contents .sec_8 .dec_box1 ul{border:solid 1px #888888; padding: 10px 30px;}

.new_pro_contents .sec_8 .dec_box2 ul li,
.new_pro_contents .sec_8 .dec_box1 ul li{display: inline-block; vertical-align: middle; font-size:16px;}
.new_pro_contents .sec_8 .dec_box1 ul li{padding:0px 0;}

.new_pro_contents .sec_8 .dec_box2 ul li img,
.new_pro_contents .sec_8 .dec_box1 ul li img{width:100%;}

/*（二枚組の）ワシャの場合*/
.new_pro_contents .sec_8 .dec_box1 ul li:nth-child(1){max-width:30%; padding: 0 30px 0 0;}
.new_pro_contents .sec_8 .dec_box1 ul li:nth-child(2){max-width:36%; padding: 0 30px 0 0;}
.new_pro_contents .sec_8 .dec_box1 ul li:nth-child(3){max-width:42%;}

/*バネワシャ　板バネ付きナット　ツインナット*/
.new_pro_contents .sec_8 .dec_box2 ul li:nth-child(1){max-width:40%;padding: 0 30px 0 0;}
.new_pro_contents .sec_8 .dec_box2 ul li:nth-child(2){max-width:28%;padding: 0 40px 0 0;}
.new_pro_contents .sec_8 .dec_box2 ul li:nth-child(3){max-width:25%;}


/*youtube*/
.new_pro_contents .sec_8 .youtube_link{text-align: center; margin: 20px 0;}
.new_pro_contents .sec_8 .youtube_link span{
    font-size: 40px;
    color:#E50012;
    display: inline-block;
    vertical-align: middle;
    margin-top:-10px;
}
.new_pro_contents .sec_8 .youtube_link a{font-size:22px; font-weight: bold; color: #000;}


/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_8{margin:0 20px;}    
    /*リード文*/
    .new_pro_contents .sec_8 .sec_8_title{margin: 30px 0;}
    .new_pro_contents .sec_8 .sec_8_title .sec8_t1{font-size:20px;}
    .new_pro_contents .sec_8 .sec_8_title .sec8_t2{font-size:16px;}
    .new_pro_contents .sec_8 .sec_8_title .sec8_t3{font-size:18px;}
    .new_pro_contents .sec_8 .sec_8_title .sec8_t4{font-size:20px;}
    
    .new_pro_contents .sec_8 h2{font-size:16px; font-weight: normal;}
    .new_pro_contents .sec_8 h3{font-size:14px; border-radius:0px 0px 0px 0px;}    
    .new_pro_contents .sec_8 .dec_box1 h3{max-width: 100%;}
    .new_pro_contents .sec_8 .dec_box2 h3{max-width: 100%;}
    /*box枠線*/
    .new_pro_contents .sec_8 .dec_box2 ul,
    .new_pro_contents .sec_8 .dec_box1 ul{padding: 10px 10px;}

    .new_pro_contents .sec_8 .dec_box2 ul li,
    .new_pro_contents .sec_8 .dec_box1 ul li{font-size:13px;}
    /*（二枚組の）ワシャの場合*/
    .new_pro_contents .sec_8 .dec_box1 ul li:nth-child(1){max-width:40%; padding: 0 20px 0 0;}
    .new_pro_contents .sec_8 .dec_box1 ul li:nth-child(2){max-width:50%; padding: 0 0px 0 0;}
    .new_pro_contents .sec_8 .dec_box1 ul li:nth-child(3){max-width:0%;}

    /*バネワシャ　板バネ付きナット　ツインナット*/
    .new_pro_contents .sec_8 .dec_box2 ul li:nth-child(1){max-width:40%;padding: 0 20px 0 0;}
    .new_pro_contents .sec_8 .dec_box2 ul li:nth-child(2){max-width:50%;padding: 0 0px 0 0;}
    .new_pro_contents .sec_8 .dec_box2 ul li:nth-child(3){max-width:0%;}
    
    .new_pro_contents .sec_8 .youtube_link span{font-size: 3.5vw; margin-top:-0.8vw;}
    .new_pro_contents .sec_8 .youtube_link a{font-size: 2.6vw;}
}


/* --------------------------------------------------------------------------------------
  sec9　日本プララドにはTZ型「つれゼロ・ワッシャー」があります。
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_9{margin: 70px 0 0;}

.new_pro_contents .sec_9 .main_title{position: relative;}
.new_pro_contents .sec_9 .main_title h2{
    font-size: 26px;
    font-weight: bold;
    background:#F8B62D;
    padding: 3px 0;
    text-align: center;
    color: #000;
}
.new_pro_contents .sec_9 .main_title .title_img{
    max-width: 130px;
    position: absolute;
    right: 0;
    top:-30px;
}
.new_pro_contents .sec_9 .main_title .title_img img{width:100%;}

.new_pro_contents .sec_9 .t_title{
    color:#000;
    font-size: 25px;
    margin: 40px 0 0px 0;
    text-align: center;
}

/*PDFリンク*/
.new_pro_contents .sec_9  .pdf_link{
    clear: both;
    width: 95%;
    max-width: 700px;
    text-align: center;
    margin: 10px auto 0px;
}
.new_pro_contents .sec_9  .pdf_link .link_box{display: inline-block; width: 48%;}
.new_pro_contents .sec_9  .pdf_link a{
    display: inline-block;
    margin:30px 0 10px;
    padding: 10px 30px;
    background: #DCDDDD;
    border: solid 2px #131D66;
    color:#131D66;
    font-size: 26px;
    font-weight: bold;
    border-radius: 50px;
    box-shadow: 5px 5px 10px #CCC;
}

/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_9{margin:0 20px;}   
    
    .new_pro_contents .sec_9 .main_title{position: relative;}
    .new_pro_contents .sec_9 .main_title h2{
        font-size: 14px;
        font-weight: bold;
        background:#F8B62D;
        padding: 3px;
        text-align: left;
        color: #000;
    }
    .new_pro_contents .sec_9 .main_title .title_img{
        max-width: 40px;
        position: absolute;
        right: 0;
        top:0px;
    }  
    .new_pro_contents .sec_9 .t_title{
        color:#000;
        font-size: 16px;
        margin: 20px 0 0px 0;
        text-align: center;
    }
    /*左図*/
    .new_pro_contents .sec_9 .sec9_dec_box .col3:nth-child(1){max-width: 40%; padding: 0 0px 0 20px; vertical-align: middle;}
    /*中央図*/
    .new_pro_contents .sec_9 .sec9_dec_box .col3:nth-child(2){max-width: 40%; padding: 0 0px 0 0; text-align: center; vertical-align: middle;}
    /*テキスト*/
    .new_pro_contents .sec_9 .sec9_dec_box .col3:nth-child(3){max-width: 100%; vertical-align: top;}
    .new_pro_contents .sec_9 .sec9_dec_box img{width:100%;}
    
    /*枠線とテキスト*/
    .new_pro_contents .sec_9 .text_box{padding: 20px 20px;}
    .new_pro_contents .sec_9 .text_box p{font-size: 14px;}    
    
    /*PDFリンク*/
    .new_pro_contents .sec_9  .pdf_link{margin: 10px auto 50px;}
    .new_pro_contents .sec_9  .pdf_link .link_box{display: inline-block; width: 100%;}
    .new_pro_contents .sec_9  .pdf_link a{font-size: 23px;}
}



/* --------------------------------------------------------------------------------------
  sec12 Cases 英文のみ並びは順不同
--------------------------------------------------------------------------------------- */
.new_pro_contents .sec_12 {margin: 40px 0;}
.new_pro_contents .sec_12 h2{
    background: #F8B62D;
    padding: 5px 30px;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    max-width: 350px;
    margin-left: -30px;
    border-radius: 0px 0px 20px 0px;
}
.new_pro_contents .sec_12 ul{margin: 30px 0 0;}
.new_pro_contents .sec_12 ul li{display: inline-block; vertical-align: top; text-align: center; font-size: 15px;}
.new_pro_contents .sec_12 ul li img{width:100%;}
.new_pro_contents .sec_12 ul li:nth-child(1){width: 38%; padding:0 20px 0 0;}
.new_pro_contents .sec_12 ul li:nth-child(2){width: 28%; padding:0 20px 0 0;}
.new_pro_contents .sec_12 ul li:nth-child(3){width: 26%;}


/* SP  ////////////////////////////////// */
@media screen and (max-width: 768px) {
    .new_pro_contents .sec_12 h2{
        background: #F8B62D;
        padding: 5px 20px;
        color: #000;
        font-size: 19px;
        font-weight: bold;
        max-width: 300px;
        margin-left: 0px;
        border-radius: 0px 0px 20px 0px;
    }
    
    .new_pro_contents .sec_12 ul li img{width:100%; max-width: 310px;}
    .new_pro_contents .sec_12 ul li:nth-child(1){width: 100%; padding:0 0px 20px 0;}
    .new_pro_contents .sec_12 ul li:nth-child(2){width: 100%; padding:0 0px 20px 0;}
    .new_pro_contents .sec_12 ul li:nth-child(3){width: 100%;}

}