body,html{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body.kpi-blog-page{background:#fff;color:#222;font-family:Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;line-height:1.7}img{display:block;height:auto;max-width:100%}a{color:inherit}.kpi-blog-topbar{background:#d9d9d9;border-bottom:1px solid #a9a9a9;width:100%}.kpi-blog-topbar__inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:40px;padding:6px 16px}.kpi-blog-topbar__logo{background:#9a9a9a;flex:0 0 auto;height:18px;width:88px}.kpi-blog-topbar__nav{align-items:center;color:#333;display:flex;font-size:11px;gap:14px;line-height:1.2;white-space:nowrap}.kpi-blog-shell{margin:0 auto;max-width:1200px;padding:18px 16px 32px;width:100%}.kpi-blog-layout{align-items:start;display:grid;gap:36px;grid-template-columns:minmax(0,1fr) 240px}.kpi-blog-main,.kpi-blog-sidebar{min-width:0}.kpi-blog-article{width:100%}.kpi-blog-article__header{margin:0 0 20px}.kpi-blog-article__title{background:#efefef;border:1px solid #d7d7d7;color:#222;font-size:28px;font-weight:700;line-height:1.4;margin:0;padding:10px 16px}.kpi-blog-article__date{color:#333;font-size:13px;line-height:1.6;margin:18px 0 20px}.kpi-blog-article__body{color:#222;font-size:14px;line-height:1.9}.kpi-blog-article__body p{margin:0 0 1.4em}.kpi-blog-article__body h1,.kpi-blog-article__body h2,.kpi-blog-article__body h3,.kpi-blog-article__body h4,.kpi-blog-article__body h5,.kpi-blog-article__body h6{line-height:1.4;margin:1.6em 0 .8em}.kpi-blog-article__body ol,.kpi-blog-article__body ul{margin:0 0 1.4em 1.4em;padding:0}.kpi-blog-article__body li{margin:0 0 .5em}.kpi-blog-article__body table{border-collapse:collapse;max-width:100%;width:100%}.kpi-blog-article__body iframe,.kpi-blog-article__body video{max-width:100%}.kpi-blog-article__tags{color:#666;font-size:12px;margin-top:24px}.kpi-blog-article__tags a{color:#666;text-decoration:underline}.kpi-blog-article__tags a:hover{opacity:.8}.kpi-blog-sidebar{width:100%}.kpi-blog-archive{border-left:1px solid #d8d8d8;padding-left:18px}.kpi-blog-archive__title{color:#333;font-size:13px;font-weight:700;line-height:1.5;margin:0 0 14px}.kpi-blog-archive__list{list-style:none;margin:0;padding:0}.kpi-blog-archive__list li{margin:0 0 10px;padding:0}.kpi-blog-archive__list a{color:#666;font-size:12px;line-height:1.5;text-decoration:underline}.kpi-blog-archive__list a:hover{opacity:.8}.kpi-blog-footer{background:#d9d9d9;border-top:1px solid #a9a9a9;width:100%}.kpi-blog-footer__inner{color:#333;font-size:12px;line-height:1.5;margin:0 auto;max-width:1200px;padding:14px 16px;text-align:center}@media (max-width:960px){.kpi-blog-layout{gap:24px;grid-template-columns:1fr}.kpi-blog-archive{border-left:0;border-top:1px solid #d8d8d8;padding-left:0;padding-top:18px}.kpi-blog-topbar__inner{align-items:flex-start;flex-direction:column}.kpi-blog-topbar__nav{flex-wrap:wrap;gap:8px 12px;white-space:normal}.kpi-blog-article__title{font-size:22px}}@media (max-width:640px){.kpi-blog-shell{padding:14px 12px 24px}.kpi-blog-footer__inner,.kpi-blog-topbar__inner{padding-left:12px;padding-right:12px}.kpi-blog-article__title{font-size:20px;padding:10px 12px}}.kpi-blog-comments{border-top:1px solid #d8d8d8;margin-top:40px;padding-top:24px}.kpi-blog-comments input[type=email],.kpi-blog-comments input[type=text],.kpi-blog-comments input[type=url],.kpi-blog-comments textarea{max-width:100%;width:520px!important}.kpi-blog-comments textarea{min-height:120px}