/*Content CSS*/
#coco_point {width:100%; padding:30px 0; background: url('../img/point_pat.png') 50% 50% repeat;}
.coco_point_con {width:calc(100% - 60px); margin:0 auto; text-align: center; background: #fff; position: relative; padding:30px 15px;  background:  #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.coco_point_con > div {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom:30px; }
/* .coco_point_con > div:last-child {margin-bottom: 0;} */
.coco_point_con h1 {font-size:16px; font-weight: 500; color:#604940; position: relative;  z-index: 1; display: inline-block; word-break: keep-all; letter-spacing: -1px; margin-bottom:0;}
.coco_point_con h1::after {position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1;  background: #f9ddcd; transition: all 0.6s ease;}
.coco_point_con p, .coco_point_con a {font-size:14px; font-weight: 300; color:#92766a; letter-spacing: -1px; word-break: keep-all; line-height: 22px;}

.coco_point_con > div:hover h1::after {left: 0; width: 100%;}
.coco_point_con > div:last-of-type{margin-bottom: 0;}
.point_bg li {position: absolute; width:50px; height:50px; background: url('../img/point_con.png') 50% 50% no-repeat;}
.point_bg li:nth-child(1) {top:0; left:0;}
.point_bg li:nth-child(2) {top:0; right:0; transform: rotate(90deg);}
.point_bg li:nth-child(3) {bottom:0; left:0; transform: rotate(270deg);}
.point_bg li:nth-child(4) {bottom:0; right:0; transform: rotate(180deg);}



@keyframes pulse-border {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 853px) {

}

@media screen and (max-width: 640px) {

}