.article-index{background-color:#f7f7f7;padding:40px}.article-index__title{font-size:26px;font-weight:700;margin:0 0 15px}.article-index__list li{border:solid #e3e3e3;border-width:0 0 1px;font-size:18px;line-height:140%;list-style:none;padding:15px 0}.article-index__list li:last-child{border-width:0;padding-bottom:0}.article-index__list li a{display:block}.article-index__list li a:hover{opacity:.75}.article-index__list--child{margin:0 0 0 30px}.article-index__list--child li{list-style:none;padding-left:20px;position:relative}.article-index__list--child li:before{background-color:#333;content:"";display:block;height:10px;left:0;position:absolute;top:20px;width:1px}.article-index__list--child li:after{background-color:#333;content:"";display:block;height:1px;left:0;position:absolute;top:30px;width:10px}