@media screen and (max-width:960px){
    
    .mobileb{width: 100%;}
    
    #middle_bg .inner .videobox{width: 100%;}
    #middle_bg .inner .textbox{width: 100%; padding: 30px 10px;}
    #middle_bg .inner .textbox h1{margin-left: 0; font-size: 25px;}
    #middle_bg .inner .textbox h1 img{display: none;}
    #middle_bg .inner .textbox p{font-size: 16px; line-height: 24px;}
    .text_effect .txt3{margin: 0 auto; text-align: center; padding: 0;}
    .text_effect .txt3 img{width: 100%;}
    .text_effect .txt{margin: 0 auto; text-align: center; padding: 0; word-break: keep-all; max-width: 531px; width: 100%;}
    .text_effect .txt img{width: 100%;}
    
    .company .intro{background-position: center; padding: 15px; text-align: center;}
    .company .intro img{width: 100%;}
    
    .hd{font-size: 25px; margin-top: 30px;}
    .hd2{font-size: 25px;}
    .company2 h1{letter-spacing: -1px; font-size: 18px;}
    .company2 h2{letter-spacing: -1px; font-size: 16px;}
    .company3 .t1 img, .company3 .t2 img{width: 100%; margin-bottom:3px;}
    
    .map50 .DefinitionList td{letter-spacing: -1px;}
    
    .product01 .box{padding: 10px 0;}
    .product01 .box .tit1{width: 100%;}
    .product01 .box .tit1 h2{letter-spacing: -1px; font-size: 18px;}
    .product01 .box .tit1 h2 img{max-width: 30px;}
    .product01 .box .tit1 h2 span{margin-left: 5px; display: block;}
    .product01 .box .tit1 h2 span img{width: 50%; max-width:50%}
    .product01 .box .tit1 p{font-size: 16px; padding: 10px;}
    .product01 .box .tit1 .info{padding: 10px;}
    .product01 .box .tit1 .info p{font-size: 16px; padding: 0px;}
    
    .product01 .box .tit2{width: 100%; text-align: center;}
    .product01 .box .tit2 img{width: 100%;}
    .product01 .btnare{text-align: center}
    .product01 .btnare img{height: 40px;}
    
    .product01 .tit3{width: 100%;}
    .product01 .tit3 img{width: 100%;}
    .product01 .tit32 img{width: 100%;}
    .product01 .tit4 h2{font-size: 18px;}
    .product01 .tit4 h2 img{max-width: 30px;}
    .product01 .tit4 p{font-size: 16px; padding: 10px;}
    
    .product01 .tit4 .inare{padding: 15px 0; }
    .product01 .tit4 .inare .titbox{margin: 5px 0; width: 100%;}
    .product01 .tit4 .inare .titbox img{width: 100%;}
    .product01 .tit4 .inare .titbox .subject{max-width: 100%;}
    
    .product01 .box2{padding: 10px 0; width: 100%; margin-bottom: 10px;}
    .product01 .box2 h2{letter-spacing: -1px; font-size: 18px;}
    .product01 .box2 h2 img{max-width: 30px;}
    .product01 .box2 h2 span{margin-left: 5px; display: block;}
    .product01 .box2 h2 span img{width: 50%; max-width:50%}
    .product01 .box2 p{font-size: 16px; padding: 10px;}
    .product01 .box2 .info{padding: 10px;}
    .product01 .box2 .info p{font-size: 16px; padding: 0px;}    
    .product01 .box2 img{width: 100%;}
    
    .product01 .titimg2 h2{font-size: 18px;}
    .product01 .titimg2 h2 img{max-width: 30px;}
    .product01 .titw h2{font-size: 18px;}
    .product01 .titw h2 img{max-width: 30px;}
    
    .product01 .box .tit1 .info p em{margin-left: 0;}
    .product01 .titimg2{width: 100%;}
    
    .number1 .tit2{margin: 5px 0 ; width: 100%;}
    
    .number1 th, .number1 td{font-size: 14px; word-break:break-all;}
    .number1 th:first-child{display: none;}
    .number1 td:first-child{display: none;}
    .number1 th:nth-child(4){display: none;}
    .number1 td:nth-child(4){display: none;}
    .number2 .tit2{width: 100%;margin: 5px 0 }
    .number2 .tit3{margin: 5px 0 ; width: 100%;}
    .number2 .tit4{width: 100%;margin: 5px 0 }
    .number2 .tit5{width: 100%;margin: 5px 0 }
    .number2 .tit img{width: 100%;}
    .number2 th, .number2 td{font-size: 14px; word-break:break-all;}
    .number2 th:first-child{display: none;}
    .number2 td:first-child{display: none;}
    .number2 th:nth-child(3){display: none;}
    .number2 td:nth-child(3){display: none;}
 

    .number3 .tit2{width: 100%;margin: 5px 0 }
    .number3 .tit3{margin: 5px 0 ; width: 100%;}
    .number3 .tit4{width: 100%;margin: 5px 0 }
    .number3 .tit5{width: 100%;margin: 5px 0 }
    .number3 .tit img{width: 100%;}
    .number3 th, .number3 td{font-size: 14px; word-break:break-all;}
    .number3 th:first-child{}
    .number3 td:first-child{}
    .number3 th:nth-child(3){}
    .number3 td:nth-child(3){}    
    
    
    .tab3{width: 100%; margin-top: 0; margin-bottom: 0;float:none;}
    
    .text_effect{position: relative; text-align: center; top: 0; left: 0; margin-left: 0; padding-top: 80px;}
    .text_effect .txt3 p, .text_effect .txt p{display: none;}
    .m_visual{height: 300px;}
    
}


@media screen and (max-width:760px){
    .m_visual{height: 300px;}

    .text_effect{position: relative; text-align: center; top: 0; left: 0; margin-left: 0; padding-top: 80px;}
    .text_effect .txt, .text_effect .txt3{font-size: 24px;}
    .text_effect .txt2, .text_effect .txt4{font-size: 16px;}
    .text_effect .txt3, .text_effect .txt4{word-break: keep-all}
}