.article-index{padding:40px}.article-index dd{margin:0}.article-index__title{font-size:18px;font-weight:700;margin:0 0 15px}.article-index__list{padding:0}.article-index__list__link>a{padding:0 0 0 20px;position:relative}.article-index__list__link>a:after{background-color:#d8d8d8;border-radius:5px;content:"";display:block;height:10px;left:0;position:absolute;top:7px;width:10px}.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;padding:0}.article-index__list--child li{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 a,.article-index__list--child li a:hover{color:#747474}.article-index__list--child li:after{background-color:#333;content:"";display:block;height:1px;left:0;position:absolute;top:30px;width:10px}@media screen and (max-width:768px){.article-index{padding:40px 20px}.article-index__list li{font-size:16px;padding-bottom:10px;padding-top:10px}.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}.article-index__list__link>a:after{top:5px}}