:root{--accent:#009ef3;--accent-pale:#b4e0fa;--bar:linear-gradient(110deg, #27a046 0%, #178a3e 45%, #0b5e30 100%);--green:#178a3e;--green-dark:#125f2f;--green-pale:#e9f5ec;--bg:#eaedf2;--text:#252525;--link:#4f96f6;--container-width:92%;--sidebar-width:30%;--column-gap:2em;--mobile-padding:16px;--radius:12px;--radius-small:6px;--shadow:0 2px 4px #4385bb12;--shadow-raised:0 1px 2px 0 #182c541a, 0 1px 3px 1px #182c541a;--transition:.3s ease-in-out;--font:Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", YuGothic, "Yu Gothic", メイリオ, Meiryo, sans-serif;--font-mono:Menlo, Consolas, monaco, monospace, "ＭＳ ゴシック", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font);overflow-wrap:break-word;margin:0;line-height:1.83}@media (width>=481px){body{font-size:107%}}a{color:var(--link)}img{vertical-align:middle;max-width:100%;height:auto}ul,ol{margin:1em 0;padding:0;list-style:none}.container{width:var(--container-width);margin:0 auto}@media (width>=769px){.container{width:96%}}@media (width>=1030px){.container{width:var(--container-width)}}@media (width>=1240px){.container{width:1180px}}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:100;background:#fff;padding:8px 12px;top:8px;left:8px}.icon{vertical-align:-.1em;fill:currentColor;width:.9em;height:.9em;margin-right:4px}.site-header{z-index:99;background:var(--bar);position:relative;box-shadow:0 0 45px #000c4229}.site-header__inner{justify-content:center;align-items:center;min-height:62px;display:flex}.site-header__logo{letter-spacing:1px;margin:0;font-size:1.46em;font-weight:700;line-height:1.6}.site-header__logo a,.site-header__nav a{color:#fff;text-decoration:none}.site-header__nav{display:none}@media (width>=769px){.site-header__inner{justify-content:space-between}.site-header__logo{font-size:23px;line-height:62px}.site-header__nav{font-size:16px;display:block}.site-header__nav a{padding:0 10px;line-height:62px;display:inline-block;position:relative}.site-header__nav a:after{content:"";transform-origin:0;width:100%;height:3px;transition:transform var(--transition);background:#fff;position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-header__nav a:hover:after,.site-header__nav a:focus-visible:after{transform:scaleX(1)}}.layout{padding-bottom:2em}@media (width>=769px){.layout{margin-top:2em}.layout__inner{flex-direction:row-reverse;display:flex}.layout__main{width:calc(100% - var(--sidebar-width));padding-left:var(--column-gap)}.sidebar{flex:1;min-width:0}}@media (width<=768px){.layout__inner{width:100%}.sidebar{width:var(--container-width);margin:0 auto}}.card{box-shadow:var(--shadow);background:#fff;margin-bottom:1.5em}@media (width>=769px){.card{border-radius:var(--radius);overflow:hidden}}.post__header{color:#070f16;margin-bottom:10px}@media (width>=769px){.post__header{padding:20px 25px 10px}}@media (width>=1030px){.post__header{padding:25px 40px 10px}}.breadcrumb{background:#f4f4f4;padding:13px 16px}.breadcrumb ol{margin:0}.breadcrumb li{color:gray;font-size:.87em;display:inline}.breadcrumb li+li:before{content:"›";color:#0000004d;padding:0 6px}.breadcrumb a{text-decoration:none}@media (width>=769px){.breadcrumb{background:0 0;padding:0}}.post__title{color:#444;margin:20px 0 0;padding:0 16px;font-size:1.35em;line-height:1.6}.post__meta{color:#a5aaaf;letter-spacing:.3px;margin:16px 0 0;padding:0 16px;font-size:16px}.post__meta time{white-space:nowrap;padding-right:10px}.post__meta .icon{opacity:.6}.post__eyecatch{margin:16px 0 0}.post__eyecatch img{width:100%;display:block}@media (width>=481px){.post__title,.post__meta{padding:0 25px}}@media (width>=769px){.post__title{margin-top:16px}.post__title,.post__meta{padding:0}}@media (width>=1030px){.post__title{font-size:1.5em}}.prose{padding:10px var(--mobile-padding) 0}@media (width>=481px){.prose{padding:10px 25px 0}}@media (width>=1030px){.prose{padding:10px 40px 0}}.prose>:first-child{margin-top:.1em}.prose p{margin:0 0 1.5em}.prose>p{line-height:1.93}.prose h2{margin:2.5em 0 .7em;font-size:1.4em;line-height:1.6}.prose h3{border-left:4px solid var(--accent);margin:2.6em 0 .7em;padding:10px 0 10px 10px;font-size:1.2em;line-height:1.5}.prose h4{margin:2em 0 .7em;font-size:1.1em}.prose ul,.prose ol{border:2px solid #e8e8e8;margin:1em 0 1.5em;padding:1em 1em 1em 2.5em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{padding:5px 0;line-height:30px}.prose li ul,.prose li ol{border:none;margin:.5em 0 0;padding:0 0 0 1.5em}.table-scroll{margin:0 0 1em;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;margin:1em 0 .5em}.prose th,.prose td{border:2px solid #e0e0e0;padding:7px}.prose th{text-align:center;background:#f8f9fa;font-size:12px}.prose td{word-break:break-all;font-size:10px}.prose blockquote{color:#464646;border:2px solid #464646;margin:1.5em 0;padding:13px 16px 13px 50px;position:relative}.prose blockquote:before{content:"“";font-family:Georgia,serif;font-size:40px;font-weight:700;line-height:1;position:absolute;top:12px;left:16px}.prose blockquote p{margin:10px 0;line-height:1.7}.prose pre{color:#54687c;font-family:var(--font-mono);background:#f3f6fc;border:1px solid #eaedf2;margin:0 0 1.5em;padding:1em;overflow-x:auto}.prose code{color:#404040;font-family:var(--font-mono);background:#f1f2f3;border-radius:5px;margin:0 .2em;padding:.2em .3em;font-size:.9em}.prose pre code{color:inherit;font-size:inherit;background:0 0;margin:0;padding:0}.marker--red{background:linear-gradient(#0000 50%,#ff58583d 50%)}.marker--blue{background:linear-gradient(#0000 50%,#6bb6ff3d 50%)}.marker--yellow{background:linear-gradient(#0000 50%,#fffc6bb0 50%)}.text-large{font-size:1.3em}.align-center{text-align:center}.prose .caption{color:#78828e;text-align:center;margin:-1em 0 1.5em;font-size:.9em}.box{color:#2c2c2f;background:#edf6ff;margin:2em 0;padding:1.5em 1em}.box>:first-child{margin-top:0}.box>:last-child,.columns__item>:last-child,.comment>:last-child{margin-bottom:0}.narrow>:last-child{margin-bottom:1.5em}.columns{flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:1.75em;display:flex}.columns__item{flex-basis:100%;min-width:0}@media (width>=782px){.columns{flex-wrap:nowrap}.columns__item{flex:1 1 0}}.video-embed{aspect-ratio:16/9;margin:0 0 1.5em}.video-embed iframe{border:0;width:100%;height:100%}.ad-slot{margin:2em 0}[data-ad-preview] .ad-slot{color:#8a93a0;border:1px dashed #b0b8c4;place-items:center;min-height:90px;font-size:12px;display:grid}[data-ad-preview] .ad-slot:before{content:"広告"}.toc{border-top:5px solid var(--accent);border-radius:var(--radius-small);box-shadow:var(--shadow-raised);background:#f9f9f9;margin:2.5em 0;padding:20px 16px;font-size:.95em}@media (width>=481px){.toc{padding:20px 25px}}.prose .toc__title{color:var(--accent);margin:0;padding:5px 0 5px 58px;font-size:23px;font-weight:700;display:inline-block;position:relative}.toc__title:before{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Ccircle cx='3' cy='5' r='1.6'/%3E%3Ccircle cx='3' cy='10' r='1.6'/%3E%3Ccircle cx='3' cy='15' r='1.6'/%3E%3Crect x='6.5' y='3.8' width='11' height='2.4' rx='1.2'/%3E%3Crect x='6.5' y='8.8' width='11' height='2.4' rx='1.2'/%3E%3Crect x='6.5' y='13.8' width='11' height='2.4' rx='1.2'/%3E%3C/svg%3E") no-repeat center / 20px;border-radius:50%;width:50px;height:50px;position:absolute;top:0;left:0}.prose .toc__list{color:#585858;border:none;margin:1em 0 0 18px;padding:0}.toc__list li{font-weight:700}.toc__list a{color:#555;text-decoration:none}.toc__list a:hover{text-decoration:underline}.link-card{border-radius:var(--radius-small);color:var(--text);box-shadow:var(--shadow);transition:box-shadow var(--transition);border:1px solid #ddd;margin:0 0 1.5em;padding:16px 20px;text-decoration:none;display:block}.link-card:hover{box-shadow:var(--shadow-raised)}.link-card__title{font-size:1.05em;font-weight:700;line-height:1.6;display:block}.link-card__excerpt{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:6px;font-size:.85em;line-height:1.6;display:-webkit-box;overflow:hidden}.link-card__site{color:#999;margin-top:8px;font-size:.8em;display:block}.prose .post-list,.post-list{border:none;margin:0 0 1em;padding:0;list-style:none}.post-list li{border-bottom:1px solid #eee;padding:0;line-height:1.6}.post-list a{color:#444;padding:10px 4px;font-weight:700;text-decoration:none;display:block}.post-list a:hover{color:var(--link)}.post-date{color:#b7b7b7;font-size:13px;font-weight:500;display:block}.comment{border-radius:var(--radius-small);background:#f6f8fa;margin:0 0 1em;padding:1em 1.2em}.comment--reply{background:#edf6ff;margin-left:2em}.prose .comment__meta{color:#888;margin:0 0 .3em;font-size:.85em}.post__footer{margin-top:2em}.post__footer-inner{padding:0 var(--mobile-padding)}@media (width>=769px){.post__footer-inner{padding:0 25px}}@media (width>=1030px){.post__footer-inner{padding:0 40px}}.share{text-align:center;margin:0 0 1.5em}.share__title{color:#cccfd7;letter-spacing:.1em;font-size:22px;font-weight:700}.share__title:before{content:"＼ "}.share__title:after{content:" ／"}.share ul{justify-content:center;gap:10px;margin:10px 0 0;display:flex}.share a{flex-direction:column;justify-content:center;align-items:center;width:72px;height:60px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.share svg{fill:currentColor;width:30px;height:30px;margin-bottom:4px}.share__hatena{margin-bottom:4px;font-size:26px;line-height:30px}.share--x a{color:#000}.share--facebook a{color:#3b82f6}.share--hatena a{color:#00a4de}.share--line a{color:#06c755}.post__category{letter-spacing:.05em;text-align:right;margin:0 0 1.5em;font-size:.85em;font-weight:700}.post__category a{color:gray;font-weight:400;text-decoration:none}.related{grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 2em;display:grid}@media (width>=769px){.related{grid-template-columns:repeat(3,1fr)}}.related a{color:#333;font-size:.85em;font-weight:700;line-height:1.6;text-decoration:none;display:block}.related img,.related__no-image{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:8px;display:block;box-shadow:0 2px 4px #00000026}.related__no-image{background:linear-gradient(135deg, var(--accent-pale), var(--bg))}.author{padding:25px var(--mobile-padding);background:var(--accent-pale)}@media (width>=481px){.author{padding:25px}}@media (width>=1030px){.author{padding:30px 40px}}.author__card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:1.5em;padding:25px;display:flex}.author__profile{text-align:center}@media (width>=769px){.author__card{flex-direction:row;align-items:center}.author__profile{border-right:2px dashed var(--bg);flex:0 0 180px;padding-right:1.5em}}.author__label{background:var(--bg);color:#555;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:.8em;font-weight:700;display:inline-block}.author__avatar{object-fit:cover;border:3px solid #dfe2e8;border-radius:50%;width:90px;height:90px;margin:0 auto}.author__name{color:var(--link);margin:8px 0 0;font-weight:700;line-height:1.4}.author__role{color:#666;margin:0;font-size:.9em;font-weight:700}.author__bio p{margin:0;font-size:.95em}.author__links{gap:14px;margin-top:16px;display:flex}.author__links a{color:#919191;text-align:center;font-size:11px;text-decoration:none}.author__links span{border-radius:var(--radius);color:#fff;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 2px;display:flex}.author__links svg{fill:currentColor;width:28px;height:28px}.author__link--x span{background:#000}.author__link--youtube span{background:#ef4444}.author__link--website span{background:#ffb36b}.post-nav{justify-content:space-between;gap:16px;margin:0 0 1.5em;display:flex}.post-nav a{border-radius:var(--radius-small);color:#505050;max-width:300px;box-shadow:var(--shadow);background:#fff;padding:10px 14px;font-size:.85em;line-height:1.5;text-decoration:none}.post-nav__next{text-align:right;margin-left:auto}.post-nav__label{color:#a5aaaf;font-size:.85em;display:block}@media (width<=768px){.post-nav{padding:0 var(--mobile-padding)}}.archive__header{padding:20px var(--mobile-padding) 0}.archive__list{padding:0 var(--mobile-padding) 1.5em}@media (width>=769px){.archive__header{padding:25px 40px 0}.archive__list{padding:0 40px 2em}}.archive__title{color:#444;margin:0 0 .5em;font-size:1.35em}.side-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin:0 0 20px;font-size:.92em;overflow:hidden}.side-box__title{border-left:4px solid var(--green);background:var(--green-pale);color:var(--green-dark);letter-spacing:.04em;margin:0;padding:10px 16px 10px 14px;font-size:1.05em;line-height:1.5}.side-box__list{margin:0;padding:4px 0}.side-box__list li+li{border-top:1px solid #f0f2f4}.side-box__list a{color:#444;transition:background-color var(--transition), color var(--transition);padding:8px 16px 8px 30px;font-weight:700;line-height:1.5;text-decoration:none;display:block;position:relative}.side-box__list a:before{content:"›";color:var(--green);font-weight:700;position:absolute;top:7px;left:16px}.side-box__list a:hover{color:var(--green-dark);background:#f6faf7}.side-box__list a[aria-current=page]{background:var(--green-pale);color:var(--green-dark);box-shadow:inset 3px 0 0 var(--green)}.side-box__list .post-date{margin-top:2px;font-size:12px}.side-box__more{border:2px solid var(--green);color:var(--green-dark);text-align:center;transition:background-color var(--transition), color var(--transition);border-radius:999px;margin:6px 16px 16px;padding:8px;font-weight:700;text-decoration:none;display:block}.side-box__more:hover{background:var(--green);color:#fff}@media (width>=769px){.sidebar__sticky{max-height:calc(100vh - 32px);margin-top:32px;position:sticky;top:16px;overflow-y:auto}}.site-footer{background:var(--bar);text-align:center;padding:20px 10px 10px;font-size:.95em}.site-footer a{color:#fff;text-decoration:none}.site-footer__home{font-size:20px;font-weight:700}.site-footer__links{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:10px 0 0;font-size:.9em;display:flex}.site-footer__note{color:#fffc;margin:5px 0 0;font-size:13.5px;line-height:1.55}