 

@media only screen and (min-width: 321px) and (max-width: 550px) {
	/* 550px以下に適用されるCSS（スマホ用） */

.val_crm_tp{
display:none;
}

.val_crm_tp_resp{
width:340px;
height:400px;
}

.val_crm_md1{
display:none;
}

.val_crm_md1_resp{
width:340px;
height:130px;
padding:240px 0 160px 0;
text-align:center;
background: url(../product/2023value/val_crm_md1_resp.jpg);
background-repeat:no-repeat;
}

.val_crm_md2{
display:none;
}

.val_crm_md2_resp{
width:340px;
height:500px;
}

.val_crm_mdtx1{
	font-weight:bold;
	font-size:2em;
}

.val_crm_mdtx2{
	font-size:1.2em;
}






.tos_chs_base{
clear:both;
width:320px;
height:280px;
padding:0px 10px 0px 10px;
}

.tos_chs_l{
width:320px;
padding:0px 0px 0px 0px;
height:140px;

}

.tos_chs_r{
width:320px;
padding:0px 0px 0px 0px;
height:140px;

}


.tos_hd{
font-weight:bold;
color:#123456;
font-size:1.1em;
width:320px;
height:30px;
background:#e2f1e9;
padding:5px 0 5px 0px;
border-radius: 10px;
text-align:center;
}

.tos_tx{
width:300px;
padding:5px 5px 0 5px;
}


.sh_chs_base{
clear:both;
width:320px;
height:110px;
padding:10px 10px 30px 10px;
}



.sh_chs_l{
width:320px;
padding:10px 0px 20px 0px;

}

.sh_chs_r{
width:320px;
padding:10px 0px 20px 0px;

}


.sh_hd{
font-weight:bold;
color:#51262a;
font-size:1.05em;
width:320px;
height:50px;
}


.sh_tx{
border-bottom: #9c0816 dotted 3px;
height:60px;
text-align:center;
}





.sh_prob_ill{
width:320px;
height:80px;
padding:0px 10px 20px 10px;
}

.tos_chs_ill{
width:320px;
height:80px;
padding:80px 10px 20px 10px;

}


.val_link_area_c{
height: 60px;
padding: 0px 20px 50px 20px;
width: 300px;
}


.val_link_box {
border-radius: 5px;
text-align: center;
padding: 13px 15px 15px 15px;
font-size: 1.2em;
background: linear-gradient(0deg, rgba(8, 63, 154, 1), rgba(6, 127, 220, 1));
height: 20px;
}

.val_link_box a {
color: #fff;
font-weight: bold;
text-decoration: none;
}



.link_box a{
text-decoration:none;
}


.crm_price_base{
width:320px;
height:350px;
padding:0 10px;
}


.crm_pri_tx{
font-weight:bold;
color:#777;
text-align:center;
font-size:1.25em;
padding-top:5px;
}


.crm_price_bx{
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(160, 16, 23, 1), rgba(206, 0, 13, 1));
    height: 105px;
    width:320px;
    padding:5px;
    
}


    
.crm_price_bx_inr{
    border-radius: 5px;
    text-align: center;
    font-size: 2.2em;
    border:1px solid #fff;
    color:#fff;
    font-weight:bold;
    height:95px;
    line-height:.7em;
    padding:3px 0 5px 0;
}


.crm_price_pos{
display:none;
}



.crm_price_pos_resp{
padding-top:15px;
font-size:.35em;
font-weight:normal;
line-height:1em;
}


.subsc_tx{
font-weight:bold;
color:#777;
text-align:center;
font-size:1.4em;
padding-top:5px;

}


.link_box{
width:320px;
padding:100px 10px 35px 10px;
clear:both;
margin:0 auto;
}

.link_bx_hd{
width:320px;
text-align:center;
font-weight:bold;
font-size:1.2em;
border-bottom:2px solid #999;
}


.link_bx_sys{
width:300px;
padding-bottom:5px;
clear:both;
padding:30px 10px 20px 10px;
border-bottom:1px solid #bbb;
}


.link_bx_sys_img{
width:250px;
padding:0 25px;


}

.link_bx_sys_tx{
width:320px;
padding:20px 0px 0 0px;
color:#333;
text-align:center;
}




