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




.crm22_top{
display:none;
}



.crm22_top_resp{
height:150px;
padding:40px 40px 0 50px;
}


    
.crm22_top_resp h2{
    text-align:center;
    font-size:1.3em;
    color:#123456;
    font-weight:bold;
    padding-bottom:0;
    margin:10px 0 0 0;
    line-height:1em;
    }

    
.crm22_top_resp h3{
    text-align:center;
    font-size:1.15em;
    color:#333;
    padding-bottom:20px;
    line-height:1.2em;
    
    }    
 
    
.crm22_main_pic{
    width:340px;
	height:700px;
    background:url(../product/crm2022/crm22_top_resp2.jpg);
    }
 


 .crm22_main_base{
 width:340px;
 
 
 }
 
 .crm22_main_t1{
    width:340px;
    height:300px;
    background:url(../product/crm2022/crm_t1_resp.jpg);
 
 }
 
 
  .crm22_main_t2{
    width:340px;
    height:400px;
    background:url(../product/crm2022/crm_t2_resp.jpg);
 }
 
.crm22_main_t4{
width:330px;
height:950px;
padding:0 5px;
}





.crm22_tl,
.crm22_tr,    
.crm22_bc{

     font-size:.85em;
      font-weight:bold;
      color:#841900;
    line-height:1.5em;

    }
    
    
 .crm22_tl{
     padding:75px 0 0 5px;
     text-align:center;
     float:left;
     width:110px;
    }
    
  .crm22_tr{
     padding:75px 0 0 110px;
     text-align:center;
     float:left;
     width:110px;
    }
       
  .crm22_bc{
    padding:215px 0 0 0px;
    text-align:center;
    width:330px;
    }
 


.crm22_t2_base{
width:340px;
padding:140px 0 0 0;
}

.crm22_t2l{
padding:0 0 0 100px;
witdh:235px;
}

.crm22_t2c{
padding:10px 0 0 100px;
witdh:235px;
}

.crm22_t2r{
padding:10px 0 0 100px;
witdh:235px;
}


.crm22_t2l,
.crm22_t2c,
.crm22_t2r{
font-size:1.15em;
font-weight:bold;
color:#555;
line-height:1em;
}

.kome{
font-size:.75em;
font-weight:normal;
padding-left:.5em;
}



.crm22_t3_base{
width:340px;
padding:0px 0 0 0;

}


.crm22_t3l{
padding:20px 0 0 100px;
witdh:235px;
}

.crm22_t3c{
padding:10px 0 0 100px;
witdh:235px;
}

.crm22_t3r{
padding:10px 0 0 100px;
witdh:235px;
}



.crm22_t3l,
.crm22_t3c,
.crm22_t3r{
font-size:1.0em;
font-weight:bold;
color:#555;
}




