/* BASIC css start */
.visual  {position:relative}
.visual img {width:100%}
.visual .coupon {position:absolute;top: 17.4%;left: calc(50% - 24%);box-sizing:border-box;width: 48%;height: 9%;}
.visual .link_box {position:absolute;bottom: 12.5%;left: calc(50% - 26%);width: 52%;height: 48.1%;}
.visual .link_box a {display:inline-block;width:50%;height: 100%;text-align:right;}
.visual .link_box li {text-align:right;height: 20%;}
.visual .link_box li:nth-child(2n) {text-align:left; }



.middle { padding: 32px 4% 32px;text-align: center;background:#daeef9; }
.middle_link {display: grid ; grid-template-columns: repeat(2, 1fr); gap: 12px; width: 100%;}
.middle_link li {width:100%;  }
.middle_link li a {display: block;  font-size:12px; font-weight: 500; color: #787878;  }
.middle_link li a img {width:100%}


.section {padding: 46px 0; box-sizing:border-box; }
.prod_list {font-size:0}
.prod_list .prod_con {display:inline-block; width:calc(50% - 6px); margin-right:12px; vertical-align:top; font-size:0  }
.prod_list .prod_con:nth-child(2n) {margin-right:0; }
.prod_list_box .prod_con:nth-last-child(-n+2) .item-list {margin-bottom:0; }


/* BASIC css end */