.sys_tx1{
font-size:.9em;
}

.sys_tx2{
font-weight:bold;
font-size:1em;
color:#555;
}



.link_bx_sys_w{
width:320px;
padding-bottom:5px;
padding:30px 0px 0px 0px;
height:400px;
}

.link_bx_btn_l,
.link_bx_btn_r{
width:320px;
background:#fff;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
border-radius:10px;
height:160px;
}

.link_bx_btn_l{

}


.link_bx_btn_r{
margin-top:20px;

}


.link_btn_img{
width:260px;
height:70px;
padding:10px 30px 15px 30px;

}

.link_btn_tx{
width:310px;
height:80px;
padding:10px 5px 10px 5px;
color:#777;
font-weight:bold;
text-align:center;
font-size:.9em;

}



.crm_sec_base{
width:340px;
padding:20px 0px 50px 0px;
margin:0 auto;
}


.crm_sec_hd{
width:340px;
font-weight:bold;
font-size:1.2em;
border-bottom:1px solid #aaa;
text-align:center;

}












}



@media only screen and (max-width: 320px) {
	/* 320px以下に適用されるCSS（スマホ用） */
	
.val_crm_tp{
display:none;
}

.val_crm_tp_resp{
width:320px;
height:380px;
}

.val_crm_md1{
display:none;
}

.val_crm_md1_resp{
width:300px;
height:130px;
padding:195px 5px 160px 5px;
text-align:center;
background: url(../product/2023value/val_crm_md1_resp.jpg);
background-repeat:no-repeat;
background-size:300px;
font-size:.95em;
}

.val_crm_md2{
display:none;
}

.val_crm_md2_resp{
width:320px;
height:500px;
}

.val_crm_mdtx1{
	font-weight:bold;
	font-size:2em;
}

.val_crm_mdtx2{
	font-size:1.2em;
}

.crm_price_base{
width:310px;
height:350px;

}


.crm_pri_tx{
font-weight:bold;
color:#777;
text-align:center;
font-size:1.15em;
padding-top:5px;
}


.crm_price_bx{
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(160, 16, 23, 1), rgba(206, 0, 13, 1));
    height: 105px;
    width:300px;
    padding:5px;
    
}

    
.crm_price_bx_inr{
    border-radius: 5px;
    text-align: center;
    font-size: 2.2em;
    border:1px solid #fff;
    color:#fff;
    font-weight:bold;
    height:95px;
    line-height:.7em;
    padding:3px 0 5px 0;
}

.crm_price_pos{
display:none;
}



.crm_price_pos_resp{
padding-top:15px;
font-size:.35em;
font-weight:normal;
line-height:1em;
}







.tos_chs_base{
clear:both;
width:310px;
height:280px;
padding:0px 0px 0px 0px;
}

.tos_chs_l{
width:300px;
padding:0px 5px 0px 5px;
height:140px;

}

.tos_chs_r{
width:300px;
padding:0px 5px 0px 5px;
height:140px;

}


.tos_hd{
font-weight:bold;
color:#123456;
font-size:1.1em;
width:300px;
height:30px;
background:#e2f1e9;
padding:5px 0 5px 0px;
border-radius: 10px;
text-align:center;
}

.tos_tx{
width:290px;
padding:5px 5px 0 5px;
}


.sh_chs_base{
clear:both;
width:310px;
height:110px;
padding:10px 0px 30px 0px;
}



.sh_chs_l{
width:300px;
padding:10px 5px 20px 5px;

}

.sh_chs_r{
width:300px;
padding:10px 5px 20px 5px;

}


.sh_hd{
font-weight:bold;
color:#51262a;
font-size:1.05em;
width:300px;
height:50px;
}


.sh_tx{
border-bottom: #9c0816 dotted 3px;
height:60px;
text-align:center;
}





.sh_prob_ill{
width:300px;
height:80px;
padding:0px 5px 20px 5px;
}

.tos_chs_ill{
width:300px;
height:80px;
padding:80px 5px 20px 5px;

}


.val_link_area_c{
height: 60px;
padding: 0px 10px 50px 10px;
width: 280px;
}


.val_link_box {
border-radius: 5px;
text-align: center;
padding: 13px 15px 15px 15px;
font-size: 1.2em;
background: linear-gradient(0deg, rgba(8, 63, 154, 1), rgba(6, 127, 220, 1));
height: 20px;
}

