.article-index{background-color:#f7f7f7;padding:40px}.article-index dd{margin:0}.article-index__title{font-size:26px;font-weight:700;margin:0 0 15px}.article-index__list{padding:0}.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: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:20px}.article-index__title{font-size:22px}.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}}