.blog-listing__post-title{font-size:20px}body{color:#333;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.7;margin:0 auto;max-width:1200px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.4;margin-bottom:.5em;margin-top:2em}h1{font-size:2.5rem;margin-top:1em}h2{border-bottom:2px solid #e0e0e0;font-size:2rem;padding-bottom:.5em}h3{font-size:1.5rem}h4{font-size:1.25rem}p{line-height:1.8;margin-bottom:1.5em}.main-content{margin:0 auto;padding:2rem}.article-content,.blog-post-content,.post-content{font-size:16px;line-height:1.8;margin:0 auto;max-width:720px;padding:2rem}.blog-post{margin:0 auto;max-width:800px;padding:2rem}nav{background-color:#fff;padding:0 1rem;position:sticky;top:0;z-index:100}nav ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:1rem 0}nav li{margin:0 .5rem}nav a{border-radius:6px;color:#333;display:block;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}nav a:hover{background-color:rgba(48,63,159,.08);color:#303f9f}.card{background:#fff;border-left:4px solid #303f9f;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.card h3{color:#333;margin-top:0}.btn{background-color:#303f9f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:#1e2a6b}ol,ul{margin-bottom:1.5rem;padding-left:2rem}li{line-height:1.6;margin-bottom:.5rem}table{background:#fff;border-collapse:collapse;margin-bottom:2rem;width:100%}td,th{border-bottom:1px solid #e0e0e0;padding:.75rem;text-align:left}th{background-color:#f8f9fa;color:#333;font-weight:600}input,select,textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:16px;margin-bottom:1rem;padding:.75rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#303f9f;box-shadow:0 0 0 2px rgba(48,63,159,.25);outline:none}footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;margin-top:4rem;padding:3rem 2rem 2rem;text-align:center}@media (max-width:768px){body{font-size:14px;padding:0 1rem}.blog-post-section,.main-content{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}nav{padding:0 .5rem}nav ul{flex-direction:column;gap:.5rem;padding:1rem 0}nav li{margin:0;text-align:center;width:100%}nav a{box-sizing:border-box;padding:.75rem 1rem;width:100%}.card{padding:1.5rem}}:focus{outline:2px solid #303f9f;outline-offset:2px}.skip-link{background:#000;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}@media print{body{color:#000;font-size:12pt;line-height:1.5}.no-print{display:none}a[href]:after{content:" (" attr(href) ")"}}