.val_link_box a {
color: #fff;
font-weight: bold;
text-decoration: none;
}



    
.val_sei_main_pic{
    width: 310px;
    height: 50px;
    margin: 0 auto;
    background: url(../product/2023value/seisan_value_topimg_resp.jpg);
    background-repeat: no-repeat;
    padding:190px 0 20px 0;
    font-weight:bold;
    font-size:1.5em;
    text-align:center;
    line-height:1em;
    color:#00386B;
        background-size: 310px auto;

}

.val_sei_gazo{
width:310px;
padding:0 0px 30px 0px;

}




.link_box a{
text-decoration:none;
}




.price_bx_base{
width:300px;
height:180px;
padding:0 5px;
}


.price_bx{
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(160, 16, 23, 1), rgba(206, 0, 13, 1));
    height: 55px;
    width:290px;
    padding:5px;
    

}
    
.price_bx_inner{
    border-radius: 5px;
    text-align: center;
    font-size: 2.2em;
    border:1px solid #fff;
    color:#fff;
    font-weight:bold;
    height:45px;
    line-height:.7em;
    padding-top:8px;
}

.subsc_tx{
font-weight:bold;
color:#777;
text-align:center;
font-size:1.4em;
padding-top:5px;

}


.link_box{
width:300px;
padding:80px 5px 35px 5px;
clear:both;
margin:0 auto;
}

.link_bx_hd{
width:300px;
text-align:center;
font-weight:bold;
font-size:1.2em;
border-bottom:2px solid #999;
}


.link_bx_sys{
width:290px;
padding-bottom:5px;
clear:both;
padding:30px 5px 20px 5px;
border-bottom:1px solid #bbb;
}


.link_bx_sys_img{
width:250px;
padding:0 20px;
}

.link_bx_sys_tx{
width:290px;
padding:20px 5px 0 5px;
color:#333;
text-align:center;
}




.sys_tx1{
font-size:.9em;
}


.sys_tx2{
font-weight:bold;
font-size:1em;
color:#555;
}



.link_bx_sys_w{
width:300px;
padding-bottom:5px;
padding:30px 0px 0px 0px;
height:400px;
}

.link_bx_btn_l,
.link_bx_btn_r{
width:300px;
background:#fff;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
border-radius:10px;
height:160px;
}

.link_bx_btn_l{

}


.link_bx_btn_r{
margin-top:20px;

}


.link_btn_img{
width:240px;
height:70px;
padding:10px 30px 15px 30px;

}

.link_btn_tx{
width:290px;
height:80px;
padding:10px 5px 10px 5px;
color:#777;
font-weight:bold;
text-align:center;
font-size:.9em;

}

.crm_sec_base{
width:310px;
padding:20px 0px 50px 0px;
margin:0 auto;
}


.crm_sec_hd{
width:310px;
font-weight:bold;
font-size:1.2em;
border-bottom:1px solid #aaa;
text-align:center;

}













}


















