@media screen and (max-width: 550px) {
	/* 550px以下に適用されるCSS（smart phone用） */


.cont_base_rf{
width: 340px;
padding: 140px 0px 10px 0px;
clear: both;
margin-top: -140px;
}


.cont_base_rft{
    width: 340px;
    padding: 20px 0px 10px 0px;
    clear: both;

}





.rf_top_base{
width:340px;
height:465px;
background:url(../product/rfit/resp-crfid-bg1.jpg);
padding:0px 0 0 0;
}


.rf_mid_base{
width:340px;
height:510px;
background:url(../product/rfit/resp-crfid-bg2.jpg);
padding:10px 0px 10px 0px;


}

.rf_bot_base{
width:340px;
height:620px;
background:url(../product/rfit/resp-crfid-bg3.jpg);
background-repeat:no-repeat;
padding:0px 0 0px 0;

}



.rf_title_logo{
width:320px;
margin:0 auto;
padding:30px 10px 0 10px;
}


.rf_top_base h2{
font-size:1.5em;
font-weight:bold;
color:#013378;
text-align:center;
margin:0;
padding:1em 0 0 0;
}


.rf_top_base h3{
font-size:1.15em;
text-align:center;
font-weight:bold;
color:#013378;
line-height:1.4em;
margin:0;
padding:.75em 0 0 0;
}


.rf_ex_container{
width:250px;
padding:10px 45px 0 45px;

}

.rf_ex_bxs,
.rf_ex_bxc{
color:#ba0006;
font-weight:bold;
text-align:center;
font-size:1.25em;
}


.rf_ex_bxc{
padding:10px 0px;

}

.rf_ex_bx{
width:250px;
height:35px;
background: linear-gradient(#e10012, #ba0006);
border-radius:5px;
color:#fff;
font-weight:bold;
text-align:center;
font-size:1.25em;
padding:3px 0 2px 0;
}


.ex_nml_fnt{
font-weight:normal;
font-size:.85em;
}






.rf_mid_inr{
width:160px;
height:270px;
background:url(../product/rfit/resp-crfid-tag.png);
padding: 235px 0 0px 165px;
}



.rf_mid_bx{
width:160px;
height:190px;
text-align:center;
font-weight:bold;
color:#3d0000;
padding:75px 0 0 0;
font-size:.9em;
}



.rf_tag_tx1{
font-size:2.2em;
line-height:1.5em;
}

.rf_tag_tx2{
font-size:1.2em;
}

.rf_tag_tx3{
font-size:1.1em;
}



.rf_subex_container{
clear:both;
width:250px;
padding:10px 45px 0px 45px;
height:125px;
}


.rf_subex_bxs,
.rf_subex_bxc{
width:250px;
height:35px;

}

.rf_subex_bxc{
padding:10px 0px;
}



.rf_subex_bx{
background-color:#123456;
color:white;
font-weight:bold;
text-align:center;
border-radius:5px;
font-size:1.05em;
padding:5px 0 5px 0;
height:25px;
}

.rf_subex_bx a{
color:white;
text-decoration:underline;
}



.rf_bot_txbx{
width:320px;
padding:40px 10px 0 10px;
}


.rf_bot_txbx h3{
font-size:1.05em;
font-weight:bold;
color:#123456;
text-align:center;
line-height:1.35em;

}

.rf_bot_txbx p{
font-size:.85em;
}








/* -------------users voice--------------*/

.rf_users_base{
width:320px;
padding:0px 0px 100px 0px;
}


.rf_users_box{
width:318px;
height:480px;
border:2px solid #ccc;
padding:10px;
border-radius:10px;

}


.rf_users_l{
width:300px;
height:170px;
padding:0 9px 0 9px;

}

.rf_users_r{
width:300px;
height:250px;
padding:0 9px 0 9px;
}


.rf_users_hd{
text-align:center;
font-size:1em;
color:#123456;
text-decoration:underline;
font-weight:bold;
padding-top:10px;
}


.rf_users_tx{
font-size:.95em;
padding:15px 0px 0px 0px;
}


.rf_users_btn{
display:none;
}



.rf_users_btn_resp{
    border-radius: 5px;
    padding: 12px 0 8px 0;
    background: linear-gradient(0deg, rgba(0, 39, 82, 1), rgba(0, 156, 227, 1));
    height: 30px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
}


.rf_users_btn_resp a{
	color:#fff;
    font-size: .95em;
    font-weight: bold;
    text-decoration:none;
}

/* --- contents --- */ 



.rf_cont_pics,
.rf_cont_pics1,
.rf_cont_pics2{
	width:340px;
	padding-bottom:40px
	
}

.rf_cont_pics img,
.rf_cont_pics1 img,
.rf_cont_pics2 img{
	width:100%;
	max-width:340px;
	
}



.rf_cont_tx,
.rf_cont_tx0,
.rf_cont_tx1,,
.rf_cont_tx2{
	width:340px;
	padding-bottom:40px;
	
}



.rf_cont_txcp{
padding:0 20px;
font-size:.8em;
}



.exp_catch{
color:#123456;
}







}



@media screen and (min-width: 551px) {
	/* 550px以上に適用されるCSS（PC用） */


.cont_base_rf{
        width: 1030px;
        padding: 120px 25px 10px 25px;
        clear: both;
        margin-top: -120px;
}

.cont_base_rft{
        width: 1030px;
        padding: 0px 25px 50px 25px;
        clear: both;

}



.rf_top_base{
width:1180px;
height:570px;
background:url(../product/rfit/crfid-bg1.jpg);
}


.rf_mid_base{
width:930px;
height:440px;
background:url(../product/rfit/crfid-bg2.jpg);
padding:20px 135px 0 115px;


}

.rf_bot_base{
width:1180px;
height:440px;
background:url(../product/rfit/crfid-bg3.jpg);
background-repeat:no-repeat;
padding:80px 0 0px 0;

}



.rf_title_logo{
width:970px;
height:120px;
margin:0 auto;
padding-top:80px;
}


.rf_top_base h2{
font-size:2.2em;
font-weight:bold;
color:#013378;
text-align:center;
margin:0;
padding:1em 0 0 0;
}


.rf_top_base h3{
font-size:1.75em;
text-align:center;
font-weight:bold;
color:#013378;
line-height:1.4em;
margin:0;
padding:.75em 0 0 0;
}


.rf_ex_container{
width:830px;
padding:40px 175px 0 175px;
height:100px;

}

.rf_ex_bxs,
.rf_ex_bxc{
float:left;
color:#ba0006;
font-weight:bold;
text-align:center;
font-size:1.5em;

}


.rf_ex_bxc{
padding:0 40px;

}

.rf_ex_bx{
width:250px;
height:55px;
background: linear-gradient(#e10012, #ba0006);
border-radius:5px;
color:#fff;
font-weight:bold;
text-align:center;
font-size:1.5em;
padding:5px 0 0 0;
}


.ex_nml_fnt{
font-weight:normal;
font-size:.85em;
}






.rf_mid_inr{
width:245px;
height:420px;
background:url(../product/rfit/crfid-tag.png);
padding: 30px 0 0 685px;
}



.rf_mid_bx{
width:245px;
height:270px;
text-align:center;
font-weight:bold;
color:#3d0000;
padding:130px 0 0 0;
}




.rf_tag_tx1{
font-size:2.8em;
line-height:1.6em;
}

.rf_tag_tx2{
font-size:1.5em;
}

.rf_tag_tx3{
font-size:1.3em;
}



.rf_subex_container{
clear:both;
width:960px;
padding:50px 110px 50px 110px;
height:35px;
}


.rf_subex_bxs,
.rf_subex_bxc{
width:300px;
height:30px;
float:left;

}


.rf_subex_bxc{
padding:0 30px;
}

.rf_subex_bx{
background-color:#123456;
color:white;
font-weight:bold;
text-align:center;
border-radius:5px;
font-size:1.3em;
padding:10px 0;
}

.rf_subex_bx a{
color:white;
text-decoration:underline;
}


.rf_bot_txbx{
width:960px;
padding:40px 110px 0 110px;
}


.rf_bot_txbx h3{
font-size:1.3em;
font-weight:bold;
color:#123456;
text-align:center;
line-height:1.3em;

}

.rf_bot_txbx p{
font-size:1.1em;
}






/*----------users voice-----------------*/


.rf_users_base{
width:980px;
padding:50px 100px 0 100px;
}



.rf_users_box{
width:956px;
height:285px;
border:2px solid #ccc;
padding:10px;
border-radius:10px;

}


.rf_users_l{
float:left;
width:526px;

}

.rf_users_r{
float:left;
width:380px;
height:285px;
padding:0 0 0 50px;
}


.rf_users_hd{
text-align:center;
font-size:1.5em;
color:#123456;
text-decoration:underline;
font-weight:bold;
padding-top:20px;
}


.rf_users_tx{
font-size:1.2em;
padding:30px 30px 30px 30px;
}



.rf_users_btn{
    border-radius: 5px;
    padding: 15px 0 0px 0;
    background: linear-gradient(0deg, rgba(0, 39, 82, 1), rgba(0, 156, 227, 1));
    height: 50px;
    width: 440px;
    margin: 0 auto;
    text-align: center;
}


.rf_users_btn a{
	color:#fff;
    font-size: 1.25em;
    font-weight: bold;
    text-decoration:none;
}

.rf_users_btn_resp{
display:none;
}



/* --- contents --- */ 

.rf_cont_pics{
	width:500px;
	padding:30px 0px 0 0px;
	float:left;
	
}

.rf_cont_tx{
	width:500px;
	float:left;
	padding: 20px 30px 50px 0px;
	line-height:2em;
	min-height:350px;
}



.rf_cont_pics1,
.rf_cont_pics2{
	padding:30px 0px 0 0px;
	float:right;
}

.rf_cont_pics{
	width:500px;
	
}

.rf_cont_pics1{
	width:500px;
}

.rf_cont_pics2{
	width:650px;
}



.rf_cont_tx1,
.rf_cont_tx2{
	float:right;
	padding: 20px 0px 50px 30px;
	line-height:2em;
}

.rf_cont_tx3{
	float:right;
	padding: 20px 0px 0px 30px;
	line-height:2em;
}




.rf_cont_tx1{
	width:500px;
	min-height:350px;
}

.rf_cont_tx2,
.rf_cont_tx3{
	width:290px;
	
}


.rf_cont_txcp{
padding:0 20px;
font-size:.8em;
}



.exp_catch{
color:#123456;
}





}