:root{--color-main:#1b76ea;--color-main-hover:#7babff;--color-text-kayo:#191919;--color-text-darken:#333;--color-text-regular:#666;--color-text-light:#999;--color-text-xlight:#bbb;--color-bg:#fff;--color-bg-kayo:#f8f8f8;--color-border:#ddd;--color-tag-bg:#1b76ea1a;--fs-xxsmall:1rem;--fs-xsmall:1.2rem;--fs-small:1.4rem;--fs-medium:1.6rem;--fs-large:1.8rem;--fs-xlarge:2rem;--fs-xxlarge:2.2rem;--fs-title:2.8rem;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-xbold:800}*,:before,:after{box-sizing:border-box}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,article,aside,figure,footer,header,nav,section,main{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:62.5%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Yu Gothic UI,Segoe UI,Meiryo,Roboto,system-ui,sans-serif;font-size:var(--fs-medium);color:var(--color-text-regular);letter-spacing:.7px;background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}a{color:inherit;text-decoration:none}img{vertical-align:bottom;max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}ul,ol{list-style:none}.site-header{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(8px);background:#ffffffe6;justify-content:space-between;align-items:center;width:100%;padding:20px 20px 20px 30px;display:flex;position:fixed;top:0;left:0}.site-header-logo{align-items:center;display:flex}.site-header-logo:hover{opacity:.8}.site-header-logo-icon{border-radius:6px;flex-shrink:0;width:45px;height:45px}.site-header-logo-text{flex-shrink:0;width:auto;height:27px;margin-left:10px}.site-header-nav-pc{align-items:center;display:flex}.site-header-nav-list{align-items:center;margin:0;padding:0;display:flex}.site-header-nav-item{white-space:nowrap;font-size:var(--fs-medium);font-weight:var(--fw-regular);color:var(--color-text-kayo);cursor:pointer;line-height:1.4;position:relative}.site-header-nav-item+.site-header-nav-item{margin-left:24px}.site-header-nav-item>a{color:var(--color-text-kayo);padding:8px 0;display:inline-block}.site-header-nav-item>a:hover{color:var(--color-text-link,#5f9aff)}.site-header-nav-dropdown{margin-bottom:-8px;padding-bottom:8px}.site-header-dropdown-menu{visibility:hidden;opacity:0;background:#fff;border-radius:6px;min-width:280px;max-height:60vh;padding:8px 4px;transition:opacity .15s;position:absolute;top:calc(100% - 0);left:-12px;overflow-y:auto;box-shadow:0 6px 24px #0000001f}.site-header-nav-dropdown:hover .site-header-dropdown-menu,.site-header-nav-dropdown:focus-within .site-header-dropdown-menu{visibility:visible;opacity:1}.site-header-dropdown-item{font-size:var(--fs-small);color:var(--color-text-kayo);white-space:normal;padding:6px 12px;line-height:1.5;display:block}.site-header-dropdown-item:hover{color:var(--color-text-link,#5f9aff);background:var(--color-bg-kayo);border-radius:4px}.site-header-actions{align-items:center;margin-left:24px;display:flex}.site-header-btn{font-size:var(--fs-medium);font-weight:var(--fw-regular);white-space:nowrap;border-radius:3px;align-items:center;padding:14px 22px;transition:transform .2s,opacity .2s,background .2s;display:inline-flex}.site-header-btn+.site-header-btn{margin-left:10px}.site-header-btn:hover{opacity:.85;transform:scale(1.04)}.site-header-btn-primary{background:var(--color-main);color:#fff;border:1px solid var(--color-main)}.site-header-btn-outline{color:var(--color-text-kayo);border:1px solid var(--color-text-kayo);background:#fff}.site-header-sp-toggle{z-index:101;background-color:var(--color-text-kayo);border:none;border-radius:3px;width:55px;height:55px;display:none;position:relative}.site-header-sp-toggle span{background:#fff;width:18px;height:2px;transition:transform .3s,top .3s,bottom .3s;position:absolute;left:50%;transform:translate(-50%)}.site-header-sp-toggle span:first-child{top:20px}.site-header-sp-toggle span:nth-child(2){top:50%;transform:translate(-50%)translateY(-50%)}.site-header-sp-toggle span:nth-child(3){bottom:19px}.site-header-sp-toggle.is-open{border:1px solid #fff}.site-header-sp-toggle.is-open span:first-child{top:50%;transform:translate(-50%)translateY(-50%)rotate(45deg)}.site-header-sp-toggle.is-open span:nth-child(2),.site-header-sp-toggle.is-open span:nth-child(3){top:50%;bottom:auto;transform:translate(-50%)translateY(-50%)rotate(-45deg)}.site-header-sp-overlay{z-index:99;background:#00000073;position:fixed;inset:0}.site-header-sp-menu{background:#fff;width:min(82vw,360px);height:100%;padding:80px 24px 32px;position:absolute;top:0;right:0;overflow-y:auto}.site-header-sp-menu ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-header-sp-menu li a{font-size:var(--fs-medium);font-weight:var(--fw-medium);color:var(--color-text-kayo);border-bottom:1px solid var(--color-border);padding:14px 8px;display:block}.site-header-sp-actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.site-header-sp-actions .site-header-btn{justify-content:center;width:100%}.site-header-sp-actions .site-header-btn+.site-header-btn{margin-left:0}.blog-page{width:100%}.blog-hero{justify-content:center;width:100%;margin-top:120px;display:flex}.blog-hero img{width:100%;max-width:960px;height:auto}.blog-inner-container{padding:0 80px 80px}.blog-content-wrapper{justify-content:center;display:flex}.blog-content-inner{width:100%;max-width:1040px}.blog-title-container{margin-top:80px}.blog-title{font-size:var(--fs-title);font-weight:var(--fw-xbold);color:var(--color-text-kayo);margin-top:8px;line-height:1.4}.blog-subtitle{font-size:var(--fs-medium);font-weight:var(--fw-regular);color:var(--color-text-kayo);white-space:pre-line;margin-top:16px;line-height:1.7}.blog-breadcrumb{font-size:var(--fs-xsmall);color:var(--color-text-regular);flex-wrap:wrap;align-items:center;gap:0;line-height:1.5;display:flex}.blog-breadcrumb a{color:var(--color-text-regular)}.blog-breadcrumb a:hover{color:var(--color-main);text-decoration:underline}.blog-breadcrumb-separator{color:var(--color-text-light);margin:0 8px}.blog-breadcrumb-current{color:var(--color-text-regular)}.blog-list{flex-wrap:wrap;gap:32px 24px;margin-top:56px;display:flex}.blog-list-item{width:calc(33.3333% - 16px)}.blog-list-item a{color:inherit;display:block}.blog-list-item-image{position:relative}.blog-list-item-image:before{content:"";padding-top:56.25%;display:block}.blog-list-item-image-inner{background:var(--color-bg-kayo);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blog-list-item-image-inner img{object-fit:cover;width:100%;height:100%}.blog-list-item-tag{font-size:var(--fs-xxsmall);font-weight:var(--fw-medium);color:var(--color-main);background:var(--color-tag-bg);border-radius:12px;margin-top:4px;padding:2px 8px;line-height:1.7;display:inline-block}.blog-list-item-title{font-size:var(--fs-large);font-weight:var(--fw-bold);color:var(--color-text-darken);margin-top:10px;line-height:1.4}.blog-list-item-desc{font-size:var(--fs-xsmall);font-weight:var(--fw-regular);color:var(--color-text-darken);margin-top:8px;line-height:1.6}.article-hero-title{font-size:var(--fs-title);font-weight:var(--fw-xbold);color:var(--color-text-kayo);margin-top:8px;line-height:1.4}.article-hero-desc{font-size:var(--fs-medium);font-weight:var(--fw-regular);color:var(--color-text-kayo);white-space:pre-line;margin-top:16px;line-height:1.7}.article-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.article-cover{border-radius:8px;margin-top:40px;overflow:hidden}.article-cover img{width:100%;display:block}.article-body{font-size:var(--fs-medium);color:var(--color-text-kayo);margin-top:16px;line-height:1.7}.article-body h1{font-size:var(--fs-title);font-weight:var(--fw-xbold);color:var(--color-text-kayo);margin-top:56px;margin-bottom:16px;line-height:1.3}.article-body h2{background-color:var(--color-bg-kayo);border-left:4px solid var(--color-main);font-size:var(--fs-xxlarge);font-weight:var(--fw-xbold);color:var(--color-text-kayo);border-radius:0 4px 4px 0;margin-top:40px;margin-bottom:16px;padding:12px 16px;line-height:1.4}.article-body h3{font-size:var(--fs-large);font-weight:var(--fw-bold);color:var(--color-text-kayo);margin-top:24px;line-height:1.4}.article-body h4{font-size:var(--fs-medium);font-weight:var(--fw-bold);color:var(--color-text-kayo);margin-top:20px}.article-body p{font-size:var(--fs-medium);font-weight:var(--fw-regular);color:var(--color-text-kayo);white-space:pre-line;margin:16px 0 0}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:16px 0;display:block}.article-body img:not([width]):not([height]){aspect-ratio:16/9;background:var(--color-bg-kayo);width:100%}.article-body ul,.article-body ol{flex-direction:column;gap:6px;margin:24px 0 0;display:flex}.article-body ul{padding-left:1.4em;list-style:outside}.article-body ol{padding-left:1.4em;list-style:decimal}.article-body li{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--color-text-kayo);white-space:pre-line}.article-body a{color:var(--color-main);text-decoration:underline}.article-body a:hover{color:var(--color-main-hover)}.article-body a.rich-link{color:inherit;border:1px solid #ccc;border-radius:8px;margin:16px 0;padding:16px 20px;text-decoration:none;transition:background-color .15s;display:block}.article-body a.rich-link:hover{color:inherit;background-color:#f4f4f4}.article-body a.rich-link .rich-link-title{font-size:var(--fs-medium);font-weight:var(--fw-bold);color:var(--color-text-darken);line-height:1.5;display:block}.article-body a.rich-link .rich-link-desc{font-size:var(--fs-xsmall);font-weight:var(--fw-regular);color:var(--color-text-light);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-top:6px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-body a.rich-link .rich-link-url{font-size:var(--fs-xsmall);font-weight:var(--fw-regular);color:var(--color-text-darken);word-break:break-all;margin-top:6px;display:block}.article-body code{background:var(--color-bg-kayo);border-radius:4px;padding:2px 6px;font-size:.9em}.article-body pre{color:#f2f4f8;background:#1c1f23;border-radius:8px;margin:24px 0;padding:16px;overflow-x:auto}.article-body pre code{color:inherit;background:0 0;padding:0}.article-body blockquote{border-left:3px solid var(--color-main);background:var(--color-bg-kayo);color:var(--color-text-kayo);margin:16px 0;padding:8px 16px}.article-body table{border-collapse:collapse;width:100%;margin:24px 0}.article-body table th,.article-body table td{text-align:left;border-bottom:1px solid #1919191f;padding:12px}.article-body table th{font-size:var(--fs-medium);font-weight:var(--fw-bold);color:var(--color-text-kayo);background-color:#19191905}.article-body table td{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--color-text-kayo)}.article-body table tr:hover{background-color:#19191904}.article-body table{display:block;overflow-x:auto}.article-body details{border:1px solid var(--color-border);background:var(--color-bg);border-radius:6px;margin:16px 0;padding:12px 16px}.article-body details summary{cursor:pointer;font-weight:var(--fw-bold);color:var(--color-text-kayo);list-style:revert}.article-body details[open] summary{margin-bottom:8px}.article-body details>:not(summary){margin-left:16px}.article-body ul ul{list-style:circle}.article-body ul ul ul{list-style:square}.blog-footer{margin:80px 0 120px}.blog-footer-lead{text-align:center;font-size:var(--fs-large);font-weight:var(--fw-medium);color:var(--color-text-kayo)}.blog-download-container{justify-content:center;align-items:center;margin-top:56px;display:flex}.blog-download-image{width:280px;margin-right:40px;position:relative}.blog-download-image-first{z-index:2;width:100%;position:relative}.blog-download-image-first img{width:200px;box-shadow:0 0 4px 1px #0000001a}.blog-download-image-second{z-index:1;display:flex;position:absolute;top:24px;left:64px;transform:rotate(5deg)}.blog-download-image-second img{width:200px;box-shadow:0 0 4px 1px #0000001a}.blog-download-button-container{width:280px}.blog-download-button{width:196px;font-size:var(--fs-large);font-weight:var(--fw-bold);color:#fff;background:var(--color-main);border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 8px;transition:background .15s;display:inline-flex}.blog-download-button:hover{background:var(--color-main-hover);color:#fff}.preview-banner{max-width:1040px;font-size:var(--fs-xsmall);color:var(--color-text-kayo);background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;margin:32px auto 0;padding:12px 16px;line-height:1.6}@media (max-width:1112px){.site-header-nav-pc{display:none}.site-header-sp-toggle{display:block}.site-header{padding:5px 5px 5px 20px}.site-header-logo-icon{width:36px;height:36px}.site-header-logo-text{height:21px}}@media (max-width:768px){.blog-hero{margin-top:80px}.blog-inner-container{padding:0 24px 24px}.blog-list-item{width:100%}.blog-download-container{flex-wrap:wrap}.blog-download-image{text-align:center;justify-content:center;width:100%;margin-right:0;display:flex}.blog-download-image-second{left:112px}.blog-download-button-container{justify-content:center;width:100%;margin-top:56px;display:flex}}