#main_section_01 { width:100%; height:500px; text-align:center; }
#main_section_01 img { height:100%; object-fit:cover; margin:0 auto; width:100%; }
#main_section_02 { width:100%; max-width:1320px; margin:0 auto; }


@media(max-width:1000px){
#main_section_01 { width:100%; height:auto; text-align:center; }
#main_section_01 img { height:270px; object-fit:cover; margin:0 auto; width:100%; }
}


#new_product_list ul { display:flex; flex-wrap:wrap; }
#new_product_list > ul > li { width:25%; }



.product_block { width:90%; margin-bottom:30px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;-webkit-box-sizing:border-box; 
position:relative; padding:0; overflow:hidden; }
.product_block .thum { height:250px; vertical-align:middle; display:block; overflow:hidden;margin:0 auto 20px; position:relative;  text-align:center; }
.product_block .thum img { max-height:100%; max-width:100%; }

.product_block .description { padding:0 20px; position:relative;  min-height:165px; }
/*
.product_block .dc { position:absolute; text-align:center; top:-42px; right:5px; background:#dd0008; color:#fff; font-size:12px; width:50px; height:50px; line-height:51px; border-radius:50%; } 
.product_block .dc strong { font-size:17px; }
*/
.product_block .dc { color:#dd0008; font-size:14px; position:absolute; top:-12px; right:10px; } 
.product_block .dc strong { font-size:27px; font-style:italic; font-weight:600; margin-right:4px; letter-spacing:-2px; }
.product_block .description .km { /*position:absolute; right:15px; top:17px;*/ color:#ce5050; font-size:13px; /* font-style:italic; */ 
display:block; z-index:2; }
.product_block .description li { line-height:120%;  width:100%; font-size:16px; margin-bottom:10px; }
.product_block .description .company_name { display:flex;  }
.product_block .description .company_name a { font-size:18px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:240px; letter-spacing:-1px; }
.product_block .description .address { width:100%; color:#555; height:17px; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
background:url('../image/offline/icon_address.png') no-repeat; background-size:12px; padding-left:20px;  }
.product_block .description .url { background:url('../image/offline/icon_link.png') no-repeat; background-size:14px; line-height:16px; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.product_block .description .url a { font-size:13px; }
.product_block .description .point_use { font-size:16px; }
.product_block .description .point_use span { font-size:18px; color:#d10000; }
.product_block .description .etc_content {  font-size:14px; color:#999; line-height:18px; max-height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; 
font-weight:300; }
.product_block:after { display:block; clear:both; content:""; }
.product_block .status3 { z-index:9; position:absolute; left:0; top:0; background:rgba(255,255,255,.8); text-align:center; height:100%; width:100%; line-height:110px; }
.product_block .status3 span { width:90px; height:90px; background:rgba(0,0,0,0.3); color:#fff;font-size:15px;  text-align:center; line-height:90px; display:block; position:absolute; top:15px; left:15px; }


@media(max-width:1000px){

#new_product_list ul { width:calc(100% - 20px); margin:0 auto }

#new_product_list > ul > li { width:50%; }
.product_block { margin:0 auto 30px; }


.product_block { width:95%; margin:0 auto 20px;  border:1px solid #ddd; border-radius:10px; 
-webkit-box-sizing:border-box; position:relative; padding:0; overflow:hidden; }
.product_block .thum { height:150px;  overflow:hidden;margin:0 auto 10px; position:relative;  text-align:center; }
.product_block .thum img { max-height:100%; max-width:100%; }

.product_block .description {  padding:0 0px; position:relative;   min-height:125px; letter-spacing:-0.5px; }
.product_block .dc { color:#dd0008; font-size:14px; position:absolute; top:-8px; right:10px; } 
.product_block .dc strong { font-size:20px; font-style:italic; font-weight:600; margin-right:4px; letter-spacing:-2px; }
.product_block .dc_w { color:#dd0008; font-size:12px; display:flex; align-items:center;  flex-wrap:wrap; line-height:20px; margin-top:-2px; margin-bottom:8px; letter-spacing:-1px; } 
.product_block .dc_w strong {font-size:20px; font-style:italic; font-weight:600;  letter-spacing:-2px;x; margin-left:5px;  margin-right:5px;  }

.product_block .description .km { /*position:absolute; right:15px; top:17px;*/ color:#ce5050; font-size:13px;
/* font-style:italic; */ display:block; z-index:2; }
.product_block .description li { line-height:120%;  width:100%; font-size:16px; margin-bottom:5px; }
.product_block .description .company_name { display:flex;  }
.product_block .description .company_name a { font-size:15px; line-height:18px; overflow:hidden; 
text-overflow:ellipsis; white-space:nowrap;  width:80%; letter-spacing:-1px; }
.product_block .description .address { width:100%; font-size:12px; color:#555; height:15px; line-height:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 
background:url('../image/offline/icon_address.png') no-repeat; background-size:10px; padding-left:15px;  }

.product_block .description .url { background:url('../image/offline/icon_link.png') no-repeat; background-size:12px; line-height:15px; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; }
.product_block .description .url a { font-size:11px; }

.product_block .description .point_use { font-size:16px; }
.product_block .description .point_use span { font-size:18px; color:#d10000; }
.product_block .description .etc_content { font-size:12px; color:#777; line-height:14px; max-height:56px; overflow:hidden; 
text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; 
font-weight:300;  }
.product_block:after { display:block; clear:both; content:""; }
.product_block .status3 { z-index:9; position:absolute; left:0; top:0; background:rgba(255,255,255,.7); text-align:center; height:100%; width:100%; display:flex; justify-content:center; align-items:center; }
.product_block .status3 span { width:120px; height:120px; line-height:120px;  background:rgba(0,0,0,.3); color:#fff; font-size:20px; text-align:center; display:block; border-radius:50%; }


}



#new_product_list { width:100%; color:#222; }
.titleArea { padding:130px 0px 80px 0; text-align:center; position:relative;color:#222; }
.titleArea h2 { font-size:40px; }
.titleArea p { color:#555; margin:10px auto; font-size:20px; }
.titleArea a { margin-top:10px; display:inline-block; color:#999; border-bottom:1px solid #999;  }



@media(max-width:1000px){

#new_product_list { width:100%; color:#222; }
.titleArea { padding:30px 0px 20px 0; text-align:center; position:relative;color:#222; }
.titleArea h2 { font-size:20px; }
.titleArea p { color:#555; margin:5px auto; font-size:14px; }
.titleArea a { margin-top:5px; display:inline-block; color:#999; border-bottom:1px solid #999;  }

}


.noticeArea { border:1px solid #ddd; border-radius:10px; padding:30px 50px; width:1000px; margin:0 auto; }
.noticeArea ul { display:flex; justify-content:space-between; align-items:center; padding:15px 0; border-top:1px solid #eee; }
.noticeArea ul:first-child { border-top:0; }
.noticeArea .subject a { font-size:20px; }
.noticeArea .subject a:hover { color:#d10000; }
.noticeArea .notice_date { font-size:16px; color:#999; }


@media(max-width:1000px){

.noticeArea { border:1px solid #ddd; border-radius:10px; padding:10px 20px; width:95%; margin:0 auto; }
.noticeArea ul { display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #eee; }
.noticeArea ul:first-child { border-top:0; }
.noticeArea .subject a { font-size:14px; }
.noticeArea .subject a:hover { color:#d10000; }
.noticeArea .notice_date { font-size:12px; color:#999; }
}



.main_disp_title { width:1200px; text-align:center; margin:50px auto 30px; max-width:100%;  }
.main_disp_title h2 { border-bottom:1px solid #ddd; margin:0 0 15px 0px; height:30px; }
.main_disp_title h2 span { background:#fff; font-weight:500; color:#333;  font-size:28px; display:block; height:31px; width:350px; margin:0 auto; }
.main_disp_title p { font-size:16px; color:#777; font-weight:500; }


@media(max-width:1000px){
.main_disp_title h2 { border-bottom:1px solid #ddd; margin:0 0 5px 0px; height:30px; }
.main_disp_title h2 span {  font-size:20px; width:50%; margin:0 auto;  }
.main_disp_title p { font-size:13px; color:#777; font-weight:500; }
}

.main_banner_set { width:1200px;  max-width:100%; margin:0 auto; padding-bottom:60px; }
.main_banner_set ul { display:flex; justify-content:space-between; }
.main_banner_set li { margin-left:10px; width:390px; max-width:calc(100% - 10px); }
.main_banner_set li:first-child { margin-left:0px; }
.main_banner_set img { max-width:100%; }