@media (min-width: 321px) and (max-width: 550px) {
	/* 550px以下に適用されるCSS（スマホ用） */
    
   
 
 
 
/* --- top --- */  

.crm_main_pic{
width:100%;
max-width:340px;
background:url(../product/crm/crm_topimg_resp.jpg);
background-repeat:no-repeat;
height:450px;
margin:0 auto;
}



.crm_main_pic h2{
text-align:center;
font-weight:bold;
font-size:.95em;
color:#000;
padding:75px 0px 0 0px;
margin:0;
}


.crm_main_pic h3{
text-align:center;
font-weight:bold;
font-size:.7em;
color:#000;
padding:0px 0px 0 0px;
margin:0;
}







/* --- 効果 --- */ 


.feat_base{
    width:340px;
    clear:both;
    padding:0px 0px 0px 0px;
    height:460px;
    }
 
    
.feat_box_l,
.feat_box_r{
    width:340px;
    height:210px;
    padding:20px 0px 0px 0px;
   }

    
    	
.icon_box{
    width:100px;
    float:left;
    padding-top:10px;
    }
 
 .icon_box img{
    width:100%;
	max-width:100px;
    } 
 
    
.feat{
    width:220px;
    float:left;
    padding:10px 0 0 20px;
    font-size:.85em;
     }
   
    
.feat h2{
    margin:0;
    padding:0;
    font-size:1em;
    font-weight: bold;
    color:#000;
    text-decoration:underline;
     }






.crm_cont_pics,
.crm_cont_pics2{
	width:340px;
	}


.crm_cont_pics img,
.crm_cont_pics2 img{
width:100%;
height:100%;
max-width:340px;

}




.crm_cont_text,
.crm_cont_text2{
	width:340px;
	padding:0 0px;

}

.customer0{
display:none;

}

.customer1{
	width:320px;
	padding:0 10px;

}

.customer1 img{
width:100%;
height:100%;
max-width:320px;
}




}



@media screen and (min-width: 551px) {
	/* 550px以上に適用されるCSS（PC用） */
	
.crm_main_pic{
width:1180px;
height:800px;
padding:0px 0 50px 0px;
margin:0 auto;
background:url(../product/crm/crm_topimg.jpg);
background-repeat:no-repeat;
}


.crm_main_pic h2{
    text-align:center;
    padding:170px 0 0px 0;
    font-size:1.5em;  
    color:#000;
    margin:0;
    

}	
	
.crm_main_pic h3{
    text-align:center;
    padding:5px 0 10px 0;
    font-size:1.0em;  
    color:#000;
    line-height:1.0em;
    margin:0;
}	


/* --- 効果 --- */ 

.feat_base{
    width:1040px;
    clear:both;
    padding:20px 20px 10px 20px;
    height:200px;
    }
 
    
.feat_box_l,
.feat_box_r{
    width:500px;
    height:200px;
    padding:0px 0px 0px 0px;
    float:left;
    }

	
.feat_box_l{
    padding:0px 0px 0px 0px;
    }

.feat_box_r{
    padding:0px 0px 0px 40px;
    }
    
    	
.icon_box{
    width:130px;
    float:left;
    padding-top:10px;
    }
  
    
.feat{
    width:340px;
    float:left;
    padding:10px 0 0 30px;
     }
   
    
.feat h2{
    margin:0;
    padding:0;
    font-size:1.2em;
    font-weight: bold;
    color:#333;
    
     }	
	



/* --- 機能 --- */ 


.crm_cont_pics{
	width:600px;
	padding:0 40px 0 25px;
	float:left;
}

.crm_cont_pics2{
	width:400px;
	padding:0 40px 0 25px;
	float:left;
}


.crm_cont_text{
	width:340px;
	float:left;
	padding: 20px 0 0 25px;
}


.crm_cont_text2{
	width:540px;
	float:left;
	padding: 20px 0 0 25px;
}


.customer0{
width:980px;

}


.customer1{
display:none;

}



 





	
	
}











@media screen and (max-width: 320px) {
	/* 320px以下に適用されるCSS（スマホ用） */	
    
   
 
 
 
/* --- top --- */  

.crm_main_pic{
width:100%;
max-width:310px;
background:url(../product/crm/crm_topimg_resp.jpg);
background-repeat:no-repeat;
height:450px;
margin:0 auto;
background-size:310px auto;
}



.crm_main_pic h2{
text-align:center;
font-weight:bold;
font-size:.95em;
color:#000;
padding:75px 0px 0 0px;
margin:0;
}


.crm_main_pic h3{
text-align:center;
font-weight:bold;
font-size:.7em;
color:#000;
padding:0px 0px 0 0px;
margin:0;
}







/* --- 効果 --- */ 


.feat_base{
    width:310px;
    clear:both;
    padding:0px 0px 0px 0px;
    height:460px;
    }
 
    
.feat_box_l,
.feat_box_r{
    width:310px;
    height:210px;
    padding:20px 0px 0px 0px;
   }

    
    	
.icon_box{
    width:100px;
    float:left;
    padding-top:10px;
    }
 
 .icon_box img{
    width:100%;
	max-width:100px;
    } 
 
    
.feat{
    width:180px;
    float:left;
    padding:10px 0 0 20px;
    font-size:.85em;
     }
   
    
.feat h2{
    margin:0;
    padding:0;
    font-size:1em;
    font-weight: bold;
    color:#000;
    text-decoration:underline;
     }



.crm_cont_pics,
.crm_cont_pics2{
	width:310px;
	}


.crm_cont_pics img,
.crm_cont_pics2 img{
width:100%;
height:100%;
max-width:310px;

}




.crm_cont_text,
.crm_cont_text2{
	width:300px;
	padding:0 5px;

}

.customer0{
display:none;

}

.customer1{
	width:300px;
	padding:0 5px;

}

.customer1 img{
width:100%;
height:100%;
max-width:300px;
}






}