.cathub-page{--cathub-max:1100px;--cathub-purple:#4d54af;--cathub-pink:var(--site-danger,#ff4d79);--cathub-muted:var(--site-text-muted,#64748b);background:var(--site-surface-muted,#f1f5f9);color:var(--site-text,#1e293b);font-family:Noto Sans JP,system-ui,sans-serif}.cathub-hero{background:linear-gradient(135deg, #3730a3 0%, var(--cathub-purple) 45%, var(--cathub-pink) 100%);color:#fff;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,3vw,1.5rem)}.cathub-hero__inner{max-width:var(--cathub-max);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin:0 auto;display:grid}@media (width>=768px){.cathub-hero__inner{grid-template-columns:1fr min(38%,360px)}}.cathub-hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#c7d2fe;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.cathub-hero h1{margin:0;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:900;line-height:1.2}.cathub-hero__lead{color:#e0e7ff;margin:.85rem 0 0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.75}.cathub-hero__badges{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.cathub-hero__badges li{background:var(--site-surface,#ffffff26);backdrop-filter:blur(4px);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.cathub-hero__links{flex-wrap:wrap;gap:.75rem 1.25rem;margin:1.15rem 0 0;font-size:.9rem;font-weight:600;display:flex}.cathub-hero__links a{color:#e0e7ff;text-underline-offset:3px;text-decoration:underline}.cathub-hero__links a:hover{color:#fff}.cathub-hero__visual{aspect-ratio:1;margin:0;background:var(--site-surface,#ffffff1f);border:1px solid var(--site-border,#ffffff38);border-radius:24px;place-items:center;max-width:280px;margin-inline:auto;display:grid;box-shadow:0 20px 50px #0f172a47}.cathub-hero__visual svg{opacity:.95;width:min(56%,140px);height:auto}.cathub-trust{background:var(--site-surface,#fff);border-bottom:1px solid var(--site-border,#e2e8f0);padding:clamp(1.1rem,2.5vw,1.5rem) clamp(1rem,3vw,1.5rem)}.cathub-trust__inner{max-width:var(--cathub-max);margin:0 auto}.cathub-trust__heading{color:var(--site-text,#0f172a);margin:0 0 .85rem;font-size:clamp(1rem,2vw,1.15rem);font-weight:800}.cathub-trust__grid{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.cathub-trust__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.cathub-trust__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cathub-trust__item{background:var(--site-surface-muted,#f8fafc);border:1px solid var(--site-border,#e2e8f0);border-radius:10px;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;display:flex}.cathub-trust__icon{width:1.35rem;height:1.35rem;color:var(--site-link,var(--cathub-purple));flex-shrink:0}.cathub-trust__icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:100%;height:100%;display:block}.cathub-trust__title{color:var(--site-text,#0f172a);margin:0;font-size:.9rem;font-weight:800}.cathub-trust__desc{color:var(--site-text-muted,var(--cathub-muted));margin:.2rem 0 0;font-size:.8rem;line-height:1.5}.cathub-trust__note{color:var(--site-text-muted,var(--cathub-muted));margin:.85rem 0 0;font-size:.8rem;line-height:1.5}.cathub-body{max-width:var(--cathub-max);margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,1.5rem) clamp(2.5rem,5vw,4rem)}.cathub-section__head{margin:0 0 1.15rem}.cathub-section__head h2{color:var(--site-text,#0f172a);margin:0;font-size:clamp(1.2rem,2.4vw,1.5rem);font-weight:800}.cathub-section__head p{color:var(--site-text-muted,var(--cathub-muted));margin:.4rem 0 0;font-size:.95rem;line-height:1.6}.cathub-grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.cathub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.cathub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cathub-grid>li{display:flex}.cathub-card{background:var(--site-surface,#fff);border:1px solid var(--site-border,#e2e8f0);border-radius:14px;flex-direction:column;flex:1;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0f172a0f}.cathub-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}.cathub-card__thumb{aspect-ratio:16/9;background:var(--site-surface-muted,#f8fafc);border-bottom:1px solid var(--site-border,#e2e8f0);overflow:hidden}.cathub-card__thumb img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.cathub-card__body{flex-direction:column;flex:1;padding:1rem 1.1rem 1.15rem;display:flex}.cathub-card__title{color:var(--site-text,#0f172a);margin:0 0 .5rem;font-size:1.05rem;font-weight:800;line-height:1.4}.cathub-card__title a{color:inherit;text-decoration:none}.cathub-card__title a:hover{color:var(--site-link,var(--cathub-purple));text-underline-offset:2px;text-decoration:underline}.cathub-card__summary{color:var(--site-text-muted,#475569);flex:1;margin:0;font-size:.88rem;line-height:1.65}.cathub-card__cta{background:var(--cathub-purple);border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:.55rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex;color:#fff!important}.cathub-card__cta:hover{background:#3b4090}.cathub-card__cta:after{content:"→";margin-left:.35rem}.cathub-faq{background:var(--site-surface,#fff);border:1px solid var(--site-border,#e2e8f0);border-radius:16px;margin-top:2rem;padding:clamp(1.25rem,3vw,1.75rem)}.cathub-faq h2{color:var(--site-text,#1e293b);margin:0 0 1rem;font-size:1.25rem;font-weight:800}.cathub-faq__item+.cathub-faq__item{border-top:1px solid var(--site-border,#e2e8f0);margin-top:.5rem;padding-top:.5rem}.cathub-faq__item summary{cursor:pointer;color:var(--site-text,#0f172a);padding:.55rem 0;font-weight:700;list-style:none}.cathub-faq__item summary::-webkit-details-marker{display:none}.cathub-faq__item summary:before{content:"›";color:var(--site-link,var(--cathub-purple));margin-right:.4rem;transition:transform .15s;display:inline-block}.cathub-faq__item[open] summary:before{transform:rotate(90deg)}.cathub-faq__item summary:focus-visible{outline:2px solid var(--site-link,var(--cathub-purple));outline-offset:2px}.cathub-faq__body{color:var(--site-text-muted,#475569);margin:0 0 .75rem;padding-left:1rem;font-size:.92rem;line-height:1.75}.cathub-faq__body a{color:var(--site-link,var(--cathub-purple));text-underline-offset:2px;font-weight:600;text-decoration:underline}.cathub-faq__body a:hover{color:var(--site-link,#3b4090)}.cathub-faq__body strong{color:var(--site-text,#0f172a)}.cathub-others{background:var(--site-surface,#fff);border:1px solid var(--site-border,#e2e8f0);border-radius:16px;margin-top:2rem;padding:clamp(1.25rem,3vw,2rem)}.cathub-others h2{color:var(--site-text,#1e293b);margin:0 0 1rem;font-size:1.25rem;font-weight:800}.cathub-others__grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.cathub-others__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.cathub-others__link{border:1px solid var(--site-border,#e2e8f0);background:var(--site-surface-muted,#f8fafc);color:var(--site-link,var(--cathub-purple));border-radius:10px;padding:.85rem 1rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:block}.cathub-others__link:hover{background:var(--site-surface-hover,#eef2ff);border-color:var(--cathub-purple)}.cathub-others__link span{color:var(--site-text-muted,var(--cathub-muted));margin-top:.35rem;font-size:.8rem;font-weight:400;line-height:1.5;display:block}.cathub-footer-nav{text-align:center;margin-top:1.5rem;font-size:.95rem}.cathub-footer-nav a{color:var(--site-link,var(--cathub-purple));text-underline-offset:3px;font-weight:700;text-decoration:underline}