.blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px;display:grid}.blog-card{align-content:start;gap:10px;text-decoration:none;display:grid}.blog-thumb{aspect-ratio:16/9;border-radius:var(--r-m);outline:1px solid var(--c-line);margin-bottom:6px;display:block;overflow:hidden}.blog-list--related .blog-thumb{outline:0}.blog-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.blog-card:hover .blog-thumb img{transform:scale(1.04)}.blog-thumb__blank{background:radial-gradient(#2b282621 1.2px, transparent 1.6px) 0 0 / 22px 22px, var(--c-sun);height:100%;font-family:var(--f-en);font-size:var(--fs-xl);color:var(--c-ink);place-items:center;font-weight:700;display:grid}.blog-card__date{font-size:var(--fs-sm);color:var(--c-ink-3)}.blog-card__title{font-size:var(--fs-md);font-weight:700;line-height:1.5}.blog-card:hover .blog-card__title{text-decoration:underline;text-decoration-color:var(--c-sun);text-underline-offset:.3em;text-decoration-thickness:3px}.blog-card__desc{font-size:var(--fs-sm);color:var(--c-ink-2)}.blog-empty{color:var(--c-ink-2)}.blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 32px;margin-top:72px;display:flex}.blog-pager ol{gap:4px;display:flex}.blog-pager li>*{place-items:center;min-width:44px;height:44px;font-size:1.125rem;font-weight:700;text-decoration:none;display:grid}.blog-pager a:hover{text-decoration:underline;text-decoration-color:var(--c-sun);text-underline-offset:.3em;text-decoration-thickness:3px}.blog-pager [aria-current]{border-bottom:3px solid var(--c-sun)}@media (width<=960px){.blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.blog-list{grid-template-columns:1fr;gap:44px}}[data-page$=blog-article] .ph .wrap{max-width:calc(var(--w-blog) + var(--gutter) * 2)}[data-page$=blog-article] .ph .ph__title{max-width:28em;font-size:var(--fs-xl);line-height:1.45}.blog-date{color:var(--c-ink-3);margin-top:16px}.blog-article{max-width:calc(var(--w-blog) + var(--gutter) * 2)}.blog-eyecatch{margin-bottom:48px}.blog-eyecatch img{width:100%;height:auto}.blog-body a{text-decoration:underline;text-decoration-color:var(--c-ink-3);text-underline-offset:.25em;overflow-wrap:anywhere;transition:text-decoration-color .2s var(--ease);text-decoration-thickness:1px}.blog-body a:hover{text-decoration-color:var(--c-ink);text-decoration-thickness:2px}.blog-body h2{font-size:var(--fs-lg);border-bottom:1.5px solid var(--c-ink);padding-bottom:12px}.blog-body img{border-radius:var(--r-m)}.blog-body pre{border-radius:var(--r-m);background:var(--c-mist);font-size:var(--fs-sm);padding:16px 20px;overflow-x:auto}.blog-body :not(pre)>code{border-radius:var(--r-s);background:var(--c-mist);padding:.1em .35em;font-size:.9em}.blog-table{overflow-x:auto}.blog-table table{min-width:100%;font-size:var(--fs-sm)}.blog-table th,.blog-table td{border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top;padding:10px 12px}.blog-table th{background:var(--c-mist);font-weight:700}.blog-back{margin-top:40px}.blog-author{background:var(--c-mist);border-radius:12px;margin-top:56px;padding:24px 28px}.blog-author__label{font-size:var(--fs-xs);color:var(--c-ink-3);font-weight:700}.blog-author__name{font-size:var(--fs-md);margin-top:4px;font-weight:800}.blog-author__name span{font-size:var(--fs-sm);font-weight:500}.blog-author__text{font-size:var(--fs-sm);margin:8px 0 12px;line-height:1.8}@media (width<=760px){.blog-author{padding:20px}}.blog-related{border-top:1.5px solid var(--c-ink);margin-top:64px;padding-top:32px}.blog-related__title{font-size:var(--fs-lg);margin-bottom:24px;font-weight:800}.blog-list.blog-list--related{grid-template-columns:1fr;gap:20px}.blog-list--related .blog-card{grid-template-rows:auto 1fr;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:4px 20px}.blog-list--related .blog-thumb{grid-row:1/span 2;margin-bottom:0}.blog-list--related .blog-card__desc{display:none}.blog-list--related .blog-card__title{font-size:var(--fs-md)}@media (width<=600px){.blog-list--related .blog-card{grid-template-columns:120px minmax(0,1fr);gap:2px 14px}.blog-list--related .blog-card__title{font-size:var(--fs-base)}}.blog-body h3{font-size:var(--fs-md)}[data-page$=blog-article] .ph .ph__title,.blog-body h2,.blog-body h3,.blog-card__title{font-family:var(--f-en)}.blog-body{letter-spacing:.05em;font-feature-settings:"palt" 0;color:var(--c-ink);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;font-size:1.0625rem;line-height:2}.prose.blog-body>*+*{margin-top:1.6em}.prose.blog-body h2{margin-top:2.8em;line-height:1.55}.prose.blog-body h3{margin-top:2.2em;line-height:1.6}.prose.blog-body h2+*,.prose.blog-body h3+*{margin-top:1.2em}.blog-body li{line-height:1.85}.prose.blog-body li+li{margin-top:.6em}@media (width<=600px){.blog-body{letter-spacing:.04em;font-size:1rem;line-height:1.95}.blog-body h2{font-size:1.25rem}.blog-body h3{font-size:1.0625rem}}.blog-body strong,.blog-body b{font-weight:700}.blog-body em{color:var(--c-amber-text);font-style:normal;font-weight:700}.blog-body mark,.blog-body .marker{color:inherit;background:0 0;font-weight:700}.blog-body figure img{outline:1px solid var(--c-line);width:100%;height:auto}.blog-body figcaption{font-size:var(--fs-sm);color:var(--c-ink-3);margin-top:8px}.blog-body .blog-fig{text-decoration:none;display:block}.blog-body .blog-linkcard{border:1px solid var(--c-line);border-radius:var(--r-m);background:var(--c-paper);transition:border-color .2s var(--ease);align-items:center;gap:16px;padding:12px;text-decoration:none;display:flex}.blog-body .blog-linkcard:hover{border-color:var(--c-ink)}.blog-linkcard__thumb{aspect-ratio:1200/630;border-radius:var(--r-s);flex:0 0 168px;overflow:hidden}.blog-linkcard__thumb img{object-fit:cover;border-radius:0;width:100%;height:100%}.blog-linkcard__body{gap:4px;min-width:0;display:grid}.blog-linkcard__label{font-size:var(--fs-xs);color:var(--c-ink-3);letter-spacing:.06em;font-weight:700}.blog-linkcard__title{font-size:var(--fs-base);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:700;line-height:1.55;display:-webkit-box;overflow:hidden}@media (width<=600px){.blog-body .blog-linkcard{gap:12px;padding:10px}.blog-linkcard__thumb{flex-basis:112px}.blog-linkcard__title{font-size:var(--fs-sm)}}.blog-body blockquote{border-left:3px solid var(--c-sun);padding:4px 0 4px 1.2em}.blog-body blockquote p+p{margin-top:.6em}.share__btn{--_bg:var(--c-mist);background:var(--_bg);width:44px;height:44px;color:var(--c-ink-2);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease);border:0;border-radius:50%;place-items:center;display:grid}.share__btn:hover,.share__btn:focus-visible{--_bg:var(--c-ink);color:var(--c-paper)}.share__list{flex-wrap:wrap;gap:10px;display:flex}.share__done{min-height:1.5em;font-size:var(--fs-sm);color:var(--c-ink-2);margin-top:8px}.share--bottom{border-top:1px solid var(--c-line);margin-top:64px;padding-top:28px}.share__head{margin-bottom:14px;font-weight:700}.share--float{z-index:20;opacity:0;visibility:hidden;transition:opacity .3s var(--ease), transform .3s var(--ease), visibility 0s linear .3s;justify-items:center;gap:10px;display:grid;position:fixed;top:50%;right:clamp(16px,2.5vw,40px);transform:translate(8px,-50%)}.share--float.is-on{opacity:1;visibility:visible;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translateY(-50%)}.share--float .share__list{flex-direction:column}.share__label{font-family:var(--f-en);letter-spacing:.08em;color:var(--c-ink-3);writing-mode:vertical-rl;font-size:.625rem;font-weight:600}.share--float .share__done{white-space:nowrap;margin:0;position:absolute;bottom:0;right:calc(100% + 10px)}.share--float .share__done:empty{display:none}.share-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;background:var(--c-paper);width:52px;height:52px;color:var(--c-ink);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s linear .3s;border:0;border-radius:50%;place-items:center;display:none;position:fixed;box-shadow:0 4px 16px #2b282629}.share-fab.is-on{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}@media (width<=1099px){.share--float{display:none}.share-fab:not([hidden]){display:grid}}@media (prefers-reduced-motion:reduce){.share__btn,.share--float,.share--float.is-on,.share-fab,.share-fab.is-on{transition:none}}.blog-table th,.blog-table code{white-space:nowrap}.blog-table td pre{margin:0}@media (width<=600px){.blog-table:not(.blog-table--stack) table{min-width:34em}.blog-table--stack table,.blog-table--stack tbody,.blog-table--stack tr,.blog-table--stack th,.blog-table--stack td{width:100%;display:block}.blog-table--stack thead,.blog-table--stack tr:not(:has(>td)){display:none}.blog-table--stack tr{border-bottom:1px solid var(--c-line);padding:14px 0}.blog-table--stack tr:first-child,.blog-table--stack tr:not(:has(>td))+tr{border-top:1px solid var(--c-line)}.blog-table--stack th,.blog-table--stack td{white-space:normal;background:0 0;border:0;padding:0}.blog-table--stack :is(th,td):first-child{margin-bottom:6px;font-weight:700}.blog-table--stack pre{white-space:pre-wrap;overflow-wrap:anywhere}}.blog-body .note{border-radius:var(--r-m);background:var(--c-mist);padding:20px 24px 22px}.blog-body .note--warn{background:var(--c-sun-wash)}.blog-body .note>*+*{margin-top:.7em}.blog-body .note__label{font-size:var(--fs-sm);color:var(--c-ink-2);font-weight:700}.blog-body .note--side{font-size:var(--fs-sm)}.blog-body .note--side .note__label:before{content:"";vertical-align:middle;background:currentColor;width:1.2em;height:1.5px;margin-right:.5em;display:inline-block}.blog-body .note ul:not([class]){padding-left:1.2em;list-style:outside}.blog-body ol.steps{counter-reset:step;padding-left:0;list-style:none}.blog-body ol.steps>li{counter-increment:step;padding-bottom:1.1em;padding-left:3em;position:relative}.blog-body ol.steps>li+li{margin-top:0}.blog-body ol.steps>li:before{content:counter(step);background:var(--c-gray);width:1.9em;height:1.9em;font-family:var(--f-num);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:-.05em;left:0}.blog-body ol.steps>li:last-child{padding-bottom:0}.blog-toc{border:1px solid var(--c-line);border-radius:var(--r-m);padding:20px 24px}.blog-toc__head{font-size:var(--fs-sm);color:var(--c-ink-2);font-weight:700}.blog-body .blog-toc ol{font-size:var(--fs-sm);margin-top:10px;padding-left:1.4em;list-style:decimal}.blog-body .blog-toc a{text-decoration-color:#0000}.blog-body .blog-toc a:hover{text-decoration-color:var(--c-ink);text-decoration-thickness:1px}.blog-body figure figcaption{text-align:center}.blog-body .blog-checked{font-size:var(--fs-sm);color:var(--c-ink-3)}@media (prefers-reduced-motion:reduce){.blog-body a{transition:none}}