.hp{--black:#0d0d0d;--blue:#1a4b8c;--blue-l:#e8f0fa;--blue-b:#a3bde0;--blue-br:#6a9fe4;--white:#fff;--g1:#444;--g2:#888;--g3:#bbb;--g4:#e8e8e8;--g5:#f5f5f5;font-family:var(--font-noto),"Noto Sans JP",sans-serif;background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;padding-top:72px;line-height:1.7;display:flex}.hp-main{flex:1}.hp .hd{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--g4);background:#fffffff7;justify-content:space-between;align-items:center;height:72px;padding:0 56px;display:flex;position:fixed;top:0;left:0;right:0}.hp .logo{align-items:center;gap:10px;text-decoration:none;display:flex}.hp .logo-img{object-fit:contain;flex-shrink:0;width:auto;height:36px}.hp .hd-nav{align-items:center;gap:28px;display:flex}.hp .hd-l{color:var(--g2);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.hp .hd-l:hover{color:var(--black)}.hp .hd-l.active{color:var(--g1)}.hp .hd-l.active:after{content:"";background:#6a9fe4;border-radius:1px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.hp .hd-btn{background:var(--blue);color:#fff;border-radius:100px;padding:10px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s}.hp .hd-btn:hover{opacity:.82}.hp .sec-eyebrow{letter-spacing:.18em;color:var(--blue);text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.hp .footer{background:var(--black);padding:56px 80px 28px}.hp .footer-top{grid-template-columns:220px 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.hp .ft-logo{align-items:center;gap:10px;margin-bottom:14px;text-decoration:none;display:flex}.hp .ft-tagline{color:#ffffff4d;max-width:180px;font-size:12px;line-height:1.8}.hp .ft-col h4{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700}.hp .ft-col a{color:#ffffff80;margin-bottom:10px;font-size:13px;text-decoration:none;transition:color .2s;display:block}.hp .ft-col a:hover{color:#fff}.hp .footer-bot{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.hp .ft-copy{color:#ffffff38;font-size:12px}.hp .ft-links{gap:20px;display:flex}.hp .ft-links a{color:#ffffff4d;font-size:12px;text-decoration:none}.hp .breadcrumb{background:var(--g5);border-bottom:1px solid var(--g4)}.hp .bc-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:10px 80px;display:flex}.hp .bc-item{color:var(--g2);font-size:12px;text-decoration:none;transition:color .2s}.hp .bc-item:hover{color:var(--blue)}.hp .bc-sep{color:var(--g3);font-size:12px}.hp .bc-current{color:var(--black);font-size:12px;font-weight:500}.hp .page-header{background:var(--blue-l);padding:72px 80px 64px}.hp .page-header-inner{max-width:1080px;margin:0 auto}.hp .page-header h1{letter-spacing:-2.5px;color:var(--black);margin-top:12px;font-size:48px;font-weight:900;line-height:1.3}.hp .page-header p{color:var(--g1);margin-top:16px;font-size:15px;line-height:1.8}.hp .cat-tabs-wrap{border-bottom:1px solid var(--g4);background:var(--white);z-index:100;position:sticky;top:72px}.hp .cat-tabs{scrollbar-width:none;gap:0;max-width:1080px;margin:0 auto;padding:0 80px;display:flex;overflow-x:auto}.hp .cat-tab{color:var(--g2);white-space:nowrap;border-bottom:2px solid #0000;padding:18px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s}.hp .cat-tab:hover{color:var(--black)}.hp .cat-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.hp .blog-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:40px;max-width:1400px;margin:0 auto;padding:56px 80px 96px;display:grid}.hp .blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.hp .blog-card{color:inherit;border:1px solid var(--g4);background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.hp .blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #00000017}.hp .blog-thumb{aspect-ratio:16/9;background:var(--g4);width:100%;position:relative;overflow:hidden}.hp .blog-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hp .blog-thumb-placeholder{background:linear-gradient(135deg,var(--blue-l),var(--g4));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hp .blog-thumb-placeholder span{letter-spacing:.1em;color:var(--g3);text-transform:uppercase;font-size:11px;font-weight:700}.hp .blog-thumb-cat{letter-spacing:.1em;color:#fff;background:#1a4b8c;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.hp .blog-body{flex-direction:column;flex:1;padding:24px;display:flex}.hp .blog-date{color:var(--g2);margin-bottom:10px;font-size:12px}.hp .blog-title{color:var(--black);flex:1;margin-bottom:12px;font-size:16px;font-weight:700;line-height:1.5}.hp .blog-excerpt{color:var(--g1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.hp .blog-footer{border-top:1px solid var(--g4);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.hp .blog-author{color:var(--g2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.hp .blog-read{color:var(--blue);flex-shrink:0;font-size:12px;font-weight:700}.hp .media-status{text-align:center;color:var(--g2);border:1px dashed var(--g4);border-radius:16px;padding:80px 24px}.hp .media-status p{margin-top:8px;font-size:15px}.hp .side-cta{position:sticky;top:88px}.hp .side-card{border:1px solid var(--g4);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #0d0d0d0f}.hp .side-head{background:var(--blue);color:#fff;padding:20px 22px}.hp .side-head h2{margin-bottom:6px;font-size:17px;font-weight:900;line-height:1.4}.hp .side-head p{color:#ffffffd1;font-size:12px;line-height:1.7}.hp .side-body{padding:18px 22px 22px}.hp .side-list{color:var(--g1);margin-bottom:16px;font-size:13px;line-height:1.8}.hp .side-list li{border-bottom:1px solid var(--g5);gap:8px;padding:6px 0;display:flex}.hp .side-list b{color:var(--blue);flex-shrink:0;font-weight:700}.hp .side-submit{background:var(--blue);color:#fff;text-align:center;border:none;border-radius:50px;width:100%;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s;display:block}.hp .side-submit:hover{opacity:.85}.hp .side-note{color:var(--g2);margin-top:10px;font-size:11px;line-height:1.6}.hp .article-layout{grid-template-columns:minmax(0,800px) 320px;justify-content:center;align-items:start;gap:40px;max-width:1180px;margin:0 auto;padding:48px 24px 80px;display:grid}.hp .article-wrap{min-width:0;max-width:800px}.hp .article-cat{letter-spacing:.08em;color:#1d4ed8;background:#dbeafe;border-radius:50px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.hp .article-title{color:var(--black);margin-bottom:16px;font-size:clamp(22px,4vw,32px);font-weight:900;line-height:1.4}.hp .article-meta{color:var(--g2);border-bottom:1px solid var(--g4);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:32px;padding-bottom:24px;font-size:13px;display:flex}.hp .article-eyecatch{object-fit:cover;border-radius:8px;width:100%;max-height:440px;margin-bottom:40px;display:block}.hp .article-content{color:#1a1a1a;font-size:16px;line-height:1.8}.hp .article-content h2{color:#fff;background-color:#1a4b8c;border-radius:2px;margin:40px 0 20px;padding:20px 24px;font-size:22px;font-weight:700}.hp .article-content h3{color:#1a1a1a;background-color:#e8f0fa;border-left:7px solid #1a4b8c;margin:32px 0 16px;padding:12px 20px;font-size:18px;font-weight:700}.hp .article-content p{margin-bottom:1.6em;font-size:16px;line-height:1.8}.hp .article-content table{border-collapse:collapse;width:100%;margin-bottom:1.6em;font-size:15px}.hp .article-content table th{color:#fff;text-align:left;background-color:#1a4b8c;border:1px solid #1a4b8c4d;width:30%;padding:12px 16px;font-weight:700}.hp .article-content table td{vertical-align:top;border:1px solid #e5e7eb;padding:12px 16px}.hp .article-content .point-box{background-color:#e8f0fa;border:1px solid #1a4b8c4d;border-left:5px solid #1a4b8c;border-radius:4px;margin:24px 0;padding:20px 24px}.hp .article-content .point-box p{color:#1a4b8c;margin-bottom:0;font-weight:700}.hp .article-content .cta-box{color:#fff;text-align:center;background-color:#1a4b8c;border-radius:8px;margin:40px 0;padding:32px}.hp .article-content .cta-box p{color:#fff;margin-bottom:16px;font-size:18px;font-weight:700}.hp .article-content .cta-box a{color:#1a4b8c;background:#fff;border-radius:50px;padding:14px 40px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.hp .article-content a{color:#1a4b8c;text-decoration:underline}.hp .article-content video{background:#0d0d0d;border-radius:8px;width:100%;margin-bottom:16px}.hp .hp-wrap{max-width:1080px;margin:0 auto;padding:56px 80px 96px}.hp .hp-box{border:1px solid var(--g4);background:#fff;border-radius:12px;padding:28px}.hp .hd-menu{cursor:pointer;z-index:201;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:6px;display:none}.hp .hd-menu span{background:#0d0d0d;border-radius:2px;width:22px;height:2px;display:block}.hp .drawer-overlay{z-index:299;background:#00000073;position:fixed;inset:0}.hp .drawer{z-index:300;background:#fff;flex-direction:column;width:min(320px,85vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 32px #00000026}.hp .drawer-top{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.hp .drawer-logo{object-fit:contain;width:auto;height:36px}.hp .drawer-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hp .drawer-nav{flex:1;padding:32px 24px;overflow-y:auto}.hp .drawer-nav a{color:#0d0d0d;letter-spacing:-.5px;border-bottom:1px solid #e8e8e8;padding:18px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}.hp .drawer-nav .drawer-btn{color:#fff;text-align:center;background:#1a4b8c;border-bottom:none;border-radius:100px;margin-top:32px;padding:16px 24px;font-size:16px}.hp .char-pop{z-index:150;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:24px;right:24px}.hp .char-inner{flex-direction:column;align-items:center;animation:3s ease-in-out infinite hp-char-bounce;display:flex}@keyframes hp-char-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hp .char-bubble{color:#0d0d0d;white-space:nowrap;background:#fff;border:2px solid #0d0d0d;border-radius:18px;margin-bottom:14px;padding:10px 16px;font-size:13px;font-weight:700;position:relative;box-shadow:0 4px 16px #00000026}.hp .char-bubble:after{content:"";border:7px solid #0000;border-top-color:#0d0d0d;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.hp .char-bubble:before{content:"";z-index:1;border:7px solid #0000;border-top-color:#fff;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hp .char-img{object-fit:contain;filter:drop-shadow(0 4px 12px #00000040);width:88px;height:88px}@media (max-width:1240px){.hp .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1023px){.hp .blog-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:1080px}.hp .article-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:800px}.hp .side-cta{margin-top:56px;position:static}}@media (max-width:900px){.hp .hd{padding:0 24px}.hp .hd-nav .hd-l,.hp .hd-nav .hd-btn{display:none}.hp .hd-menu{display:flex}.hp .footer{padding:40px 24px 24px}.hp .footer-top{grid-template-columns:1fr 1fr}.hp .page-header{padding:56px 24px 48px}.hp .page-header h1{font-size:36px}.hp .cat-tabs{padding:0 24px}.hp .blog-layout{padding:40px 24px 64px}.hp .bc-inner{padding:10px 24px}.hp .hp-wrap{padding:40px 24px 64px}}@media (max-width:600px){.hp .footer-top,.hp .blog-grid{grid-template-columns:1fr}.hp .char-pop{bottom:16px;right:16px}.hp .char-img{width:68px;height:68px}.hp .char-bubble{padding:8px 12px;font-size:12px}}