.blog-article__body__index{border:1px solid var(--color-pale);margin-bottom:45px;margin-top:57px;padding:30px 20px 25px;position:relative;z-index:0;@media screen and (min-width:768px){&{margin-bottom:60px;margin-top:78px;padding:35px}}}.blog-article__body__index__title{background-color:var(--color-bg);border-top:2px solid var(--color-point2);box-sizing:border-box;color:var(--color-plane);font-family:var(--font-en);font-size:1.3rem;font-weight:var(--fw-normal-en);left:50%;letter-spacing:.09em;padding:7px 0 6px;position:absolute;text-align:center;top:-14px;transform:translateX(-50%);width:130px;z-index:1;@media screen and (min-width:768px){&{font-size:1.6rem;padding:9px 0 8px;top:-18px}}}.blog-article__body__index__body__list__item{color:var(--color-plane);font-size:1.3rem;letter-spacing:var(--ls-root);line-height:2;margin-top:calc(20px + var(--leading-trim));@media screen and (min-width:768px){&{font-size:1.6rem}}.blog-article__body__index__body>.blog-article__body__index__body__list>&:first-of-type{margin-top:0}a{text-decoration:underline var(--color-point3);text-underline-offset:.1em;@media screen and (min-width:1050px){&{transition:color .3s}}}a:focus{color:var(--color-point)}@media screen and (min-width:1050px){a:hover{color:var(--color-point)}}& &{padding-left:2em}}