.box{
                position: relative;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : inherit;
                width : 65%;
                border-radius : 20px;
box-shadow: 0 1px 3px #ccc;
            
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-size : 16px;
  font-weight : bold;
  color : #746758;
  text-decoration : none;
border-width : 1px;border-style : dashed;border-color : #746758;
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  font-family : "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
 
            .box::before{
                content: '';
                position: absolute;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : 25px;
                width : 25px;
                border-radius: 50px;
                bottom : 100px;
                left : -25px;
box-shadow: 0 1px 3px #ccc;
            border-width : 1px;border-style : dashed;border-color : #746758;
}
 
            .box::after{
                content: '';
                position: absolute;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : 10px;
                width : 10px;
                border-radius: 50px;
                bottom : 110px;
                left : -40px;
box-shadow: 0 1px 3px #ccc;
            border-width : 1px;border-style : dashed;border-color : #746758;
}




 .box2{
                position: relative;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : inherit;
                width : 65%;
                border-radius : 20px;
box-shadow: 0 1px 3px #ccc;
            
  text-align : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-size : 16px;
  font-weight : bold;
  color : #746758;
  text-decoration : none;
border-width : 1px;border-style : dashed;border-color : #746758;
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  font-family : "ＭＳ Ｐ明朝", "ＭＳ 明朝";
}
 
            .box2::before{
                content: '';
                position: absolute;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : 25px;
                width : 25px;
                border-radius: 50px;
                bottom : 100px;
box-shadow: 0 1px 3px #ccc;
            border-width : 1px;border-style : dashed;border-color : #746758;
  right : -25px;
}
 
            .box2::after{
                content: '';
                position: absolute;
                background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
                height : 10px;
                width : 10px;
                border-radius: 50px;
                bottom : 110px;
box-shadow: 0 1px 3px #ccc;
            border-width : 1px;border-style : dashed;border-color : #746758;
  right : -40px;
}