@charset "UTF-8";
/* ジョーじるし共通カテゴリー記事一覧 */
.jj-category-page{--jj-blue:#0878ed;--jj-navy:#123d70;--jj-text:#254665;--jj-muted:#71859b;--jj-line:#e5eef8;--jj-soft:#f4f9ff;color:var(--jj-text);background:#fff;padding-bottom:56px}
.jj-category-page *{box-sizing:border-box}
.jj-category-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#f4fbff 0%,#e7f5ff 48%,#d7edff 100%);border-bottom:1px solid #e5f2ff;min-height:300px}
.jj-category-hero:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:5%;top:-290px;border:1px solid rgba(52,145,238,.14);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.16),0 0 0 85px rgba(255,255,255,.13)}
.jj-category-hero__inner{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:25px 0 38px}
.jj-category-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#6e8ba8;margin-bottom:28px}.jj-category-breadcrumb a{color:#2677c8;text-decoration:none}.jj-category-breadcrumb a:hover{text-decoration:underline}
.jj-category-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--jj-blue);margin:0 0 12px;text-transform:uppercase}
.jj-category-hero h1{color:var(--jj-navy);font-size:clamp(30px,4vw,44px);line-height:1.35;letter-spacing:.015em;font-weight:800;margin:0;max-width:760px}.jj-category-hero h1 span{font-size:.64em;margin-left:.2em;white-space:nowrap}
.jj-category-intro{font-size:15px;line-height:1.95;color:#456987;max-width:650px;margin:17px 0 20px;white-space:pre-line}
.jj-category-meta{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;background:rgba(255,255,255,.75);border:1px solid rgba(105,171,235,.22);border-radius:999px;color:#5b7b99;font-size:12px}.jj-category-meta strong{font-size:14px;color:var(--jj-blue)}.jj-category-meta__icon{color:var(--jj-blue);font-size:16px}
.jj-category-hero__art{position:absolute;z-index:0;right:0;top:0;width:56%;height:100%;pointer-events:none;opacity:.94;background-image:linear-gradient(90deg,#eaf7ff 0%,rgba(234,247,255,.22) 24%,rgba(234,247,255,0) 48%),url("../images/jojirushi-category-software.jpg");background-size:auto 100%;background-position:right center;background-repeat:no-repeat}.jj-category-hero__art span{display:none}
.jj-category-content{width:min(1120px,calc(100% - 48px));margin:0 auto;padding-top:39px}.jj-category-content__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.jj-category-section-label{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--jj-blue);margin:0 0 5px}.jj-category-content__heading h2{font-size:26px;line-height:1.4;color:var(--jj-navy);font-weight:800;margin:0}.jj-category-content__heading p:last-child{font-size:13px;color:var(--jj-muted);margin:5px 0 0}.jj-category-back{flex-shrink:0;color:var(--jj-blue);font-size:12px;font-weight:700;text-decoration:none;border:1px solid #cfe5ff;border-radius:999px;padding:11px 15px;background:#fff;transition:background .2s,transform .2s}.jj-category-back:hover{background:#f1f8ff;transform:translateY(-1px)}
.jj-category-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.jj-category-article-card{min-width:0;overflow:hidden;border:1px solid var(--jj-line);border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(28,81,128,.055);transition:transform .22s,box-shadow .22s,border-color .22s}.jj-category-article-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(28,81,128,.12);border-color:#c8e2ff}.jj-category-article-card__image{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,#eaf6ff,#d9edff);text-decoration:none}.jj-category-article-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.jj-category-article-card:hover .jj-category-article-card__image img{transform:scale(1.035)}.jj-category-image-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--jj-blue);box-shadow:0 3px 12px rgba(22,82,140,.12);font-size:17px}.jj-category-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.95),transparent 34%),linear-gradient(135deg,#e5f4ff,#c8e5ff)}.jj-category-placeholder__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#fff;color:var(--jj-blue);font-size:26px;font-weight:800;box-shadow:0 8px 25px rgba(25,107,190,.12)}.jj-category-placeholder__caption{font-size:9px;letter-spacing:.17em;color:#5b8dbd;font-weight:800}
.jj-category-article-card__body{padding:17px 18px 19px}.jj-category-article-card__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#8498ad;margin-bottom:9px}.jj-category-article-card__meta span{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1677d8;background:#eef7ff;padding:4px 8px;border-radius:999px}.jj-category-article-card h3{font-size:16px;line-height:1.65;margin:0 0 8px;color:var(--jj-navy);font-weight:750}.jj-category-article-card h3 a{color:inherit;text-decoration:none}.jj-category-article-card h3 a:hover{color:var(--jj-blue)}.jj-category-article-card__body>p{font-size:12px;line-height:1.85;color:#6f8499;margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:66px}.jj-category-read-more{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #edf2f7;color:var(--jj-blue);font-size:12px;font-weight:750;text-decoration:none}.jj-category-read-more span{font-size:16px;transition:transform .2s}.jj-category-read-more:hover span{transform:translateX(3px)}
.jj-category-pagination{display:flex;justify-content:center;margin:34px 0 0}.jj-category-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.jj-category-pagination li{margin:0}.jj-category-pagination a,.jj-category-pagination span{display:grid;place-items:center;min-width:38px;min-height:38px;padding:0 12px;border:1px solid #dceafa;border-radius:10px;color:#3577b7;background:#fff;text-decoration:none;font-size:12px}.jj-category-pagination .current{background:var(--jj-blue);border-color:var(--jj-blue);color:#fff}.jj-category-empty{text-align:center;padding:55px 20px;border:1px dashed #cfe3f8;border-radius:16px;background:#f8fbff}.jj-category-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:16px;background:#e5f3ff;color:var(--jj-blue);font-size:24px}.jj-category-empty h2{margin:0 0 8px;color:var(--jj-navy);font-size:21px}.jj-category-empty p{margin:0 0 17px;color:var(--jj-muted);font-size:13px}.jj-category-empty a{color:var(--jj-blue);font-size:13px;font-weight:700;text-decoration:none}
@media(max-width:900px){.jj-category-hero__art{width:54%;right:0;opacity:.48}.jj-category-hero__inner,.jj-category-content{width:calc(100% - 36px)}.jj-category-article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:600px){.jj-category-hero{min-height:0}.jj-category-hero__inner{width:calc(100% - 36px);padding:18px 0 28px}.jj-category-breadcrumb{margin-bottom:23px}.jj-category-hero__art{width:58%;height:100%;right:0;top:0;opacity:.22;background-position:58% center}.jj-category-art__orb{width:120px;height:120px}.jj-category-art__tile--one{width:54px;height:54px;left:0;top:40px;border-radius:15px;font-size:21px}.jj-category-art__tile--two{width:40px;height:40px;right:2px;bottom:0;border-radius:13px}.jj-category-hero h1{font-size:30px;max-width:100%;position:relative}.jj-category-hero h1 span{display:block;font-size:.58em;margin:4px 0 0}.jj-category-intro{font-size:13px;line-height:1.85;max-width:100%;padding-right:15px}.jj-category-content{width:calc(100% - 30px);padding-top:29px}.jj-category-content__heading{align-items:flex-start;flex-direction:column;gap:13px}.jj-category-content__heading h2{font-size:23px}.jj-category-back{align-self:flex-start}.jj-category-article-grid{grid-template-columns:1fr;gap:14px}.jj-category-article-card{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch}.jj-category-article-card__image{height:100%;min-height:170px;aspect-ratio:auto}.jj-category-article-card__body{padding:12px 12px 13px}.jj-category-article-card__meta{display:block;margin-bottom:6px;font-size:9px}.jj-category-article-card__meta span{display:inline-block;margin-left:5px;max-width:100%}.jj-category-article-card h3{font-size:13px;line-height:1.55;margin-bottom:5px}.jj-category-article-card__body>p{font-size:11px;line-height:1.65;min-height:0;margin-bottom:9px;-webkit-line-clamp:2}.jj-category-read-more{padding-top:8px;font-size:11px}.jj-category-placeholder__mark{width:44px;height:44px;border-radius:14px;font-size:21px}.jj-category-placeholder__caption{font-size:7px;letter-spacing:.1em}.jj-category-image-arrow{width:25px;height:25px;right:7px;bottom:7px;font-size:14px}.jj-category-pagination{margin-top:24px}}