:root{--color-primary: #3D6B5C;--color-primary-hover: #2E5548;--color-primary-tint: #E9F0EC;--color-accent: #C0704B;--color-accent-hover: #A85E3D;--color-bg: #FAF9F5;--color-bg-hero: #F2F0E8;--color-surface: #FFFFFF;--color-surface-alt: #F7F5EF;--color-text: #2B2B27;--color-text-muted: #5C574C;--color-text-faint: #9B9587;--color-border: #EAE6DC;--color-border-strong: #DDD8CC;--color-footer-bg: #31473F;--color-footer-text: #DCE5E0;--color-footer-muted: #B9C7C0;--color-footer-divider: #46594F;--font-jp: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--maxw-hub: 1080px;--maxw-article: 760px;--gutter: 20px;--card-gap: 28px;--r-pill: 999px;--r-card: 14px;--r-md: 10px;--r-sm: 4px;--shadow-card-hover: 0 6px 20px rgba(61, 107, 92, .1);--shadow-float-cta: 0 -4px 16px rgba(43, 43, 39, .08);--shadow-cta: 0 3px 10px rgba(192, 112, 75, .3);--pk-bg: var(--color-bg);--pk-surface: var(--color-surface);--pk-surface-2: var(--color-surface-alt);--pk-surface-soft: var(--color-surface-alt);--pk-ink: var(--color-text);--pk-ink-2: var(--color-text-muted);--pk-ink-3: var(--color-text-faint);--pk-ink-sub: var(--color-text-muted);--pk-line: var(--color-border);--pk-line-2: var(--color-border-strong);--pk-brand: var(--color-primary);--pk-brand-ink: var(--color-primary-hover);--pk-purple-50: var(--color-primary-tint);--pk-purple-100: var(--color-primary-tint);--pk-purple-200: var(--color-border-strong);--pk-purple-300: var(--color-border-strong);--pk-purple-400: var(--color-primary);--pk-purple-500: var(--color-primary);--pk-purple-600: var(--color-primary-hover);--pk-purple-700: var(--color-primary-hover);--pk-purple-800: var(--color-primary-hover);--pk-purple-ink: var(--color-footer-bg);--pk-font: var(--font-jp);--pk-font-jp: var(--font-jp);--pk-fs-xs: 12px;--pk-fs-sm: 14px;--pk-fs-body: 15.5px;--pk-r-sm: 8px;--pk-r-md: var(--r-md);--pk-r-lg: var(--r-card);--pk-r-xl: 20px;--pk-r-pill: var(--r-pill);--pk-shadow-sm: 0 1px 2px rgba(43, 43, 39, .05);--pk-shadow: var(--shadow-card-hover);--pk-shadow-md: 0 4px 14px rgba(61, 107, 92, .1);--pk-shadow-lg: 0 12px 30px rgba(61, 107, 92, .14);--pk-sp-1: 4px;--pk-sp-2: 8px;--pk-sp-3: 12px;--pk-sp-4: 16px;--pk-sp-5: 20px;--pk-sp-6: 24px;--pk-sp-8: 32px;--pk-sp-10: 40px;--pk-sp-12: 48px;--pk-sp-16: 64px;--pk-maxw: var(--maxw-article);--pk-gutter: var(--gutter)}html{background:var(--color-bg)}body{margin:0;font-family:var(--font-jp);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,p{text-wrap:pretty}img{max-width:100%}a{color:inherit}.pk-wrap{width:100%;max-width:var(--maxw-hub);margin-inline:auto;padding-inline:var(--gutter)}.pk-article-wrap{width:100%;max-width:var(--maxw-article);margin-inline:auto;padding-inline:var(--gutter);padding-bottom:var(--pk-sp-16)}.pk-header{position:sticky;top:0;z-index:40;background:#faf9f5f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #E8E4DB}.pk-header__in{display:flex;align-items:center;gap:20px;height:64px;flex-wrap:wrap}.pk-logo{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:22px;letter-spacing:.06em;color:var(--color-text);text-decoration:none}.pk-logo__dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);flex:none}.pk-logo__site{font-size:11px;font-weight:400;letter-spacing:.02em;color:#8b867a;margin-left:2px}.pk-nav{margin-left:auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.pk-nav a{font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none;transition:color .15s ease}.pk-nav a:hover,.pk-nav a[aria-current=page]{color:var(--color-primary)}.pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--r-pill);font-family:inherit;font-size:15px;font-weight:700;min-height:48px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.pk-btn--primary{background:var(--color-primary);color:#fff}.pk-btn--primary:hover{background:var(--color-primary-hover)}.pk-btn--ghost{background:transparent;color:var(--color-text);border-color:#c9c3b4}.pk-btn--ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.pk-hero{background:linear-gradient(180deg,var(--color-bg-hero) 0%,var(--color-bg) 100%);border-bottom:1px solid #EDEAE1;padding-block:72px 64px;text-align:center}.pk-hero__in{max-width:760px;margin-inline:auto}.pk-hero__kicker{font-size:13px;font-weight:500;letter-spacing:.2em;color:var(--color-primary);margin:0 0 18px}.pk-hero__title{font-size:clamp(26px,4.5vw,40px);font-weight:700;line-height:1.5;letter-spacing:.02em;color:var(--color-text);margin:0 0 20px}.pk-hero__lead{max-width:560px;margin:0 auto 28px;font-size:15px;line-height:1.9;color:var(--color-text-muted)}.pk-hero__cta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.pk-section{padding-block:56px 72px}.pk-sec-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:28px}.pk-sec-ey{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--color-primary);text-transform:uppercase}.pk-sec-title{font-size:22px;font-weight:700;color:var(--color-text);margin:0}.pk-seeall{margin-left:auto;font-size:14px;font-weight:700;color:var(--color-primary);text-decoration:none}.pk-seeall:hover{color:var(--color-primary-hover)}.pk-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.pk-chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--r-pill);font-size:12px;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:border-color .15s ease,color .15s ease}.pk-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--card-gap)}.pk-ph{position:relative;display:block;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--color-surface-alt) 0 10px,#EFEAE1 10px 20px)}.pk-acard{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .15s ease}.pk-acard:hover{box-shadow:var(--shadow-card-hover)}.pk-acard__img{aspect-ratio:16 / 9;overflow:hidden}.pk-acard__img img{width:100%;height:100%;object-fit:cover;display:block}.pk-acard__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.pk-acard__cat{align-self:flex-start;background:var(--color-primary-tint);color:var(--color-primary);font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--r-sm)}.pk-acard__title{font-size:15.5px;font-weight:700;line-height:1.65;color:var(--color-text);margin:0}.pk-acard__excerpt{font-size:13px;line-height:1.8;color:#6e6959;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pk-acard__date{font-size:12px;color:var(--color-text-faint);margin-top:auto;padding-top:4px}.pk-hub-hero{padding:40px 0 32px;border-bottom:1px solid var(--color-border);margin-bottom:40px}.pk-hub-h1{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.5;color:var(--color-text);margin:0 0 8px}.pk-hub-lead{font-size:15px;color:var(--color-text-muted);line-height:1.8;margin:0}.pk-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0}.pk-pagination a,.pk-pagination span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-sm);font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--color-border);color:var(--color-text-muted);transition:all .15s ease}.pk-pagination a:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.pk-pagination .is-current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pk-breadcrumb{font-size:12px;color:var(--color-text-faint);margin:24px 0 16px;display:flex;gap:6px;flex-wrap:wrap}.pk-breadcrumb a{color:var(--color-text-faint);text-decoration:none}.pk-breadcrumb a:hover{color:var(--color-primary)}.pk-breadcrumb span[aria-current]{color:var(--color-text-muted)}.pk-category-label{display:inline-block;background:var(--color-primary-tint);color:var(--color-primary);font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--r-sm);margin-bottom:12px}.pk-article__title{font-size:clamp(23px,4vw,30px);font-weight:700;line-height:1.6;color:var(--color-text);margin:0 0 12px;text-wrap:pretty}.pk-article__date{font-size:12px;color:var(--color-text-faint);margin:0 0 20px}.pk-eyecatch{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:12px;margin:0 0 28px;background:var(--color-surface-alt)}.post-body{font-size:15.5px;line-height:2;color:var(--color-text)}.post-body>*:first-child{margin-top:0}.post-body p{margin:0 0 1.6em}.post-body h2{background:var(--color-primary-tint);padding:.55em .9em;border-radius:8px;font-size:21px;font-weight:700;line-height:1.6;color:var(--color-text);margin:2.6em 0 1em}.post-body h2:first-child{margin-top:0}.post-body h3{border-bottom:2px solid var(--color-primary);display:inline-block;padding-bottom:.2em;font-size:18px;font-weight:700;line-height:1.6;color:var(--color-text);margin:2.2em 0 .8em}.post-body ul,.post-body ol{padding-left:1.4em;margin:0 0 1.6em}.post-body li{margin:.35em 0}.post-body img{max-width:100%;height:auto;border-radius:10px;display:block;margin:1.6em auto}.post-body>p:first-child:has(>img:only-child){margin:0 0 1.6em}.post-body>p:first-child>img:only-child,.post-body>img:first-child{aspect-ratio:16 / 9;width:100%;object-fit:cover;border-radius:12px;margin:0 0 1.6em}.post-body blockquote{border-left:3px solid #C9C3B4;background:#f4f2ea;color:var(--color-text-muted);margin:0 0 1.6em;padding:.9em 1.2em;border-radius:0 8px 8px 0}.post-body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:0 0 1.6em;font-size:14px;line-height:1.7;-webkit-overflow-scrolling:touch}.post-body th{background:var(--color-primary);color:#fff;white-space:nowrap;text-align:left;padding:10px 14px}.post-body td{min-width:8em;padding:10px 14px;border-bottom:1px solid var(--color-border)}.post-body tbody tr:nth-child(2n) td{background:var(--color-surface-alt)}.post-body a{text-decoration:underline;color:var(--color-primary)}.post-body a:hover{color:var(--color-primary-hover)}.post-body .cta-button,.cta-button{display:block;width:100%;max-width:420px;margin:1.6em auto 0;padding:16px 22px;background:var(--color-accent);color:#fff;font-size:16px;font-weight:700;text-align:center;text-decoration:none;border-radius:var(--r-pill);box-shadow:var(--shadow-cta);transition:background-color .15s ease}.post-body .cta-button:hover,.cta-button:hover{background:var(--color-accent-hover)}.post-body .cta-note,.cta-note{display:block;text-align:center;font-size:12px;color:var(--color-text-faint);margin:.6em 0 1.6em}.pk-article{font-size:15.5px;line-height:1.9;color:var(--color-text)}.pk-article h1{font-size:clamp(23px,4vw,30px);font-weight:700;line-height:1.5;margin:24px 0 20px}.pk-article h2{font-size:20px;font-weight:700;margin:2em 0 .8em;color:var(--color-text)}.pk-article h3{font-size:16px;font-weight:700;margin:1.6em 0 .6em;color:var(--color-text)}.pk-article p{margin:0 0 1.4em}.pk-article ul{padding-left:1.4em;margin:0 0 1.4em}.pk-article li{margin:.35em 0}.pk-article a{color:var(--color-primary);text-decoration:underline}.pk-article a:hover{color:var(--color-primary-hover)}.pk-article table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:14px}.pk-article small{color:var(--color-text-faint)}.pk-footer{background:var(--color-footer-bg);color:var(--color-footer-text);margin-top:0}.pk-footer__in{display:flex;gap:48px;flex-wrap:wrap;padding-block:48px 32px}.pk-footer .pk-logo{color:#fff}.pk-footer .pk-logo__site{color:var(--color-footer-muted)}.pk-footer__brand{max-width:420px}.pk-footer__tag{font-size:13px;line-height:1.9;color:var(--color-footer-muted);margin:12px 0 0}.pk-footer__nav{margin-left:auto;display:flex;flex-direction:column;gap:10px}.pk-footer__nav a{color:var(--color-footer-text);font-size:14px;text-decoration:none;opacity:.9}.pk-footer__nav a:hover{opacity:1;text-decoration:underline}.pk-footer__base{border-top:1px solid var(--color-footer-divider);padding-block:18px}.pk-footer__base small{font-size:12px;color:#93a69c}.pk-float-cta{display:none}@media(max-width:600px){:root{--pk-float-cta-h: 58px}body.has-float-cta{padding-bottom:var(--pk-float-cta-h)}html:has(body.has-float-cta){scroll-padding-bottom:var(--pk-float-cta-h)}.pk-float-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;background:#fffffff7;border-top:1px solid #E8E4DB;box-shadow:var(--shadow-float-cta);transform:translateY(110%);transition:transform .2s ease}.pk-float-cta.is-visible{transform:translateY(0)}.pk-float-cta__in,.pk-float-cta{width:100%;max-width:var(--maxw-article);padding:8px 12px;gap:10px;align-items:center}.pk-float-cta .pk-cta{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;height:44px;padding:0 18px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:700;text-decoration:none;border-radius:var(--r-pill);box-shadow:none}.pk-float-cta .pk-cta:hover{background:var(--color-accent-hover)}.pk-float-cta .pk-cta:after{content:none}.pk-float-cta__label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pk-float-cta__close{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-muted);font-size:16px;line-height:1;cursor:pointer;padding:0}}@media(prefers-reduced-motion:reduce){.pk-float-cta{transition:none}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}@media(max-width:640px){.pk-wrap,.pk-article-wrap{padding-inline:var(--gutter)}.pk-footer__in{flex-direction:column;gap:24px}.pk-footer__nav{margin-left:0}}
