body { font-family: 
          "Helvetica Neue",
          Arial,
          "Hiragino Kaku Gothic ProN",
          "Hiragino Sans",
          Meiryo,
          sans-serif; }
 a{ text-decoration: none; }

    .familytree{
      list-style-type: none;
    }

    .familytree ul{
      list-style-type: none;
    }

    .familytree ul li ul {
      margin-top: .5em;
      margin-bottom: .75em;
      margin-left: 0px;
    }

    .familytree ul li ul li {
      margin-bottom: .25em;
      position: relative;
    }

    .familytree ul li ul li::before {
      content: "";
      position: absolute;
      top: -0.5em;
      left: -16px;
      width: 10px;
      height: calc(100% + .50em);
      border-left: 1px solid snow;
    }

    .familytree ul li ul li:last-child::before {
      height: calc(1em + .25em);
    }
     
    .familytree ul li ul li::after {
      content: "";
      position: absolute;
      top: .75em;
      left: -16px;
      width: 10px;
      border-bottom: 1px solid snow;
    }