.crm22_t4l{
width:330px;
padding:0px 0px 0 0px;
text-align:center;
color:#555;
background:linear-gradient(#fff, #eee);
height:400px;

}

.crm22_t4r{
width:330px;
height:380px;
padding:0 0px 0 0px;

}

.t4l_hd{
font-size:1.2em;
font-weight:bold;
padding:20px 0 0 0;
}

.t4l_tx{
font-size:1.0em;
padding:5px 0 0 0;

}

.crm_notice{
padding:20px 20px 0 30px;
text-align:left;
font-size:.85em;
clear:both;
}


 
 
.crm22_cont_pics{
padding:10px 0;
    }


.crm22_exp{
    font-size: .95em;
    }
 
    
.crm22_cont_pics .pict_cap {
    font-size: .75em;
    padding:5px 0 10px 0;
}   

.crm22_cont_pics_w {
    width: 100%;
    height: 100%;
    max-width: 340px;
    }    

    
.crm22_cont_text_w{
    padding: 10px 0 10px 0;
    font-size: .95em;

    }



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



.ftr_base{
    width:340px;
    padding:0px 0px 0px 0px;
    height:460px;
    }
 
 
.ftr_base_resp{
padding:30px 0 100px 0;

} 
 
     
.ftr_box_l,
.ftr_box_r{
    width:340px;
    height:210px;
    padding:20px 0px 0px 0px;
    clear:both;
    }

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

.ftr_box_r{
    padding:0px 0px 0px 0px;
    }
    
    	
.ftr_icon_box{
    width:80px;
    padding-top:10px;
    float:left;
    }
  
    
.ftr{
    width:250px;
    padding:30px 0 0px 10px;
    float:left;
     }
   
    
.ftr h2{
    margin:0;
    padding:0 0 20px 0;
    font-size:1.0em;
    font-weight: bold;
    color:#333;
      }	
	





.ftr_box2_t{
padding:120px 0 30px 0;
font-size:1.2em;
color:#00447e;
text-align:center;
font-weight:bold;
}


.ftr_box2_b{
padding:40px 0 40px 0;
font-size:1.2em;
color:#00447e;
text-align:center;
font-weight:bold;
}




.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用） */
	

.crm22_top{
height:170px;
padding-top:30px;
}

.crm22_top_resp{
display:none;
}


    
.crm22_top h2{
    text-align:center;
    font-size:2.2em;
    color:#123456;
    font-weight:bold;
    padding-bottom:0;
    margin-bottom:0;
    }

    
.crm22_top h3{
    text-align:center;
    font-size:1.5em;
    color:#333;
    padding-bottom:20px;
    
    }    
 
    
.crm22_main_pic{
    width:1180px;
    height:1600px;
    background:url(../product/crm2022/crm22_top2.jpg);
    }
 
 
 
 
 .crm22_main_base{
 width:1180px;
 
 
 }
 
 .crm22_main_t1{
    width:1180px;
    height:650px;
    background:url(../product/crm2022/crm_t1.jpg);
 
 }
 
 
  .crm22_main_t2{
    width:1180px;
    height:550px;
    background:url(../product/crm2022/crm_t2.jpg);
 }
 
.crm22_main_t4{
width:1080px;
height:600px;
padding:0 50px;


}



 
 
 
.crm22_tl,
.crm22_tr,    
.crm22_bc{
    width:250px;
     font-size:1.45em;
      font-weight:bold;
      color:#841900;
    line-height:1.6em;
    }
    
 .crm22_tl{
     padding:160px 0 0 240px;
     text-align:center;
     float:left;
    }
    
  .crm22_tr{
     padding:160px 0 0 210px;
     text-align:center;
     float:left;
    }
       
  .crm22_bc{
    padding:240px 0 0 0px;
    text-align:center;
    clear:left;
      width:1180px;
    }


.crm22_t2_base{
width:1180px;
height:105px;
padding:230px 0 0 0;
}

.crm22_t2l{
padding:0 0 0 215px;
witdh:235px;
}

.crm22_t2c{
padding:0 0 0 170px;
witdh:265px;
}

.crm22_t2r{
padding:0 0 0 200px;
witdh:250px;
}


.crm22_t2l,
.crm22_t2c,
.crm22_t2r{
float:left;
font-size:1.4em;
font-weight:bold;
color:#555;
}

.kome{
font-size:.75em;
font-weight:normal;
padding-left:.5em;
}



.crm22_t3_base{
width:1180px;
height:110px;
padding:0px 0 0 0;
clear:both;
}


.crm22_t3l{
padding:0 0 0 160px;
witdh:235px;
}

.crm22_t3c{
padding:0 0 0 190px;
witdh:265px;
}

.crm22_t3r{
padding:0 0 0 190px;
witdh:250px;
}



.crm22_t3l,
.crm22_t3c,
.crm22_t3r{
float:left;
font-size:1.1em;
font-weight:bold;
color:#555;
}




.crm22_t4l{
width:550px;
float:left;
padding:20px 0 0 0px;
text-align:center;
color:#555;
background:linear-gradient(#fff, #eee);
height:520px;

}

.crm22_t4r{
width:480px;
height:535px;
float:left;
padding:0 0px 0 50px;

}

.t4l_hd{
font-size:1.5em;
font-weight:bold;
padding:40px 0 0 0;
}

.t4l_tx{
font-size:1.1em;
padding:5px 0 0 0;

}

.crm_notice{
padding:20px 20px 0 30px;
text-align:left;
font-size:.85em;
clear:both;
}


 
 
 
 
.crm22_cont_pics{
  width: 450px;
  padding: 0 40px 0 25px;
  float: left;
    }

.crm22_exp{
    width:1030px;
    padding:0 25px 30px 25px; 
    }
 
    
.crm22_cont_pics .pict_cap {
    font-size: .85em;
    padding:5px 0 10px 0;
}   

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

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





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

.ftr_base{
    width:1040px;
    clear:both;
    padding:20px 20px 10px 20px;
    height:200px;
    }
 
    
.ftr_box_l,
.ftr_box_r{
    width:500px;
    height:200px;
    padding:0px 0px 0px 0px;
    float:left;
    }

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

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


.ftr_box2_t{
padding:100px 0 30px 0;
font-size:1.5em;
color:#00447e;
text-align:center;
font-weight:bold;
}




.ftr_box2_b{
padding:30px 0 40px 0;
font-size:1.5em;
color:#00447e;
text-align:center;
font-weight:bold;
}



.customer0{
width:980px;

}


.customer1{
display:none;

}










}











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


.crm22_top{
display:none;
}



.crm22_top_resp{
height:140px;
padding:30px 30px 0 40px;
}


    
.crm22_top_resp h2{
    text-align:center;
    font-size:1.3em;
    color:#123456;
    font-weight:bold;
    padding-bottom:0;
    margin:10px 0 0 0;
    line-height:1em;
    }

    
.crm22_top_resp h3{
    text-align:center;
    font-size:1.15em;
    color:#333;
    padding-bottom:20px;
    line-height:1.2em;
    
    }    
 
    
.crm22_main_pic{
width:100%;
max-width:310px;
background:url(../product/crm2022/crm22_top_resp2.jpg);
background-repeat:no-repeat;
height:650px;
margin:0 auto;
background-size:310px auto;
}


.crm22_main_base{
 width:310px;
 
 
 }
 
.crm22_main_t1{
    width:310px;
    height:274px;
    background:url(../product/crm2022/crm_t1_resp.jpg);
	background-size:310px auto;
 
 }
 
 
.crm22_main_t2{
    width:310px;
    height:365px;
    background:url(../product/crm2022/crm_t2_resp.jpg);
    background-size:310px auto;
 }



.crm22_main_t4{
width:300px;
height:850px;
padding:0 5px;
}



.crm22_tl,
.crm22_tr,    
.crm22_bc{
    width:110px;
     font-size:.85em;
      font-weight:bold;
      color:#841900;
    line-height:1.5em;
    }


 .crm22_tl{
     padding:65px 0 0 2px;
     text-align:center;
     float:left;
    }
    
  .crm22_tr{
     padding:65px 0 0 88px;
     text-align:center;
     float:left;
    }
       
  .crm22_bc{
    padding:200px 0 0 2px;
    text-align:center;
    width:300px;
    }
 


.crm22_t2_base{
width:310px;
padding:130px 0 0 0;
}

.crm22_t2l{
padding:0 0 0 100px;

}

.crm22_t2c{
padding:10px 0 0 100px;

}

.crm22_t2r{
padding:10px 0 0 100px;

}


.crm22_t2l,
.crm22_t2c,
.crm22_t2r{
font-size:1.0em;
font-weight:bold;
color:#555;
line-height:1.15em;
}

.kome{
font-size:.75em;
font-weight:normal;
padding-left:.5em;
}



.crm22_t3_base{
width:310px;
padding:0px 0 0 0;

}


.crm22_t3l{
padding:18px 0 0 100px;

}

.crm22_t3c{
padding:10px 0 0 100px;

}

.crm22_t3r{
padding:10px 0 0 100px;

}



.crm22_t3l,
.crm22_t3c,
.crm22_t3r{
font-size:1.0em;
font-weight:bold;
color:#555;
}




.crm22_t4l{
width:300px;
padding:0px 0px 0 0px;
text-align:center;
color:#555;
background:linear-gradient(#fff, #eee);
height:400px;
}



.crm22_t4r{
width:300px;
padding:0 0px 0 0px;

}

.t4l_hd{
font-size:1.2em;
font-weight:bold;
padding:20px 0 0 0;
}

.t4l_tx{
font-size:1.0em;
padding:5px 0 0 0;

}


.crm_notice{
padding:20px 0px 0 10px;
text-align:left;
font-size:.85em;
clear:both;
}





 
 
.crm22_cont_pics{
padding:10px 0;

    }

.crm22_exp{
    font-size: .95em;
    }
 
    
.crm22_cont_pics .pict_cap {
    font-size: .75em;
    padding:5px 0 10px 0;
}   


.crm22_cont_pics_w {
    width: 100%;
    height: 100%;
    max-width: 310px;
    }    

    
.crm22_cont_text_w{
    padding: 10px 0 10px 0;
    font-size: .95em;

    }



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



.ftr_base{
    width:310px;
    padding:0px 0px 0px 0px;
    height:460px;
    }
 
 
.ftr_base_resp{
padding:30px 0 100px 0;

} 
 
     
.ftr_box_l,
.ftr_box_r{
    width:310px;
    height:210px;
    padding:20px 0px 0px 0px;
    clear:both;
    }

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

.ftr_box_r{
    padding:0px 0px 0px 0px;
    }
    
    	
.ftr_icon_box{
    width:70px;
    padding-top:10px;
    float:left;
    }
  
    
.ftr{
    width:230px;
    padding:30px 0 0px 10px;
    float:left;
     }
   
    
.ftr h2{
    margin:0;
    padding:0 0 20px 0;
    font-size:1.0em;
    font-weight: bold;
    color:#333;
      }	
	





.ftr_box2_t{
padding:40px 0 30px 0;
font-size:1.2em;
color:#00447e;
text-align:center;
font-weight:bold;
}


.ftr_box2_b{
padding:40px 0 40px 0;
font-size:1.2em;
color:#00447e;
text-align:center;
font-weight:bold;
}








.customer0{
display:none;

}

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

}

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





}