.article-index{background-color:#f7f7f7;padding:40px}.article-index dd{margin:0}.article-index__title{font-weight:700;font-size:26px;margin:0 0 15px}.article-index__list{padding:0}.article-index__list li{list-style:none;padding:15px 0;font-size:18px;line-height:140%;border:solid #e3e3e3;border-width:0 0 1px}.article-index__list li:last-child{padding-bottom:0;border-width: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;padding:0}.article-index__list--child li{padding-left:20px;position:relative}.article-index__list--child li:before{content:"";position:absolute;top:20px;left:0;width:1px;height:10px;display:block;background-color:#333}.article-index__list--child li:after{content:"";position:absolute;top:30px;left:0;width:10px;height:1px;display:block;background-color:#333}@media screen and (max-width:999px){.article-index{padding:20px}.article-index__title{font-size:22px}.article-index__list li{padding-top:10px;padding-bottom:10px;font-size:16px}.article-index__list--child{margin:0 0 0 25px}.article-index__list--child li:before{top:13px}.article-index__list--child li:after{top:23px}}