.section-blog-toc{--toc-padding:32px;--toc-gap:8px;--toc-indent:24px;--size-toc-title:20px;--size-toc-link:16px;--toc-marker-space:20px;--toc-radius:8px;background-color:var(--color-bg-gray-dark);border-radius:var(--toc-radius);margin-bottom:40px;padding:var(--toc-padding)}.section-blog-toc__title{color:var(--color-navy);font-size:var(--size-toc-title);font-weight:700;line-height:1.4;margin:0 0 var(--toc-gap)}.section-blog-toc__list{display:flex;flex-direction:column;gap:var(--toc-gap);list-style:none;margin:0;padding:0}.section-blog-toc__item{min-width:0;padding-left:var(--toc-marker-space);position:relative}.section-blog-toc__item:before{color:var(--color-navy);left:0;position:absolute;top:0}.section-blog-toc__item--h2:before{content:"・"}.section-blog-toc__item--h3{margin-left:var(--toc-indent)}.section-blog-toc__item--h3:before{content:"−"}.section-blog-toc__item--h4{margin-left:calc(var(--toc-indent)*2)}.section-blog-toc__item--h4:before{content:"−"}.section-blog-toc .section-blog-toc__link,.section-blog-toc .section-blog-toc__link:focus,.section-blog-toc .section-blog-toc__link:hover{color:var(--color-navy);font-size:var(--size-toc-link);line-height:1.7;text-decoration:none}.section-blog-toc__link{display:inline-block;position:relative}.section-blog-toc__link:after{background-color:var(--color-orange-dark);bottom:-2px;content:"";height:1px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;width:100%}.section-blog-toc .section-blog-toc__link:focus-visible:after,.section-blog-toc .section-blog-toc__link:hover:after{transform:scaleX(1)}.section-blog-toc .section-blog-toc__link:focus-visible{outline:2px solid var(--color-navy);outline-offset:2px}@media (prefers-reduced-motion:reduce){.section-blog-toc__link:after{transition:none}}@media (max-width:767px){.section-blog-toc{--toc-padding:16px;--toc-indent:16px;--size-toc-title:16px;--size-toc-link:14px;margin-bottom:32px}}