@media print, screen and (min-width: 551px) {
	/* 550px以上に適用されるCSS（PC用） */
	


.val_crm_tp{
    width: 1180px;
    margin: 0 auto;
    height:530px;
    padding-bottom:30px;
}

.val_crm_tp_resp{
display:none;
}


.val_crm_md1{
    width: 560px;
    margin: 0 auto;
    height:105px;
    padding:245px 220px 50px 300px;
    background: url(../product/2023value/val_crm_md1.jpg);
    background-repeat:no-repeat;
    text-align:center;
}


.val_crm_md1_resp{
display:none;
}

.val_crm_md2{
	width:1080px;
	height:380px;
	padding:0px 50px 150px 50px;
}


.val_crm_md2_resp{
display:none;
}

.val_crm_mdtx1{
	font-weight:bold;
	font-size:2em;
}

.val_crm_mdtx2{
	font-size:1.2em;
}




.val_link_area_c{
height: 60px;
padding: 0px 300px 50px 300px;
width: 430px;
}



.val_link_box {
border-radius: 5px;
text-align: center;
padding: 13px 15px 15px 15px;
font-size: 1.2em;
background: linear-gradient(0deg, rgba(8, 63, 154, 1), rgba(6, 127, 220, 1));
height: 20px;
}

.val_link_box a {
color: #fff;
font-weight: bold;
text-decoration: none;
}


.tos_chs_base{
clear:both;
width:980px;
height:110px;
padding:10px 50px 30px 50px;
}

.tos_chs_l{
width:460px;
padding:0px 60px 0px 0px;
float:left;
}

.tos_chs_r{
width:460px;
padding:0px 0px 0px 0px;
float:left;
}

.tos_hd{
font-weight:bold;
color:#123456;
font-size:1.3em;
width:460px;
height:30px;
background:#e2f1e9;
padding:5px 0 5px 0px;
border-radius: 10px;
text-align:center;
}

.tos_tx{
width:420px;
padding:5px 20px 0 20px;
}



.sh_chs_base{
clear:both;
width:980px;
height:110px;
padding:10px 50px 30px 50px;
}


.sh_chs_l{
width:460px;
padding:0px 60px 0px 0px;
float:left;
}

.sh_chs_r{
width:460px;
padding:0px 0px 0px 0px;
float:left;
}


.sh_hd{
font-weight:bold;
color:#51262a;
font-size:1.3em;
width:460px;
height:50px;
}


.sh_tx{
border-bottom: #9c0816 dotted 3px;
height:50px;
text-align:center;
}





.sh_prob_ill{
width:780px;
height:200px;
padding:0px 150px 50px 150px;
}

.tos_chs_ill{
width:780px;
height:200px;
padding:100px 150px 50px 150px;

}





.val_link_area_c{
height: 60px;
padding: 0px 330px 50px 330px;
width: 420px;
}


.val_link_box {
border-radius: 5px;
text-align: center;
padding: 13px 15px 15px 15px;
font-size: 1.2em;
background: linear-gradient(0deg, rgba(8, 63, 154, 1), rgba(6, 127, 220, 1));
height: 20px;
}

.val_link_box a {
color: #fff;
font-weight: bold;
text-decoration: none;
}







.crm_sec_base{
width:980px;
padding:50px 50px 100px 50px;
margin:0 auto;
}


.crm_sec_hd{
width:970px;
font-weight:bold;
font-size:1.2em;
border-bottom:1px solid #aaa;
padding-left:10px;
}







.val_sei_gazo{
width:880px;
padding:0 150px 30px 150px;

}




.crm_price_base{
width:620px;
height:400px;
padding:0 280px;
}


.crm_price_bx{
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(160, 16, 23, 1), rgba(206, 0, 13, 1));
    height: 110px;
    width:610px;
    padding:5px;
    
}



.crm_pri_tx{
font-weight:bold;
color:#777;
text-align:center;
font-size:1.6em;
padding-top:5px;

}



    
.crm_price_bx_inr{
    border-radius: 5px;
    text-align: center;
    font-size: 2.8em;
    border:1px solid #fff;
    color:#fff;
    height:108px;
    font-weight:bold;
    line-height:.8em;
    
}

.crm_price_pos_resp{
display:none;
}


.crm_price_pos{
font-size:.35em;
font-weight:normal;
}







.link_box{
width:880px;
padding:125px 100px 25px 100px;
clear:both;
margin:0 auto;
}

.link_bx_hd{
width:880px;
text-align:center;
font-weight:bold;
font-size:1.2em;
border-bottom:2px solid #999;
}


.link_bx_sys{
width:750px;
height:100px;
padding-bottom:5px;
clear:both;
padding:15px 65px 5px 65px;
border-bottom:1px solid #bbb;
}




.link_bx_sys_w{
width:750px;
padding-bottom:5px;
padding:60px 65px 5px 65px;
height:250px;
}

.link_bx_btn_l,
.link_bx_btn_r{
width:350px;
float:left;
background:#fff;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
border-radius:10px;
height:200px;
}

.link_bx_btn_l{
margin-right:25px;
}


.link_bx_btn_r{
margin-left:25px;
}


.link_btn_img{
width:260px;
height:70px;
padding:10px 45px 15px 45px;

}

.link_btn_tx{
width:310px;
height:80px;
padding:10px 20px 10px 20px;
color:#777;
font-weight:bold;
text-align:center;
font-size:1.1em;

}









}



