@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('f/kanban.woff2') format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400 700;font-display:swap;src:url('f/kotoba.woff2') format('woff2')}
:root{--kats-bg:#09121E;--kats-pinta:#142234;--kats-teksti:#F5F8FC;--kats-himmea:#B5C2D2;--kats-syaan:#3DFFF4;--kats-tumma:#071522;--kats-linkki:#55C5FF;--kats-raja:rgba(245,248,252,.12);--kats-tausta:url('/wp-content/uploads/2019/02/seo-background-image-2.jpg')}
html{overflow-x:clip}
html body.main{background:var(--kats-bg)!important;background-image:none!important;color:var(--kats-teksti);font-family:'Libre Franklin',Arial,sans-serif;font-size:17px;line-height:1.65}
html body.main h1,html body.main h2,html body.main h3,html body.main h4,html body.main .title,html body.main .title a{font-family:'Instrument Sans',Arial,sans-serif;color:var(--kats-teksti);letter-spacing:-.01em}
html body.main a{color:var(--kats-linkki)}
html body.main a:hover{color:var(--kats-syaan)}
html body.main a:focus-visible{outline:2px solid var(--kats-syaan);outline-offset:2px}
html body.main .main-container-wrap{background-color:var(--kats-bg);background-image:linear-gradient(rgba(9,18,30,.9),rgba(9,18,30,.94)),var(--kats-tausta);background-size:cover;background-attachment:fixed;background-position:center}
html body.main .main-header{background:var(--kats-syaan);box-shadow:none;border:0;min-height:88px;margin:0}
html body.main .main-header .container{max-width:1160px;width:auto;padding:0 24px;margin:0 auto;box-sizing:border-box}
html body.main #header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:0;background:transparent;float:none;width:auto}
html body.main #header .logo-wrap{float:none;margin:0;padding:0;overflow:visible}
html body.main #header #logo{margin:0;padding:0;float:none;line-height:1}
html body.main #header #logo a{font-family:'Instrument Sans',Arial,sans-serif;font-size:28px;font-weight:700;color:var(--kats-tumma);text-shadow:none;letter-spacing:-.02em;text-transform:none}
html body.main #header .head-social{display:none}
html body.main #header .secondary-navigation{float:none;width:auto;margin:0;background:transparent;border:0}
html body.main #navigation{background:transparent;float:none;width:auto}
html body.main #navigation ul.menu{display:flex;gap:4px;margin:0;padding:0;background:transparent;border:0;float:none}
html body.main #navigation ul.menu li{float:none;background:transparent;border:0;margin:0}
html body.main #navigation ul.menu li a{color:var(--kats-tumma);font-family:'Instrument Sans',Arial,sans-serif;font-size:16px;font-weight:600;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;text-transform:none;text-shadow:none;line-height:1.2}
html body.main #navigation ul.menu li.current-menu-item>a,html body.main #navigation ul.menu li a:hover{border-bottom-color:var(--kats-tumma);background:transparent;color:var(--kats-tumma)}
html body.main #pull{display:none}
html body.main .main-container{max-width:1160px;width:auto;margin:0 auto;padding:0 24px;box-sizing:border-box;background:transparent;box-shadow:none;border:0}
html body.main #page{background:transparent;box-shadow:none;border:0;padding:32px 0 56px;width:auto;max-width:none;float:none}
html body.main .article{background:var(--kats-pinta);border:0;box-shadow:none;border-radius:4px;padding:32px 36px;box-sizing:border-box}
html body.main .single_post,html body.main .single_page,html body.main .post,html body.main #content_box{background:transparent;border:0;box-shadow:none;color:var(--kats-teksti)}
html body.main .post-content,html body.main .post-content p,html body.main .single_post p{color:var(--kats-teksti)}
html body.main .post-info,html body.main .post-info a{color:var(--kats-himmea)}
html body.main .sidebar .widget,html body.main .sidebar .widget li{background:var(--kats-pinta);border:0;color:var(--kats-himmea)}
html body.main .sidebar .widget{padding:20px 22px;border-radius:4px;box-shadow:none}
html body.main .sidebar .widget h3{color:var(--kats-teksti);font-size:18px;border:0;background:transparent;padding:0 0 10px;margin:0 0 6px;border-bottom:2px solid var(--kats-syaan)}
html body.main .sidebar .widget li{border-bottom:1px solid var(--kats-raja);padding:10px 0;margin:0}
html body.main .sidebar .widget .post-img img{border-radius:3px}
html body.main .pagination a,html body.main .pagination .current{background:var(--kats-pinta);color:var(--kats-teksti);border:1px solid var(--kats-raja)}
html body.main input[type=text],html body.main input[type=search],html body.main textarea{background:var(--kats-bg);color:var(--kats-teksti);border:1px solid var(--kats-raja)}
.kats-etusivu{display:block}
.kats-hajime{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center;padding:40px 0 32px}
.kats-kicker{margin:0 0 10px;font-family:'Instrument Sans',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kats-syaan)}
html body.main .kats-midashi{font-size:40px;line-height:1.1;font-weight:700;margin:0 0 18px}
.kats-lede{font-size:18px;line-height:1.65;color:var(--kats-himmea);margin:0}
.kats-hajime-e{margin:0;aspect-ratio:16/10;background:var(--kats-pinta);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kats-hajime-e img{width:100%;height:100%;object-fit:contain;display:block}
html body.main .kats-honbun{background:var(--kats-pinta);border-radius:4px;padding:36px 44px;margin:0 0 48px;font-size:17px}
html body.main .kats-honbun h2{font-size:28px;line-height:1.25;margin:36px 0 14px;text-align:left!important}
html body.main .kats-honbun h2:first-child{margin-top:0}
html body.main .kats-honbun p{margin:0 0 16px}
html body.main .kats-honbun img{max-width:100%;height:auto;border-radius:3px}
.kats-atarashii{margin:0 0 24px}
html body.main .kats-kanmuri{font-size:28px;font-weight:700;margin:0 0 22px;padding-left:14px;border-left:4px solid var(--kats-syaan)}
.kats-atarashii-in{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.kats-ichiban{background:var(--kats-pinta);border-radius:4px;overflow:hidden}
.kats-ichiban-e{display:block;aspect-ratio:16/9;background:var(--kats-bg);overflow:hidden}
.kats-ichiban-e img{width:100%;height:100%;object-fit:cover;display:block}
.kats-ichiban .kats-meta,.kats-ichiban h3,.kats-ichiban>p{padding:0 26px}
.kats-ichiban .kats-meta{padding-top:20px}
html body.main .kats-ichiban h3{font-size:26px;line-height:1.25;margin:6px 0 10px}
html body.main .kats-ichiban h3 a{color:var(--kats-teksti)}
.kats-ichiban>p:last-child{color:var(--kats-himmea);padding-bottom:26px;margin:0}
.kats-meta{margin:0;font-size:13px;color:var(--kats-himmea);letter-spacing:.02em}
.kats-ressha{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kats-ressha li{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--kats-raja);margin:0}
.kats-ressha li:first-child{padding-top:0}
.kats-ressha-e{flex:0 0 96px;width:96px;height:96px;border-radius:3px;overflow:hidden;background:var(--kats-pinta)}
.kats-ressha-e img{width:96px;height:96px;object-fit:cover;display:block}
html body.main .kats-ressha-t{display:block;font-family:'Instrument Sans',Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.3;color:var(--kats-teksti);margin-top:4px}
html body.main .kats-ressha-t:hover{color:var(--kats-syaan)}
html body.main footer.kats-shita{background:var(--kats-syaan);color:var(--kats-tumma);padding:48px 0 0;margin:0;border:0;box-shadow:none}
html body.main .kats-shita-in{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:40px;max-width:1160px;width:auto;margin:0 auto;padding:0 24px;box-sizing:border-box}
html body.main .kats-shita a{color:var(--kats-tumma);text-decoration:underline;text-underline-offset:3px}
html body.main .kats-shita-brand a{font-family:'Instrument Sans',Arial,sans-serif;font-size:26px;font-weight:700;text-decoration:none}
.kats-shita-h{font-family:'Instrument Sans',Arial,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.kats-shita-list{list-style:none;margin:0;padding:0}
.kats-shita-list li{margin:0 0 9px;line-height:1.4;background:transparent;border:0;float:none}
html body.main .kats-shita-copy{max-width:1160px;width:auto;margin:36px auto 0;padding:18px 24px 26px;border-top:1px solid rgba(7,21,34,.35);font-size:14px;box-sizing:border-box}
@media (max-width:900px){
 html body.main #header{flex-wrap:wrap;padding:14px 0;gap:6px}
 html body.main #navigation ul.menu{flex-wrap:wrap}
 html body.main #navigation ul.menu li a{padding:8px 10px}
 html body.main #header .secondary-navigation,html body.main #navigation{display:block!important;width:100%}
 html body.main #navigation ul.menu li a{font-size:15px}
 .kats-hajime{grid-template-columns:1fr;gap:24px;padding:28px 0 24px}
 .kats-atarashii-in{grid-template-columns:1fr}
 html body.main .kats-shita-in{grid-template-columns:1fr;gap:26px}
 html body.main .article{padding:24px 20px}
}
@media (max-width:600px){
 html body.main .main-container,html body.main .main-header .container{padding:0 16px}
 html body.main .kats-midashi{font-size:32px}
 html body.main .kats-honbun{padding:24px 20px}
 html body.main #header #logo a{font-size:24px}
}
html body.main aside.sidebar,html body.main .related-posts,html body.main .addon-content,html body.main .pagination,html body.main article.latestPost{background:var(--kats-pinta)!important;border:0;box-shadow:none;border-radius:4px;color:var(--kats-teksti)}
html body.main aside.sidebar{padding:0}
html body.main .related-posts{padding:14px}
html body.main .related-posts a,html body.main .addon-content a{color:var(--kats-linkki)}
html body.main article.latestPost .title,html body.main article.latestPost .title a,html body.main article.latestPost h2 a{color:var(--kats-teksti)!important}
html body.main article.latestPost,html body.main article.latestPost p,html body.main article.latestPost .post-content{color:var(--kats-himmea)!important}
html body.main article.latestPost a:hover .title,html body.main article.latestPost .title a:hover{color:var(--kats-syaan)!important}
html body.main thead,html body.main th{background:var(--kats-bg);color:var(--kats-teksti)}
html body.main td{border-color:var(--kats-raja);color:var(--kats-teksti)}
html body.main .page-title,html body.main h1.postsby,html body.main .archive-title{color:var(--kats-teksti)}
html body.main article.latestPost .post-content,html body.main article.latestPost header,html body.main article.latestPost>div{border-color:var(--kats-raja)!important}