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

    
.seisan_main_pic{
width:100%;
max-width:340px;
background:url(../product/seisanv6/s01_topimg_resp.jpg);
background-repeat:no-repeat;
height:200px;
margin:0 auto;
}


.seisan_main_pic h2{
text-align:center;
font-weight:bold;
font-size:1.0em;
    color:#223377;
padding-top:130px;
}









/* --- top_flow --- */ 

.seisan_sub_pic{
width:100%;
max-width:340px;
background:url(../product/seisanv6/seisan_v6_04resp.jpg);
background-repeat:no-repeat;
padding:0 0 50px 0;
}



.seisan_sub_bot{
clear:left;
text-align:center;
font-weight:bold;
color:#333;
font-size:1.0em;
}



.seisan_sub_top_l{
width:320px;
height:120px;
padding:20px 10px 0 10px;

}


.seisan_sub_top_r{
width:320px;
height:110px;
padding:5px 10px 10px 10px;

}


.box_base{
    width:140px;
    height:110px;
    padding:0px 0px 0 20px;
    float:left;
    font-weight:bold;
    color:#333;
    font-size:1.0em;
    }



.box_b2{
width:70px;
float:left;
}


.box_b3{
width:40px;
padding:35px 0 0 30px;
font-size:.85em;
float:left;
}


.box_b4{
width:50px;
padding:35px 0 0 20px;
font-size:.75em;
float:left;

}


    
.exp_catch{
    font-weight:bold;
    color:#777;
    font-size:1.3em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
    
    
    
    
.exp_text{
   padding:30px 0 0 0;
    font-size:.95em
    }
    















/* --- table --- */
.seisan_table{
clear:both;
width:340px;
padding:20px 0px 0 0px;


}


.seisan_table table{
border:1px solid #333;
border-collapse:collapse;


 }
    
.seisan_table table td{
border:1px solid #333;
border-collapse:collapse;
padding:3px;
font-size:.85em;
width:64px;
height:50px;


 }



/* --- 特長 --- */ 

.seisan_ex_base{
width:340px;
height:1080px;
background:url(../product/seisanv6/seisan_v6_03resp.jpg);
background-repeat:no-repeat;" 
}

.seisan_ex_top,
.seisan_ex_mid,
.seisan_ex_bot{
width:280px;
height:360px;
padding:0px 30px 0 30px;
}



   .seisan_ex_top_l,
   .seisan_ex_top_r,
   .seisan_ex_mid_l,
   .seisan_ex_mid_r,
   .seisan_ex_bot_l,
   .seisan_ex_bot_r{
       width:280px;
       height:164px;
       padding:16px 0px 0px 0px;
    }







    
.box_header,
.box_header_m{
     width:280px;
     height:20px;
     color:#fff;
     font-weight:bold;
     font-size:.95em;
     text-align:center;
    }
 

 
     
.box_cont,
.box_cont_m{
     width:270px;
     height:130px;
     font-size:.9em;
     padding:10px 5px 0 5px;
    }
 
 

 
 
.box_cont ul,
.box_cont_m ul{
    margin:0px 0 0 20px;
    padding:0;
    }
    
.box_cont ul li,
.box_cont_m ul li{
    list-style-type: disc;
    }
    

.box_cont ul li.sysname,
.box_cont_m ul li.sysname{
    color:#777;
    font-size:.9em;
    list-style-type: none;
    padding-top:5px;
    }



.mdl_box_base{
display:none;;
}




}



/*----------------------------------smart S--------------------------------------------*/


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

    
.seisan_main_pic{
width:100%;
background:url(../product/seisanv6/s01_topimg_resp.jpg);
background-repeat:no-repeat;
background-size:310px auto;
height:200px;
margin:0 auto;

}


.seisan_main_pic h2{
text-align:center;
font-weight:bold;
font-size:1.0em;
    color:#223377;
padding-top:130px;
}









/* --- top_flow --- */ 

.seisan_sub_pic{
width:100%;
max-width:340px;
background:url(../product/seisanv6/seisan_v6_04resp.jpg);
background-repeat:no-repeat;
padding:0 0 50px 0;
background-size:310px auto;
}



.seisan_sub_bot{
clear:left;
text-align:center;
font-weight:bold;
color:#333;
font-size:1.0em;
}



.seisan_sub_top_l{
width:300px;
height:90px;
padding:20px 5px 0 5px;

}


.seisan_sub_top_r{
width:320px;
height:110px;
padding:5px 10px 10px 10px;

}


.box_base{
    width:140px;
    height:110px;
    padding:0px 0px 0 10px;
    float:left;
    font-weight:bold;
    color:#333;
    font-size:1.0em;
    }



