@charset "UTF-8";
#article-detail { padding-top: var(--size-4-6) !important; }

#article-detail > .section__header { border-bottom: 2px solid var(--divider-color); }

#article-detail > .section__header h1 { letter-spacing: 0em; }

#article-detail > .section__header .article__meta { font-size: var(--font-xs); color: var(--color-faint); padding: var(--size-4-6) 0; }

#article-detail > .section__header .article__meta .article__meta__separator { padding: 0 var(--size-4-1); }

#article-detail .article__content > :not(:last-child) { margin-bottom: var(--size-4-7); }

#article-detail .article__content a { color: var(--color-link); text-decoration: underline; font-weight: var(--weight-bold); }

#article-detail .article__content ul { list-style: inside; margin-left: var(--size-4-1); border: var(--divider-strong); padding: var(--size-4-6); }

#article-detail .article__content ul li::marker { color: var(--color-faint); }

#article-detail .article__content ol { padding-left: 1.3em; }

#article-detail .article__content ol li::marker { color: var(--color-faint); }

#article-detail .article__content h1, #article-detail .article__content h2, #article-detail .article__content h3, #article-detail .article__content h4, #article-detail .article__content h5, #article-detail .article__content h6 { margin-top: calc(var(--section-spacing-top)); margin-bottom: var(--section-body-spacing) !important; }

#article-detail .article__content h2 { font-size: 1.2rem; border-bottom: var(--color-thin) 2px solid; padding-bottom: var(--size-4-3); }

#article-detail .article__content h3 { font-size: 1rem; }

#article-detail .article__content h3::before { content: "■"; margin-right: var(--size-4-2); }

#article-detail .article__content h4 { font-size: var(--font-m); }

#article-detail .article__content strong { color: var(--color-important); background-color: var(--color-important-alt); padding: 0 var(--size-4-1); }

#article-detail .article__content strong::before { content: "｢"; opacity: 0.7; font-weight: var(--weight-bold); }

#article-detail .article__content strong::after { content: "｣"; opacity: 0.7; font-weight: var(--weight-bold); }

#article-detail .article__content em { color: var(--color-muted); font-size: var(--font-s); font-style: normal; }

#article-detail .article__content hr:not([size]) { border-top: var(--divider-strong); opacity: 1; margin-top: var(--section-head-spacing); margin-bottom: var(--section-head-spacing); }

#article-detail .article__content table { width: 100%; border: solid 1px var(--color-faint); }

#article-detail .article__content table tr { border-bottom: solid 1px var(--color-faint); }

#article-detail .article__content table td, #article-detail .article__content table th { background-color: transparent; padding: var(--size-4-1) var(--size-4-2); border-right: solid 1px var(--color-faint); }

#article-detail .article__content table td:last-child, #article-detail .article__content table th:last-child { border-right: none; }

#article-detail .article__tags { padding: var(--section-body-spacing) 0; margin: 0; }

#article-detail .article__tags ul { display: flex; gap: var(--size-4-2); white-space: nowrap; }

#article-detail #related-service h2 { font-size: 1.2rem; border-left: 2px solid var(--color-primary); padding-left: var(--size-4-2); }

#article-detail #related-service ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--size-4-3); }

@media (max-width: 768px) { #article-detail #related-service ul { grid-template-columns: repeat(1, 1fr); } }