.blog-article__body__index{border:1px solid var(--color-pale);border-radius:5px;margin-bottom:45px;margin-top:56px;padding:22px 19px 31px;position:relative;z-index:0}@media screen and (min-width:768px){.blog-article__body__index{margin-bottom:60px;margin-top:74px;padding:26px 25px 44px}}.blog-article__body__index__title{border-bottom:1px solid var(--color-pale);color:var(--color-plane);font-size:1.8rem;font-weight:700;letter-spacing:var(--ls-root);line-height:1.7;margin-bottom:28px;padding-bottom:20px}@media screen and (min-width:768px){.blog-article__body__index__title{font-size:2.1rem}}.blog-article__body__index__body__list{counter-reset:number 0}.blog-article__body__index__body__list__item{color:var(--color-plane);font-size:1.5rem;font-weight:500;letter-spacing:var(--ls-root);line-height:2;margin-top:calc(22px + var(--leading-trim));padding-left:2.1em;padding-top:3px;position:relative}.blog-article__body__index__body__list__item:first-of-type{margin-top:0}@media screen and (min-width:768px){.blog-article__body__index__body__list__item{font-size:1.6rem}}.blog-article__body__index__body__list__item:before{content:counter(number) ".";counter-increment:number 1;font-size:1.8rem;font-weight:500;left:0;letter-spacing:var(--ls-root);position:absolute;top:0}.blog-article__body__index__body__list__item a{text-decoration:underline var(--color-plane);text-underline-offset:.3em}@media screen and (min-width:1050px){.blog-article__body__index__body__list__item a{transition:all .3s}}.blog-article__body__index__body__list__item a:focus{color:var(--color-point);text-decoration-color:var(--color-point)}@media screen and (min-width:1050px){.blog-article__body__index__body__list__item a:hover{color:var(--color-point);text-decoration-color:var(--color-point)}}