.box_b2{
width:65px;
float:left;
padding-left:5px;
}


.box_b3{
width:30px;
padding:30px 0 0 30px;
font-size:.85em;
float:left;
}


.box_b4{
width:50px;
padding:35px 0 0 15px;
font-size:.75em;
float:left;

}


    
.exp_catch{
    font-weight:bold;
    color:#777;
    font-size:1.3em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
    
    
    
    
.exp_text{
   padding:30px 0 0 0;
    font-size:.95em
    }
    





/* --- table --- */
.seisan_table{
clear:both;
width:300px;
padding:20px 5px 0 5px;


}


.seisan_table table{
border:1px solid #333;
border-collapse:collapse;


 }
    
.seisan_table table td{
border:1px solid #333;
border-collapse:collapse;
padding:3px;
font-size:.85em;
width:64px;
height:50px;


 }



/* --- 特長 --- */ 

.seisan_ex_base{
width:310px;
height:1080px;
background:url(../product/seisanv6/seisan_v6_03resp.jpg);
background-repeat:no-repeat;
background-size:310px auto; 
}

.seisan_ex_top,
.seisan_ex_mid,
.seisan_ex_bot{
width:300px;
height:329px;
padding:0px 30px 0 5px;
}



   .seisan_ex_top_l,
   .seisan_ex_top_r,
   .seisan_ex_mid_l,
   .seisan_ex_mid_r,
   .seisan_ex_bot_l,
   .seisan_ex_bot_r{
       width:265px;
       height:149px;
       padding:15px 0px 0px 17px;
    }







    
.box_header,
.box_header_m{
     width:280px;
     height:18px;
     color:#fff;
     font-weight:bold;
     font-size:.95em;
     text-align:center;
    }
 

 
     
.box_cont,
.box_cont_m{
     width:250px;
     height:130px;
     font-size:.9em;
     padding:10px 5px 0 5px;
    }
 
 

 
 
.box_cont ul,
.box_cont_m ul{
    margin:0px 0 0 20px;
    padding:0;
    }
    
.box_cont ul li,
.box_cont_m ul li{
    list-style-type: disc;
    }
    

.box_cont ul li.sysname,
.box_cont_m ul li.sysname{
    color:#777;
    font-size:.9em;
    list-style-type: none;
    padding-top:5px;
    }







.mdl_box_base{
display:none;;
}





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

.seisan_main_pic h2{
    text-align:center;
    padding:10px 0 0 0;
    font-size:1.8em;  
    color:#223377;
    line-height:1.2em;
}


 
 
 
/* --- table --- */ 
    
table{
    width:976px;
    border:2px solid #333;
    border-collapse: collapse;
    }


    
td{
    width:190px;
     border:1px solid #777;
    border-collapse: collapse;
    padding:5px 0 5px 10px;
    }


.seisan_table{
clear:both;
width:980px;
padding:50px 50px 0 50px;
}



/* --- top --- */ 
.seisan_main_pic{
width:1180px;
height:100px;
padding:250px 0 0 0px;
margin:0 auto;
background:url(../product/seisanv6/s01_topimg.jpg);
background-repeat:no-repeat;
}






/* --- top_flow --- */ 

.seisan_sub_pic{
width:1030px;
height:250px;
background:url(../product/seisanv6/seisan_v6_041.jpg);
background-repeat:no-repeat;
padding:0px 25px 50px 40px;
}


.seisan_sub_top_l{
width:510px;
height:130px;
padding:25px 0 0 0px;
float:left;

}

.seisan_sub_top_r{
width:510px;
height:130px;
padding:25px 0 0 0px;
float:left;

}


.seisan_sub_bot{
clear:left;
width:880px;
height:45px;
padding:40px 100px 0 50px;
text-align:center;
font-weight:bold;
color:#333; font-size:1.2em;
}


.box_base{
    width:235px;
    height:110px;
    padding:20px 0px 0 20px;
    float:left;
    font-weight:bold;
    color:#333;
    font-size:1.2em;
    }

.box_b2{
width:135px;
float:left;
}


.box_b3{
width:95px;
padding-top:60px;
font-size:.9em;
float:left;
}


.box_b4{
width:95px;
padding:45px 0 0 5px;
font-size:.9em;
float:left;

}


    
.exp_catch{
    font-weight:bold;
    color:#777;
    font-size:1.3em;
    text-align:center;
    border-bottom:4px double #ccc;
    }
    
    
    
    
.exp_text{
   padding:30px 0 0 0;
    font-size:.95em
    }
    









/* --- 特長 --- */ 

.seisan_ex_base{
width:1080px;
height:880px;
background:url(../product/seisanv6/seisan_v6_031.jpg);
background-repeat:no-repeat;" 


}

    
 .box_header{
     width:385px;
     height:30px;
     color:#fff;
     font-weight:bold;
     font-size:1.2em;
     text-align:center;
     padding-top:5px;
    }
 
  .box_header_m{
     width:275px
     height:30px;
     color:#fff;
     font-weight:bold;
     font-size:1.2em;
     text-align:center;
     padding-top:5px;
    }
 
     
 .box_cont{
     width:365px;
     height:135px;
     padding:10px;
    }
 
 
  .box_cont_m{
     width:255px;
     height:145px;
     padding:10px;
    }
 
 
.box_cont ul,
.box_cont_m ul{
    margin:10px 10px;
    padding:0 5px;
    }
    
.box_cont ul li,
.box_cont_m ul li{
    list-style-type: disc;
    }
    

.box_cont ul li.sysname,
.box_cont_m ul li.sysname{
    color:#777;
    font-size:.9em;
    list-style-type: none;
    padding-top:5px;
    }






.seisan_ex_top{
width:980px;
height:210px;
padding:30px 0 0 50px;
}


.seisan_ex_mid{
width:980px;
height:240px;padding:55px 0 0px 50px;
}


.seisan_ex_bot{
width:980px;
height:210px;
padding:55px 0 0 50px;

}


   .seisan_ex_top_l{
       width:385px;
       height:190px;
       padding:10px 205px 10px 0px;
       float:left;
    }
    
   .seisan_ex_top_r{
       width:385px;
       height:190px;
       padding:10px 0px 10px 0px;
       float:left;
    }    
 
   .seisan_ex_mid_l{
      width:275px;
       height:220px;
       padding:10px 425px 10px 0px;
       float:left;
    }
    
    .seisan_ex_mid_r{
    width:275px;
    height:220px;
    padding:10px 0px 10px 0px;
    float:left;
    }

.seisan_ex_mid_r .box_cont_m{
     width:260px;
     height:145px;
     padding:10px 0px 10px 15px;
    }

    
    .seisan_ex_bot_l{
        width:385px;
        height:190px;
        padding:10px 205px 10px 0px;
        float:left;
    } 
    
    
    .seisan_ex_bot_r{
     width:385px;
    height:190px;
    padding:10px 0px 10px 0px;
    float:left;
    } 









	.sei_cont_pics_lgl{
	width: 575px;
    padding: 0 0px 0 25px;
    float: right;
	
	}
   

	.sei_cont_tx_slr{
		width: 325px;
    padding: 0 25px 0 40px;
    float: right;
	
	}






.mdl_box_base{
padding-top:50px;
}

.overlays {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.95);
	transition: opacity 200ms;
	visibility:hidden;
	opacity: 0;
	padding-top:120px;
}


