.articlePage .related{margin:64px 0 0}.articlePage .relLabel{font:700 11px var(--font-noto-sans-jp);letter-spacing:.08em;color:var(--mn-ink-title)}.articlePage .relTitle{font:700 24px/1.5 var(--font-noto-sans-jp);color:var(--mn-ink-body);margin:8px 0 0}.articlePage .relGrid{grid-template-columns:repeat(3,1fr);gap:32px 24px;margin:28px 0 0;display:grid}.articlePage .relCard{color:inherit;border-bottom:1px solid var(--mn-border-hairline);flex-direction:column;padding:0 0 18px;text-decoration:none;transition:transform .2s;display:flex}.articlePage .relCard:hover{transform:translateY(-2px)}.articlePage .relThumb{aspect-ratio:16/9;background:var(--mn-teal-050);pointer-events:none;border-radius:6px;display:block;position:relative;overflow:hidden}.articlePage .relThumbImg{object-fit:cover;width:100%;height:100%;display:block}.articlePage .relCat{border:1px solid var(--mn-teal-100);height:26px;color:var(--mn-ink-title);font:500 11.5px var(--font-noto-sans-jp);border-radius:4px;align-self:flex-start;align-items:center;margin:14px 0 0;padding:0 10px;display:inline-flex}.articlePage .relName{font:700 17px/1.6 var(--font-noto-sans-jp);color:var(--mn-ink-body);flex:1;margin:12px 0 0}.articlePage .relFoot{font:400 12.5px var(--font-noto-sans-jp);color:var(--mn-ink-dim);justify-content:space-between;align-items:center;margin:16px 0 0;display:flex}.articlePage .relArrow{color:var(--mn-ink-title);font-size:15px}@media (max-width:1023px){.articlePage .relGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:679px){.articlePage .relGrid{grid-template-columns:1fr}}
.articlePage{letter-spacing:.02em;background:var(--mn-surface-page);color:var(--mn-ink-body);overflow-wrap:break-word;line-height:normal}.articlePage,.articlePage *,.articlePage :before,.articlePage :after{box-sizing:revert}.articlePage img,.articlePage svg,.articlePage video,.articlePage canvas{display:revert;vertical-align:revert}.articlePage .sec{max-width:1200px;margin:0 auto}.articlePage .headBand{background:var(--mn-teal-050)}.articlePage .crumbs{padding:18px 32px 0}.articlePage .crumbs .inner{font:400 13px/1.7 var(--font-noto-sans-jp);color:var(--mn-ink-dim);flex-wrap:wrap;gap:8px 10px;display:flex}.articlePage .crumbs a{color:var(--mn-ink-title);text-decoration:none}.articlePage .crumbs a:hover{text-decoration:underline}.articlePage .crumbs [aria-current]{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.articlePage .head{padding:28px 32px 40px}.articlePage .badges{flex-wrap:wrap;gap:8px;display:flex}.articlePage .badge{background:var(--mn-teal-900);height:28px;color:var(--mn-white);font:700 12px var(--font-noto-sans-jp);border-radius:4px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.articlePage h1{font:700 36px/1.45 var(--font-noto-sans-jp);color:var(--mn-ink-body);letter-spacing:.01em;margin:16px 0 0;font-size:clamp(24px,3.4vw,36px)}.articlePage .meta{font:400 13px var(--font-noto-sans-jp);color:var(--mn-ink-dim);flex-wrap:wrap;align-items:center;gap:10px 24px;margin:22px 0 0;display:flex}.articlePage .writerChip{color:var(--mn-ink-body);font-weight:700}.articlePage .main{padding:40px 32px 96px}.articlePage .grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:64px;display:grid}.articlePage .column{min-width:0}.articlePage .side{flex-direction:column;gap:28px;min-width:0;display:flex;position:sticky;top:96px}.articlePage .hero{aspect-ratio:16/9;background:var(--mn-teal-050);border-radius:10px;position:relative;overflow:hidden}.articlePage .heroImg{object-fit:cover;width:100%;height:100%;display:block}.articlePage .toc{background:var(--mn-teal-010);border:1px solid var(--mn-teal-100);border-radius:10px;margin:40px 0 0;padding:22px 26px}.articlePage .tocTitle{font:700 17px var(--font-noto-sans-jp);color:var(--mn-ink-heading)}.articlePage .toc>ol{gap:10px;margin:16px 0 0;padding:0 0 0 1.3em;list-style:decimal;display:grid}.articlePage .toc>ol>li{font:500 15px/1.8 var(--font-noto-sans-jp);color:var(--mn-ink-body);margin:0 0 10px}.articlePage .toc>ol>li:not(:first-child){border-top:1px solid var(--mn-teal-100);padding-top:14px}.articlePage .toc>ol>li>ul{margin:8px 0 0;padding:0 0 0 1.2em;list-style:outside}.articlePage .toc>ol>li>ul>li{font:400 14px/1.8 var(--font-noto-sans-jp);color:var(--mn-ink-dim);margin:0}.articlePage .toc a{color:inherit;text-decoration:none}.articlePage .toc a:hover{text-decoration:underline}.articlePage .body{font:400 16px/1.95 var(--font-noto-sans-jp);color:var(--mn-ink-body);margin:36px 0 0}.articlePage .body>*{margin:20px 0 0}.articlePage .body>:first-child{margin-top:0}.articlePage .body>h2{font:700 26px/1.55 var(--font-noto-sans-jp);color:var(--mn-ink-body);border-top:3px solid var(--mn-teal-900);margin-top:56px;padding:20px 0 0;scroll-margin-top:96px}.articlePage .body>h3{font:700 20px/1.6 var(--font-noto-sans-jp);color:var(--mn-ink-title);border-bottom:1px solid var(--mn-teal-100);margin-top:36px;padding:0 0 10px;scroll-margin-top:96px}.articlePage .body>h2+*{margin-top:24px}.articlePage .body>h3+*{margin-top:18px}.articlePage .body>ul,.articlePage .body>ol{padding-left:1.4em}.articlePage .body>ul{list-style:outside}.articlePage .body>ol{list-style:decimal}.articlePage .body li{margin:8px 0 0}.articlePage .body a{color:var(--mn-ink-title)}.articlePage .body a:hover{color:var(--mn-teal-900)}.articlePage .body strong{font-weight:700}.articlePage .body blockquote{border-left:4px solid var(--mn-teal-100);color:var(--mn-ink-dim);padding:4px 0 4px 20px}.articlePage .body blockquote p{margin:0}.articlePage .body hr{border:0;border-top:1px solid var(--mn-border-hairline)}.articlePage .body>figure{margin-top:32px}.articlePage .body figure img{border-radius:10px;width:100%;height:auto;display:block}.articlePage .body figcaption{font:400 13px/1.8 var(--font-noto-sans-jp);color:var(--mn-ink-dim);margin:12px 0 0}.articlePage .body table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.8;display:block;overflow-x:auto}.articlePage .body th,.articlePage .body td{border:1px solid var(--mn-border-hairline);text-align:left;vertical-align:top;min-width:8em;padding:10px 14px}.articlePage .body th{background:var(--mn-teal-050);color:var(--mn-ink-heading);font-weight:700}.articlePage .body td p,.articlePage .body th p,.articlePage .body li p{margin:0}.articlePage .writer{background:var(--mn-teal-010);border:1px solid var(--mn-teal-100);border-radius:10px;margin:48px 0 0;padding:26px 28px}.articlePage .writerLabel{font:700 11px var(--font-noto-sans-jp);letter-spacing:.08em;color:var(--mn-ink-title)}.articlePage .writerName{font:700 17px var(--font-noto-sans-jp);color:var(--mn-ink-body);margin:16px 0 0}.articlePage .writerBody{font:400 14.5px/1.9 var(--font-noto-sans-jp);color:var(--mn-ink-body);margin:10px 0 0}.articlePage .sideDoc{background:var(--mn-teal-900);border-radius:10px;padding:24px}.articlePage .sideDocLabel{font:700 11px var(--font-noto-sans-jp);letter-spacing:.08em;color:var(--mn-teal-100)}.articlePage .sideDocTitle{font:700 18px/1.6 var(--font-noto-sans-jp);color:var(--mn-white);margin:10px 0 0}.articlePage .sideDocBody{font:400 13.5px/1.85 var(--font-noto-sans-jp);color:var(--mn-white);margin:12px 0 0}.articlePage .sideDocBtn{box-sizing:border-box;background:var(--mn-gold-500);width:100%;color:var(--mn-teal-900);font:700 14px var(--font-noto-sans-jp);border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;padding:14px 18px;text-decoration:none;transition:background .18s;display:inline-flex}.articlePage .sideDocBtn:hover{background:var(--mn-gold-300)}.articlePage .sideDocBtn .arr{transition:transform .22s cubic-bezier(.22,1,.36,1);display:inline-block}.articlePage .sideTitle{font:700 15px var(--font-noto-sans-jp);color:var(--mn-ink-heading);border-bottom:2px solid var(--mn-teal-900);margin:0;padding:0 0 12px}.articlePage .sideList{margin:0;padding:0;list-style:none;display:grid}.articlePage .sideList li{border-bottom:1px solid var(--mn-border-hairline)}.articlePage .sideList a{font:500 14px/1.7 var(--font-noto-sans-jp);color:var(--mn-ink-body);padding:14px 0;text-decoration:none;display:block}.articlePage .sideList a:hover{color:var(--mn-teal-500)}.articlePage .sideDate{font:400 12px var(--font-noto-sans-jp);color:var(--mn-ink-dim);margin:6px 0 0;display:block}.articlePage .cats{flex-wrap:wrap;gap:8px;margin:16px 0 0;display:flex}.articlePage .cat{border:1px solid var(--mn-teal-100);background:var(--mn-white);min-height:36px;color:var(--mn-ink-title);font:500 13px var(--font-noto-sans-jp);border-radius:9999px;align-items:center;padding:0 14px;text-decoration:none;transition:background .18s;display:inline-flex}.articlePage .cat:hover{background:var(--mn-teal-010)}@media (max-width:1023px){.articlePage .sec{padding-left:24px;padding-right:24px}.articlePage .grid{grid-template-columns:1fr}.articlePage .side{position:static}}@media (max-width:679px){.articlePage .sec{padding-left:16px;padding-right:16px}.articlePage .meta{column-gap:16px}.articlePage .body>h2{font-size:clamp(21px,3.4vw,24px)}.articlePage .body>h3{font-size:18px}.articlePage .column p,.articlePage .column li,.articlePage .toc>ol>li,.articlePage .toc>ol>li>ul>li{font-size:15.5px}}
