@charset "utf-8";
/* CSS Document */

.point_memo{ width:90%; margin:30px auto; padding: 25px 20px 20px; border: solid 1px #ccc; border-radius: 5px;position: relative; }
.point_memo p{ font-size: 14px; }
.point_memo p.memo_title{ display: inline-block;background: #fff;margin-top: -18px;padding: 3px 8px;font-size: 18px;color: #60a82c;font-weight: bold;position: absolute;top:0;left: 10px;}
.point_memo > div{ display: flex;justify-content: space-around;flex-wrap: wrap; }
.point_memo figure{ margin-top: 20px;box-sizing:border-box; }
.point_memo figure img{ width: 170px;height: auto;border: #ccc solid 1px;box-sizing:border-box;  }
.point_memo figcaption dt{ margin-top: 10px;font-size: 14px;font-weight: bold; }
.point_memo figcaption dd{ margin: 3px 0 8px 0;font-size: 13px; }

@media screen and (max-width:767px){
.point_memo{ width:95%;padding:25px 10px 20px; }
.point_memo figure{ width: 45%;margin-top: 10px; letter-spacing:1px; }
.point_memo figure img{ max-width:100%;  }
.point_memo figcaption dt{ margin-top: 5px;font-size: 14px; }
}