:root{--color-primary:#0b86d1;--color-primary-dark:#0a6fb3;--color-primary-light:#10a8eb;--color-accent-green:#2fd786;--color-accent-orange:#eb8610;--color-accent-purple:#825ad8;--color-error:#f44336;--color-text:#212121;--color-text-heading:#141e2b;--color-text-sub:#3a4351;--color-text-muted:#616161;--color-bg:#fff;--color-bg-light:#f9f9f9;--color-bg-blue-tint:#f3fbfe;--color-bg-dark:#1a2e45;--color-border:#e0e0e0;--color-shadow:#0000001a;--font-family:"Noto Sans JP", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--text-3xl:1.375rem;--text-4xl:1.5rem;--text-5xl:1.75rem;--text-6xl:2rem;--text-7xl:2.5rem;--text-8xl:3rem;--weight-light:300;--weight-regular:400;--weight-bold:700;--weight-black:900;--leading-tight:1.4;--leading-normal:1.5;--leading-relaxed:1.8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-sm:600px;--container-md:900px;--container-default:1000px;--container-lg:1200px;--container-xl:1280px;--radius-sm:3px;--radius-md:4px;--radius-lg:8px;--radius-full:50px;--radius-circle:50%;--transition-fast:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);color:var(--color-text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit}ul,ol{list-style:none}.sp{display:none}@media (width<=799px){.pc{display:none!important}.sp{display:inline!important}}.blog-detail{max-width:var(--container-default);padding:var(--space-16) var(--space-6);margin:0 auto}.blog-detail__hero{border-radius:var(--radius-lg);width:100%;height:auto;margin-bottom:var(--space-8)}.blog-detail__title{font-size:var(--text-5xl);font-weight:var(--weight-black);color:var(--color-text-heading);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.blog-detail__date{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-12)}.blog-detail__body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-sub)}.blog-detail__body h2{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text-heading);margin:var(--space-12) 0 var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary)}.blog-detail__body h3{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-heading);margin:var(--space-10) 0 var(--space-4)}.blog-detail__body h4{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-heading);margin:var(--space-8) 0 var(--space-4)}.blog-detail__body p{margin:0 0 var(--space-6)}.blog-detail__body ul,.blog-detail__body ol{margin:0 0 var(--space-6);padding-left:var(--space-8)}.blog-detail__body ul{list-style:outside}.blog-detail__body ol{list-style:decimal}.blog-detail__body li{margin-bottom:var(--space-2)}.blog-detail__body a{color:var(--color-primary);text-decoration:underline}.blog-detail__body a:hover{color:var(--color-primary-dark)}.blog-detail__body img{border-radius:var(--radius-lg);margin:var(--space-6) 0}.blog-detail__body blockquote{border-left:4px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-bg-blue-tint);color:var(--color-text-sub)}.blog-detail__body table{border-collapse:collapse;width:100%;margin:var(--space-6) 0}.blog-detail__body th,.blog-detail__body td{border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.blog-detail__body th{background:var(--color-bg-light);font-weight:var(--weight-bold)}.blog-detail__body pre{color:#d4d4d4;padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0;font-size:var(--text-base);background:#1e1e1e;line-height:1.6;overflow-x:auto}.blog-detail__body code{background:var(--color-bg-light);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}.blog-detail__body pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.blog-list{max-width:var(--container-lg);padding:var(--space-16) var(--space-6);margin:0 auto}.blog-list__heading{font-size:var(--text-6xl);font-weight:var(--weight-black);color:var(--color-text-heading);text-align:center;margin-bottom:var(--space-12)}.blog-list__items{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.blog-list__item{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--color-shadow);transition:box-shadow var(--transition-fast);overflow:hidden}.blog-list__item:hover{box-shadow:0 4px 16px #00000026}.blog-list__link{color:inherit;text-decoration:none;display:block}.blog-list__thumb{object-fit:cover;width:100%;height:180px}.blog-list__meta{padding:var(--space-4)}.blog-list__title{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-2);line-height:var(--leading-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-list__date{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media (width<=799px){.blog-detail__title{font-size:var(--text-3xl)}.blog-list__items{grid-template-columns:1fr}}.header{z-index:100;background:var(--color-bg);box-shadow:0 1px 4px var(--color-shadow);position:sticky;top:0}.header__inner{max-width:var(--container-lg);padding:var(--space-4) var(--space-6);align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.header__logo{font-size:var(--text-xl);font-weight:var(--weight-black);color:var(--color-text-heading);flex-shrink:0;text-decoration:none}.header__logo img{width:auto;height:32px}.header__nav{gap:var(--space-6);align-items:center;margin-left:auto;display:flex}.header__nav a{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-sub);transition:color var(--transition-fast);text-decoration:none}.header__nav a:hover{color:var(--color-primary)}.header__cta{background:var(--color-accent-green);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-bold);white-space:nowrap;transition:opacity var(--transition-fast);text-decoration:none;display:inline-block}.header__cta:hover{opacity:.85}.header__logo-scroll{display:none}@media (width<=799px){.header__nav{display:none}.header__cta{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);margin-left:auto}}.footer{background:var(--color-bg-dark);color:#fff;padding:var(--space-16) var(--space-6) var(--space-8)}.footer__inner{max-width:var(--container-lg);text-align:center;margin:0 auto}.footer__links{justify-content:center;gap:var(--space-4) var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.footer__links a{font-size:var(--text-base);color:#fffc;transition:color var(--transition-fast);text-decoration:none}.footer__links a:hover{color:#fff}.footer__cta{margin-bottom:var(--space-8)}.footer__legal{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.footer__legal a{font-size:var(--text-sm);color:#fff9;transition:color var(--transition-fast);text-decoration:none}.footer__legal a:hover{color:#fff}.footer__copy{font-size:var(--text-xs);color:#ffffff80}.footer__brand{font-size:var(--text-2xl);font-weight:var(--weight-black);margin-bottom:var(--space-6)}.footer__brand-dot{color:var(--color-primary-light)}.header__logo-dot{color:var(--color-primary)}.btn{padding:var(--space-4) var(--space-10);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--weight-bold);text-align:center;transition:opacity var(--transition-fast);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{opacity:.85}.btn--primary{background:var(--color-accent-green);color:#fff}.legal{max-width:var(--container-default);padding:var(--space-16) var(--space-6);margin:0 auto}.legal__inner{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text-sub)}.legal__inner h1{font-size:var(--text-5xl);font-weight:var(--weight-black);color:var(--color-text-heading);margin-bottom:var(--space-12);line-height:var(--leading-tight)}.legal__inner h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-heading);margin:var(--space-10) 0 var(--space-4)}.legal__inner p{margin:0 0 var(--space-6)}.legal__inner ol{margin:0 0 var(--space-6);padding-left:var(--space-8);list-style:decimal}.legal__inner li{margin-bottom:var(--space-2)}.legal__table{border-collapse:collapse;width:100%;margin:var(--space-6) 0}.legal__table th,.legal__table td{border:1px solid var(--color-border);padding:var(--space-4) var(--space-6);text-align:left;vertical-align:top}.legal__table th{background:var(--color-bg-light);font-weight:var(--weight-bold);white-space:nowrap;width:200px}@media (width<=799px){.legal__inner h1{font-size:var(--text-3xl)}.legal__table th{white-space:normal;width:auto}}