@media print {

body {
-webkit-print-color-adjust: exact;
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:200mm !IMPORTANT;
height:290mm !IMPORTANT;
}

}






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


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

.diff_main_img{
display:none;
}


.diff_main_pic{
  width:300px;
  height:70px;
  background:url(../product/nbs-diff/resp-nbs-diff-top.jpg);
  padding:100px 20px 0 20px;
  background-repeat:no-repeat;

}
.diff_main_pic h2{
text-align:center;
font-weight:bold;
font-size:1.15em;
color:#09213A;
line-height:1.3em;
margin:0;

}

.diff_main_pic h3{
text-align:center;
font-weight:bold;
font-size:3em;
color:#09213A;

}

.diff_main_img{
display:none;
}

.diff_main_img_resp{
    width:340px;
    height:280px;
    
}

.diff_hd{
width:320px;
text-align:center;
font-weight:bold;
font-size:1.2em;
color:#777;
border-bottom:5px solid #ddd;
padding:30px 10px 0px 10px;
}

.diff_cont_ex{
width:320px;
padding:20px 10px 40px 10px;
font-size:1em;
line-height:1.5em;

}

.diff_area_base{
width:310px;
padding:20px 15px 50px 15px;
}

.diff_area_base:after{
content: "";
clear: both;
display: block;

}

.diff_area_s{
width:310px;

}


.diff_area_c{
width:310px;
}


.diff_circle{
width:310px;
height:170px;
clear:both;
padding:90px 0 0 0;
background:url(../product/nbs-diff/circle.png);
font-weight:bold;
font-size:1.3em;
line-height:1.5em;
text-align:center;
color:#333;
}

.diff_box_base{
clear:both;
}

.diff_box_tos,
.diff_box_oth{
background:url(../product/nbs-diff/box-toko.jpg);
width:310px;
height:95px;
text-align:center;
padding:15px 0 0 0;
line-height:1.75em;


}
.diff_box_tos{
background:url(../product/nbs-diff/box-toko.jpg);
}


.diff_box_oth{
background:url(../product/nbs-diff/box-other.jpg);

}


    .toptx{
    font-size: 1em;
    }

    .toptx ul {
        line-height:1.75em;
        color: #123456;
        font-weight: bold;
        margin:0;
        padding:0;
    }

    .toptx ul li {
        font-size: .9em;
        list-style-type:none;
        margin: 0;
        padding-top:1em;

    }








.nbssmry_exp_tx{
padding: 20px 0 20px 0;
font-size: 1.0em;
line-height: 1.6em;
}


.nbssmry_exp_catch h3{
text-align: center;
padding:10px 0 0px 0;
margin:0; 
font-size:1.05em;
margin:0;
}








.nbssmry_cont_pics{
width:320px;

}


.nbssmry_cont_pic400{
width:320px;

}


.nbssmry_cont_pic400c{
width:320px;

}

.nbssmry_cont_pic150{
width:150px;
padding:0 80px 0 90px;

}


.nbssmry_cont_pic425{
width:320px;
float:left;

}

.nbssmry_cont_pic425r{
width:320px;


}







.nbssmry_cont_picsr,
.nbssmry_cont_picsl{
	width:320px;
	padding:10px 0px 0 0px;
}




.nbssmry_cont_tx{
width:320px;
padding:30px 0px 0 0px;
}






.nbssmry_cont_txr,
.nbssmry_cont_txl{
	width:320px;
	line-height:2em;
}

.nbssmry_cont_txl{
padding: 20px 0px 10px 0px;
}

.nbssmry_cont_txr{
padding: 20px 0px 10px 0px;
}












}





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


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






}
     


/*----------------------------------------PC----------------------------------------------------------------------------------------------------------*/




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


.diff_main_pic{
  width:1180px;
  height:120px;
  background:url(../product/nbs-diff/nbs-diff-top.jpg);
  padding-top:290px;
  background-repeat:no-repeat;

}
.diff_main_pic h2{
text-align:center;
font-weight:bold;
font-size:2.2em;
color:#09213A;
line-height:1.4em;
margin:0;

}

.diff_main_pic h3{
text-align:center;
font-weight:bold;
font-size:3em;
color:#09213A;

}

.diff_main_img{
width:1180px;
height:730px;
padding-bottom:0px;
}

.diff_main_img_resp{
    display:none;
}

.diff_hd{
width:1080px;
text-align:center;
font-weight:bold;
font-size:2em;
color:#777;
border-bottom:5px solid #ddd;
padding:100px 0 0px 0;
margin-bottom:50px;
}

.diff_cont_ex{
width:980px;
padding:50px 50px 100px 50px;
font-size:1.15em;
line-height:1.5em;

}

.diff_area_base{
width:980px;
padding:20px 50px 100px 50px;
text-align: center;
font-size: 1.15em;

}

.diff_area_base:after{
content: "";
clear: both;
display: block;

}

.diff_area_s{
width:310px;
float:left;
}


.diff_area_c{
width:310px;
float:left;
padding:0 25px;
}


.diff_circle{
width:310px;
height:170px;
clear:both;
padding:90px 0 0 0;
background:url(../product/nbs-diff/circle.png);
font-weight:bold;
font-size:1.3em;
line-height:1.5em;
text-align:center;
color:#333;
}

.diff_box_base{
clear:both;

}

.diff_box_tos,
.diff_box_oth{
background:url(../product/nbs-diff/box-toko.jpg);
width:310px;
height:95px;
text-align:center;
padding:15px 0 0 0;
line-height:1.75em;
font-size:.9em;



}
.diff_box_tos{
background:url(../product/nbs-diff/box-toko.jpg);
}


.diff_box_oth{
background:url(../product/nbs-diff/box-other.jpg);

}






    .toptx{
    font-size: 1.15em;
    }

    .toptx ul {
        line-height:1.75em;
        color: #123456;
        font-weight: bold;
        padding:0;
        margin:0;
    }

    .toptx ul li {
        font-size:1.15em;
        list-style-type:none;
        margin: 0;

    }








.nbssmry_exp_tx{
padding: 20px 0 60px 0;
font-size: 1.15em;
line-height: 1.6em;
}


.nbssmry_exp_catch h3{
text-align: center;
padding:10px 0 0px 0;
margin:0; 
font-size:1.15em;
margin:0;
}








.nbssmry_cont_pics{
width:1030px;
padding:30px 25px 0 25px;
clear:both;
}


.nbssmry_cont_pic400{
width:400px;
float:left;
}


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

.nbssmry_cont_pic150{
width:150px;
float:left;
}


.nbssmry_cont_pic425{
width:425px;
float:left;
padding:0 0 0 60px;
}

.nbssmry_cont_pic425r{
width:425px;
float:left;
padding:0 60px;
}







.nbssmry_cont_picsr,
.nbssmry_cont_picsl{
	width:450px;
}


.nbssmry_cont_picsl{
	padding:30px 0px 0 25px;
	float:left;
}

.nbssmry_cont_picsr{
	padding:30px 25px 0 0px;
	float:right;
}

.nbssmry_cont_tx{
width:1030px;
padding:30px 25px 0 25px;
}






.nbssmry_cont_txr,
.nbssmry_cont_txl{
	width:490px;
	line-height:2em;
}

.nbssmry_cont_txl{
	float:left;
	padding: 20px 40px 50px 25px;
}

.nbssmry_cont_txr{
	float:right;
	padding: 20px 25px 50px 40px;
}






























}