/* 2026-10-16 CatsトップへのSIM紹介 B案専用CSS。
 * 既存CSSとの衝突を避け、すべて cats-sim- 接頭辞の範囲に限定。
 * 新規HTMLの追加位置: site/index.html の </section>（主なサービス）の直後。
 */
.cats-sim-service-card h3{font-size:13px}
.cats-sim-service-card p{line-height:1.35}
.cats-sim-highlight{max-width:1064px; margin:20px auto 22px; padding:0}
.cats-sim-highlight__intro{
  border:1px solid #88bde5; border-radius:13px; overflow:hidden;
  background:linear-gradient(115deg,#073a71 0%,#052e5c 46%,#064d87 100%);
  color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.92fr);
  gap:24px;align-items:center;padding:26px 28px;box-shadow:0 10px 28px rgba(0,47,100,.10)
}
.cats-sim-highlight__content{min-width:0}
.cats-sim-highlight__eyebrow{font-size:12px;font-weight:800;letter-spacing:.06em;color:#8ee7ff;margin:0 0 9px}
.cats-sim-highlight__eyebrow span{margin-left:9px;border-left:1px solid #8ee7ff;padding-left:10px;letter-spacing:0;color:#d2ebff}
.cats-sim-highlight__content h2{font-size:23px;line-height:1.38;margin:0 0 10px;letter-spacing:.012em;color:#fff}
.cats-sim-highlight__lead{font-size:16px;line-height:1.65;margin:0 0 10px;font-weight:600;color:#fff}
.cats-sim-highlight__lead strong{color:#90e8ff;font-weight:800}
.cats-sim-highlight__description{font-size:12.5px;line-height:1.85;margin:0 0 14px;color:#e4f1ff}
.cats-sim-highlight__benefits{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:19px}
.cats-sim-highlight__benefits span{border:1px solid #539bda;background:rgba(16,124,196,.28);border-radius:999px;padding:5px 9px;font-size:10.6px;line-height:1.3;font-weight:700}
.cats-sim-highlight__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 15px;border-radius:7px;background:#fff;color:#06457b;font-weight:800;font-size:13px;min-height:44px}
.cats-sim-highlight__cta:hover{background:#e9f8ff}
.cats-sim-highlight__cta:focus-visible{outline:3px solid #82deff;outline-offset:3px}
.cats-sim-highlight__diagram{border:1px solid rgba(143,217,255,.44);border-radius:12px;background:rgba(0,19,48,.35);padding:14px;display:flex;flex-direction:column;align-items:stretch;min-width:0;color:#fff;text-align:center}
.cats-sim-flow__devices,.cats-sim-flow__network,.cats-sim-flow__firewall,.cats-sim-flow__target{border-radius:7px;padding:10px 7px;font-size:13px;line-height:1.4;font-weight:800}
.cats-sim-flow__devices{background:#eaf7ff;color:#083864}
.cats-sim-flow__network{background:#bde7fa;color:#073863}
.cats-sim-flow__firewall{background:#076aa0;border:1px solid #7ad7ff;color:#fff}
.cats-sim-highlight__diagram small{display:block;font-size:10px;line-height:1.45;font-weight:600;margin-top:3px}
.cats-sim-flow__arrow{color:#78dbff;font-size:21px;line-height:1.12;display:block;font-weight:800;text-align:center;padding:3px 0}
.cats-sim-flow__destinations{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cats-sim-flow__destination{min-width:0;display:flex;flex-direction:column;align-items:stretch}
.cats-sim-flow__target{border:1px solid #56a8d7;background:#124f7e;color:#fff;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-height:67px}
.cats-sim-flow__target--internet{border-style:dashed;background:#174767}
@media(max-width:1100px){.cats-sim-highlight{margin:20px 16px 22px}}
@media(max-width:850px){.cats-sim-highlight__intro{grid-template-columns:1fr;gap:22px;padding:23px}.cats-sim-highlight__content h2{font-size:25px}.cats-sim-highlight__diagram{max-width:620px;width:100%;margin:auto}}
@media(max-width:640px){.cats-sim-highlight{margin:19px 12px 20px}.cats-sim-highlight__intro{padding:18px 15px;gap:16px}.cats-sim-highlight__eyebrow span{display:block;border:0;margin:5px 0 0;padding:0}.cats-sim-highlight__content h2{font-size:22px}.cats-sim-highlight__lead{font-size:15px}.cats-sim-highlight__description{font-size:12.5px}.cats-sim-highlight__cta{display:flex;width:100%}.cats-sim-flow__devices,.cats-sim-flow__network,.cats-sim-flow__firewall,.cats-sim-flow__target{font-size:11.5px}.cats-sim-flow__destinations{gap:7px}.cats-sim-flow__target{padding:9px 3px;min-height:70px}.cats-sim-highlight__diagram small{font-size:9px}}
@media(max-width:360px){.cats-sim-highlight__intro{padding:14px 11px}.cats-sim-highlight__content h2{font-size:20px}.cats-sim-highlight__diagram{padding:9px}.cats-sim-flow__target{font-size:10.5px}}


/* 2026-10-16 Catsトップお知らせ欄：不正アクセス対策の注意喚起。
 * 既存 .news の91px固定高と3行用gridを、今回の1件だけ上書きする。
 * 既存の他セクションの外観には波及させない。
 */
.news.cats-news-active{height:auto;min-height:135px;align-items:stretch;border-bottom:1px solid #e0eaf4}
.news.cats-news-active .news-list{max-width:none;padding:13px 16px 15px 24px;min-width:0}
.news .news-list .news-item.cats-news-item{height:auto;min-height:0;display:block;border:0;font-size:inherit;font-weight:normal;line-height:1.5;color:#123353}
.cats-news-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 5px;font-size:11px}
.news-list .cats-news-item__meta time{font-weight:700;color:#395d80}
.cats-news-item__category{background:#e7f1fc;color:#0a599b;border:1px solid #c4dff3;border-radius:99px;padding:2px 9px;font-weight:700}
.cats-news-item h3{font-size:15px;font-weight:800;color:#064980;line-height:1.5;margin:0 0 5px}
.cats-news-item__text{font-size:12px;line-height:1.72;margin:0 0 7px;color:#234966;font-weight:500;overflow-wrap:anywhere}
.cats-news-item__links{display:flex;gap:9px 18px;align-items:center;flex-wrap:wrap}
.news-list .cats-news-item__links a{display:inline-flex;align-items:center;gap:3px;min-height:25px;height:auto;border:0;grid-template-columns:none;font-size:12px;font-weight:800;color:#0667ac;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.news-list .cats-news-item__links a:hover{color:#004076}
.news-list .cats-news-item__links a:focus-visible{outline:2px solid #1175c2;outline-offset:3px}
.news-list .cats-news-item__links .cats-news-item__source{color:#43627e;font-weight:600;font-size:11px}
@media(max-width:650px){
  .news.cats-news-active .news-list{padding:13px 16px 16px}
  .cats-news-item h3{font-size:14px}
  .cats-news-item__text{font-size:12px;line-height:1.7}
  .cats-news-item__links{align-items:flex-start;flex-direction:column;gap:3px}
}