@charset "utf-8";
/* ------------------------------------------------------------------------------------------------ block_02 */
#block_02 { padding: 30px 0; margin: 30px 0 0;}
#block_02 .inner{ width: 1000px;  margin: 0 auto; }
#block_02 .products { width: 25%; float:left; }
#block_02 .products h2 { margin: 50px 0 0; }
#block_02 img { width: 25%; height: auto; float:left; }
#block_02 table { width: 44%; float:left; font-size: 14px;  margin: 0 1% 10px 0; height: 210px;}
#block_02 table th { background-color: #5595aa; color: #fff; text-align: left; border-bottom: 1px solid #fff; padding: 5px 0 5px 10px; line-height: 1.4em; }
#block_02 table td { background-color: #e6ecf6; text-align: left; border-bottom: 1px solid #fff; padding: 5px 0 5px 10px; line-height: 1.4em; }
#block_02 .use { background: url(../images/block_02/bg_01.jpg) top left repeat;  width: 55%; float:left; text-align: center; color: #fff; height: 150px; padding: 20px 0; margin: 0 0 10px; }
#block_02 .use dt { font-size: 22px;}
#block_02 .use dd { font-size: 18px;  padding: 5px 0; }
#block_02 .use p { font-size: 12px; }
#block_02 .packing { background: url(../images/block_02/bg_02.jpg) top left repeat; clear: both;  padding: 70px 0 50px 0; text-align: center; margin: 0 20px; }
#block_02 .packing .inner{ width: 1000px;  margin: 0 auto;}
#block_02 .packing .inner img{ padding:0 30px 50px 0; margin: 30px 0 0 ; width: 300px; float: left; }
#block_02 .packing .inner div{ float: left; }
/* ------------------------------------------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------------------------------------------ block_01 */
#block_02 { padding: 30px 0; margin: 0;}
#block_02 .inner{ width: 100%;  margin: 0 auto; }
#block_02 .products { width: 100%; float:none; }
#block_02 .products h2 { margin: 0; }
#block_02 .products_img { clear: both; width: 100%; margin: 10px 0; }
#block_02 .products_img img { width: 33%; height: auto; float:left; }
#block_02 table { width: 100%; float:none; font-size: 14px; text-align: left; height: auto;  margin: 0; }
#block_02 table th { background-color: #5595aa; color: #fff; border-bottom: 1px solid #fff; padding: 5px 0 5px 10px; line-height: 1.4em; }
#block_02 table td { background-color: #e6ecf6;border-bottom: 1px solid #fff; padding: 5px 0 5px 10px; line-height: 1.4em; }
#block_02 .use { background: url(../images/block_02/bg_01.jpg) top left repeat-y;  width: 94%; float:none; text-align: center; color: #fff; height: auto; padding: 20px 3%; margin: 0; }
#block_02 .use dt { font-size: 20px;}
#block_02 .use dd { font-size: 16px;  padding: 10px 0; line-height: 1.5em; }
#block_02 .use p { font-size: 12px; }

#block_02 .packing { background: url(../images/block_02/bg_02.jpg) top left repeat; clear: both;  padding: 30px 0; text-align: left; margin: 15px 0 0; }
#block_02 .packing .inner{ width: 94%;  margin: 0 auto;}
#block_02 .packing .inner img{ float: left; width: 40%; height: auto; padding:20px 30px 20px 0; margin: 0 auto;}
#block_02 .packing .inner div{ float: left; }
}