.modalbtn{
    padding:20px 0 0 80px;
}


.overlays .cancel {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}
.overlays:target {
	visibility: visible;
	opacity: 1;
}


.modals{
	margin: 0px auto;
	position: relative;
	text-align:center;
	padding:30px 0 10px 0;
	width:1180px;
	height:950px;
	border-radius:10px;
	
}


.modals_box{
	margin: 0px auto;
	position: relative;
	text-align:center;
	padding-top:50px;
	width:1130px;
	height:900px;
	background:rgba(255,255,255,0.2);
	border-radius:10px;
	
}


.modals .modals_box h2 {
	margin-top: 0;
	color:#fff;
	font-size:1.8em;
}


.modals .close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	opacity: 0.9;
	transition: all 200ms;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #777;
}


.modals .close a{
	color: #fff;
	text-decoration:none;
}


.modals .close:hover {
	opacity: 1;
}
.modals .cont {
	max-width: 400px;
	overflow: auto;
}
.modals p {
	margin: 0 0 1em;
	text-align: center;
}
.modals p:last-child {
	margin: 0;
}

.modals .picimg{
    width:1080px;
    margin:0 auto;
}



a.button {
	background:linear-gradient(rgba(6,109,237,0.5),rgba(2,7,108,0.9));
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	cursor:pointer;
	display:block;
	font-weight:700;
	font-size:1.25em;
	height:50px;
	padding:7px 10px 15px 10px;
	text-align:center;
	border-radius:6px;
	max-width:280px;
	opacity:1;
	color:#fff;
	text-decoration:none;
	transition:0.3s box-shadow ease;
	-webkit-transition:0.3s box-shadow ease;
	transform: translateY(0px);
	text-shadow: 0 0 0;
}


a.button:hover {
	box-shadow:0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}





















}