@charset "utf-8";
/* float * building * special ****/

/* BOX */
.SS30_about , .SS30_about_txt , 
.SS30_thum_img , .SS30_about_h4 , .SS30_about_b , .SS30_about_list , SS30_about_li li ,
.SS30_case  , .SS30_case_box , .SS30_case_img , .SS30_case_link , .SS30_case_link span , .SS30_case_more ,
.SS30_infor { display:block ; overflow:hidden }
.SS30_about , .SS30_case , .SS30_infor { margin-bottom:60px }
.SS30_about:last-child , .SS30_case:last-child , .SS30_infor:last-child { margin-bottom:0px }
.SS_div.SS30_bar { padding-bottom:80px ; margin-bottom:80px ; border-bottom:dashed 1px rgba(0,0,0,0.2) }
.SS30_infor:last-child { margin-bottom:0px }



/* IMG */
.SS30_thum_img , .SS30_thum_img img { width:100% }
.SS30_thum_img { max-width:340px ; margin:auto ; margin-bottom:30px  }
.SS30_thum_img img { border-radius:4px }



/* ABOUT */
.SS30_about_h4 , .SS30_about_b , .SS30_case_h5 { padding-bottom:15px }
.SS30_about_h4 , .SS30_case_h5 , .SS30_infor_h5 { text-align:center ; font-size:2.2em ; line-height:1.2em ; color:#2b51a3 ; font-weight:500 ; letter-spacing:-3px ; }
.SS30_about .SS30_p  { font-weight:500 }
.SS30_about_b , .SS30_p , .SS30_about_list li , .SS30_about_list dd { font-size:1em ; line-height:1.6em }
.SS30_about_b { 
    color:#a3a3a3 ; font-weight:400 ; text-align:center ; text-transform:uppercase ;
    border-bottom:solid 2px #49a93c ; margin-bottom:20px }
.SS30_p { text-align:justify ; margin-bottom:30px }
.SS30_about_list li , .SS30_about_list dd , .SS30_about_list span { vertical-align:middle }
.SS30_about_list li , .SS30_about_list dd { margin-bottom:7px ; position:relative ; padding-left:15px  }
.SS30_about_list li:last-child , .SS30_about_list dd:last-child { margin-bottom:0px } 
.SS30_point { display:inline-block ; overflow:hidden ; width:7px ; height:3px ; border-radius:10px ; background-color:#cbcbcb }
.SS30_about_list .SS30_point { position:absolute ; left:0px ; top:11px }
.SS30_about_list { margin-bottom:30px }
.SS30_about_list:last-child { margin-bottom:0px }
.SS30_about_list dt { 
    display:inline-block ; background-color:#49a93c ; padding:4px 13px ; padding-bottom:6px  ; border-radius:40px ;   
    font-size:0.9em ; line-height:1.1em ; color:#ffffff ; font-weight:500 ; margin-bottom:5px   }

.SS30_about_long { display:block ; overflow:hidden ; padding-top:30px }



/* CASE */
.SS30_case_h5 , .SS30_infor_h5 { font-size:1.6em ; margin-bottom:20px ; letter-spacing:-2px  }
.SS30_case_h5 { padding:0px }
.SS30_case_list { text-align:center ; margin-bottom:30px  }
.SS30_case_list li { display:none ; margin:5px }
.SS30_case_list li , .SS30_case_box , .SS30_case_img { width:245px}
.SS30_case_box  { height:286px }
.SS30_case_img { height:246px }
.SS30_case_box { border-radius:4px ; position:relative }
.SS30_case_img img , .SS30_case_link { width:100% }
.SS30_case_link , .SS30_case_link span { transition:0.3s all ; opacity:0  }
.SS30_case_link { height:100% ; position:absolute ; left:0px ; top:0px ; background-color:rgba(0,0,0,0.3) }
.SS30_case_link span { 
    width:60px ; height:60px ; border-radius:60px ; font-size:0em ; text-indent:-9999px ;  
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-20%) ;  
    background:url(../images/icon_more.png) no-repeat center center rgba(43,81,163,0.9) }
.SS30_case_link:hover , .SS30_case_link:hover span { opacity:0.9 }
.SS30_case_link:hover span { transform:translate(-50%,-50%) }

.SS30_case_more { 
    width:100% ; padding:15px 0px ; text-align:center ; 
    border:solid 1px #d5d5d5 ; border-left:0px ; border-right:0px }
.SS30_case_more button , .SS30_case_more span { display:inline-block ; vertical-align:middle ; transition:0.3s all ; background:none   }
.SS30_case_more span:nth-child(1) { font-size:1em ; line-height:1em }
.SS30_case_more span:nth-child(2) { width:20px ; height:15px ; background:url(../images/icon_up_down.png) no-repeat 0px 0px ; margin-left:7px ; opacity:0.3  }
.SS30_case_more:hover span:nth-child(1) { color:#111111 }
.SS30_case_more:hover span:nth-child(2) { opacity:0.6 }

.all .SS30_case_more span:nth-child(1) { color:#2b51a3 } 
.all .SS30_case_more span:nth-child(2) { opacity:1 ; background-position:0px -15px }

.all .SS30_case_list li ,
.SS30_case_list li{ display:inline-block } 


.SS30_h5_green { font-size:1.8em ; line-height:1.4em ; color:#49a93c ; font-weight:500 ; margin-bottom:15px ; letter-spacing:-1px ; text-align:center  }
.SS30_h6_bar , .SS30_h6_bar > span { vertical-align:middle }
.SS30_h6_bar { font-size:1.2em ; line-height:1.4em ; color:#444444 ; font-weight:500 ; margin-bottom:15px  }
.SS30_h6_bar > span { display:inline-block ; width:3px ; height:15px ; background-color:#2b51a3 ; margin-right:5px ; margin-bottom:3px ; border-radius:10px }


.SS30_table{width: 100%; overflow:auto}
/* INFOR TABLE */
.SS_div table , .SS_div .table_txt { display:block ; overflow:hidden }
.SS_div table { margin:25px 0; overflow:auto; width: 100%;min-width:800px;border-top:solid 2px #49a93c ;border-bottom:solid 2px #49a93c; }
.SS_div table:last-child { margin-bottom:0px }
.SS_div table table { width:1100px ; border:0px ; border-collapse:collapse ; border-spacing:0px }
.SS_div table caption { font-size:1em ; line-height:1.4em ; color:#111111 ; font-weight:500 ; text-align:left ; margin-bottom:10px }
.SS_div table caption , .SS_div table .SS30_point { vertical-align:middle }
.SS_div table .SS30_point { width:3px ; height:12px ; background-color:#000000 ; opacity:0.2 ; margin-right:3px ; margin-bottom:2px }
.SS_div table caption.sound {
    position:fixed ; left:-10px ; top:-10px ; width:0px ; height:0px ;  text-indent:-9999px ;   
    font-size:0em ; display:block ; overflow:hidden ; padding:0px ; margin:0px }

.SS_div table th , .SS_div table td { padding:7px 5px ; font-size:1em ; line-height:1.2em ; text-align:center ; word-break:break-all ; vertical-align:middle }
.SS_div table thead th { 
    color:#333333 ; font-size:0.9em ; font-weight:500 ;  
    background-color:#f6fbf5 ; border:solid 1px #dde1dc ; border-left:0px ; border-top:0px  }
.SS_div table thead th br { display:none }
.SS_div table thead th:last-child { border-right:0px }
.SS_div table thead { }


.SS_div table tbody th , .SS_div table tbody td { border:solid 1px #d5d5d5 ; border-left:0px ; border-top:0px }
.SS_div table tbody td:last-child { border-right:0px }
.SS_div .table_txt { font-size:0.8em ; line-height:1.6em ; padding-top:10px ; letter-spacing:0.5px  }
.SS_div table tbody tr:nth-child(2n) td { background-color:#f7f7f7 }
.SS_div table tbody th { font-weight:500 ; color:#444444 }

.SS30_sub { display:block ; overflow:hidden ; margin-bottom:60px }
.SS30_sub:last-child { margin-bottom:0px }





/* PC ****/
@media all and (min-width:1100px){
    
    
    /* IMG */
    .SS30_thum_img { margin:0px ; float:left }

    
    
    /* ABOUT */ 
    .SS30_about_txt { width:700px ; float:right }
    .SS30_about_h4 , .SS30_about_b , .SS30_about_list li , .SS30_about_list dd { text-align:left }
    .SS30_about_list li , .SS30_about_list dd { word-break:keep-all }    
    .SS30_about_list , .SS30_about_list dd { display:block ; overflow:hidden }
 
    .SS30_about_long .SS30_about_list { margin-bottom:0px }    
    .SS30_about_long .SS30_about_list:nth-child(1) { width:550px ; float:left } 
    .SS30_about_long .SS30_about_list:nth-child(2) { width:550px ; float:right } 
    .SS30_about_long , .SS30_about_long.line1 .SS30_about_list:nth-child(1) { width:100% }
 
    .SS30_about.no_img .SS30_thum_img { display:none }
    .SS30_about.no_img .SS30_about_txt { float:none ; width:100% }
    
    

    /* CASE */ 
    .SS30_case_h5 , .SS30_infor_h5 { text-align:left }
    .SS30_case_list { margin:0px }
    .SS30_case_list li { float:left ; margin:0px ; margin-right:40px ; height:0px ; display:block ;overflow:hidden ; transition:0.3s all  }
 
    .all .SS30_case_list li ,
    .SS30_case_list li:nth-child(1n) , .SS30_case_list li:nth-child(2n) , 
    .SS30_case_list li:nth-child(3n) , .SS30_case_list li:nth-child(4n) { height:286px ; margin:40px ; margin-left:0px ; margin-top:0px  } 

    .SS30_case_list li:nth-child(4) , .SS30_case_list li:nth-child(8) , .SS30_case_list li:nth-child(12) , .SS30_case_list li:nth-child(16) , 
    .SS30_case_list li:nth-child(20) , .SS30_case_list li:nth-child(24) , .SS30_case_list li:nth-child(28) , .SS30_case_list li:nth-child(32) ,
    .all .SS30_case_list li:nth-child(4) , .all .SS30_case_list li:nth-child(8) , .all .SS30_case_list li:nth-child(12) , .all .SS30_case_list li:nth-child(16) , 
    .all .SS30_case_list li:nth-child(20) , .all .SS30_case_list li:nth-child(24) , .all .SS30_case_list li:nth-child(28) , .all .SS30_case_list li:nth-child(32) { margin-right:0px }
    
    
    
    /* INFOR TABLE */
    .SS_div table , .SS_div table_txt { display:block ; overflow:hidden }
    .SS_div table table { width:100% }
 
    .SS_div table th , .SS_div table td { word-break:keep-all } 
    .SS_div table thead th br { display:block }
    .SS_div table thead th  { padding:12px 5px } 
    .SS_div table tbody th , .SS_div table tbody td { padding:15px 5px }
    .SS_div table tbody tr.SS30_line th , .SS_div table tbody tr.SS30_line td { border-bottom:solid 1px #111111 }

    .SS30_h5_green { text-align:left }
  
}