div.product_04 {  padding-top:95px ; padding-bottom:30px; min-height:420px; background-color:#f0f0f0; box-sizing:border-box;  overflow:hidden;  }

div.product_04 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between;  }
div.product_04 .flex .item{   width:23%;  }
div.product_04 .flex .item img {max-width:100%; vertical-align:top}
div.product_04 .flex .item span {display:block; font-size:18px; font-weight:500; text-align:center; padding:8px 0 0 0}

div.product_04 div.floatL{float:left; width:220px; height:230px;  }
div.product_04 div.floatR{float:right; width:880px;}

div.product_04 div.bg1{background:url("../img/tit_ico2.png")no-repeat left bottom; }
div.product_04 div.floatL h3{ font-size:32px; padding-top:10px; background:url("../img/bg_ico1.png")no-repeat left top;  }
div.product_04 div.floatL p{padding:10px 0 0 0; font-size:13px; color:#999; line-height:20px; margin:0; }

/*
div.product_04 section.pro_list { width:100%; margin:0 auto;   box-sizing:border-box;}
div.product_04 section.pro_list td.board_output_gallery_img {text-align:center;}
div.product_04 section.pro_list span.board_output_gallery_subject a {font-size:15px !important; display:block; padding-top:0px;}
div.product_04 table.main_gallery table {width:100%;  margin:0 auto !important; text-align:center; box-sizing:border-box; padding:0 0 30px 0;}
div.product_04 .board_output_gallery_subject {width:100% !important;}
div.product_04 .board_output_gallery_img a {padding:0; margin:0 auto; overflow:hidden; display:block; height:265px; width:265px; }
div.product_04 .board_output_gallery_img a img{transition: transform 0.35s;  }
div.product_04 .board_output_gallery_img a:hover img{
	transform: scale(1.1,1.1);  opacity:0.7; transition:opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.1,1.1) ; -moz-transform: scale(1.1,1.1) ; -ms-transform: scale(1.1,1.1) ; -o-transform: scale(1.1,1.1) ;  
}*/


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
/*layout*/
div.product_04 { width:100%;  padding:50px 0 ; min-height:auto;  }
div.product_04 div.floatL{float:none; width:100%; height:auto; padding-bottom:10px;  }
div.product_04 div.floatR{float:none; width:100%;}
div.product_04 div.bg1{background:none; }
div.product_04 div.floatL h3{font-size:32px; text-align:center; padding-top:10px; background:url("../img/bg_ico1.png")no-repeat center top;  }
div.product_04 div.floatL p{padding:10px 0 10px 0; font-size:13px; color:#999; line-height:20px; margin:0; text-align:center; }


}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
div.product_04 .flex{display:flex; flex-wrap: wrap;  justify-content: space-between;  }
div.product_04 .flex .item{   width:100%; padding:10px 20px  }
div.product_04 .flex .item img {max-width:100%; vertical-align:top}
div.product_04 .flex .item span {display:block; font-size:16px; font-weight:500; text-align:center; padding:5px 0 0 0}	
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}