/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 19 2026 | 12:53:58 */
.static-protection-foam-page {
  --navy:#002b45;
  --ink:#263238;
  --muted:#52616b;
  --line:#dce3e8;
  --soft:#f6f9fb;
  --blue:#006b9f;
  --cyan:#e8f5f8;
  --green:#0f766e;
  --orange:#f59e0b;
  --pink:#fce7f3;
  --blackfoam:#111827;
  color:var(--ink);
  font-family:"Noto Sans JP","Meiryo",sans-serif;
  line-height:1.85;
  max-width:1180px;
  margin:0 auto;
  padding:0 18px 40px;
}
.static-protection-foam-page * { box-sizing:border-box; }
.static-protection-foam-page section { margin:42px 0; }
.static-protection-foam-page p { margin:0 0 18px; }
.static-protection-foam-page a { color:var(--blue); }
.static-protection-foam-page .hero-section {
  margin:24px 0 36px;
  padding:32px;
  border:1px solid var(--line);
  border-left:7px solid var(--navy);
  border-radius:16px;
  background:linear-gradient(135deg,#f7fafc 0%,#ffffff 58%,#eef7fa 100%);
  box-shadow:0 8px 24px rgba(0,43,69,.10);
}
.static-protection-foam-page .eyebrow {
  display:inline-block;
  margin:0 0 14px;
  padding:6px 14px;
  border-radius:999px;
  background:#e8f5f8;
  color:#006b8f;
  font-size:14px;
  font-weight:700;
}
.static-protection-foam-page h1 { margin:0 0 18px; color:var(--navy); font-size:clamp(24px,3.2vw,36px); line-height:1.35; letter-spacing:.01em; }
.static-protection-foam-page .lead { max-width:980px; font-size:17px; line-height:1.95; }
.static-protection-foam-page .hero-badges { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0 0; }
.static-protection-foam-page .hero-badges span { display:inline-block; padding:8px 15px; border:1px solid #b8d4df; border-radius:999px; background:#fff; color:#005c7a; font-weight:700; font-size:14px; }
.static-protection-foam-page .h2-grayline-hover {
  margin:0 0 22px;
  padding:12px 18px;
  border-left:6px solid #5aa6bf;
  background:#f3f6f9;
  color:var(--navy);
  font-size:24px;
  font-weight:700;
  line-height:1.5;
}
.static-protection-foam-page .answer-box {
  padding:24px;
  border:1px solid #cfe0e8;
  border-radius:14px;
  background:linear-gradient(135deg,#eef7fa 0%,#fff 100%);
}
.static-protection-foam-page .answer-box strong { color:var(--navy); font-size:18px; }
.static-protection-foam-page .decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:20px; }
.static-protection-foam-page .decision-card {
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 14px rgba(0,43,69,.08);
}
.static-protection-foam-page .decision-card::before { content:""; position:absolute; top:0; left:0; right:0; height:5px; background:var(--navy); }
.static-protection-foam-page .decision-card.eas::before { background:#db2777; }
.static-protection-foam-page .decision-label { display:inline-block; margin:0 0 12px; padding:4px 10px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:13px; font-weight:700; }
.static-protection-foam-page .decision-card.eas .decision-label { background:#fdf2f8; color:#be185d; }
.static-protection-foam-page .decision-card h3 { margin:0 0 10px; color:var(--navy); font-size:22px; }
.static-protection-foam-page .decision-card ul { margin:0; padding-left:1.2em; }
.static-protection-foam-page .decision-card li { margin-bottom:7px; }
.static-protection-foam-page .summary-cards,
.static-protection-foam-page .use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:22px; }
.static-protection-foam-page .summary-card,
.static-protection-foam-page .mini-card,
.static-protection-foam-page .card {
  padding:22px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(0,43,69,.06);
}
.static-protection-foam-page .summary-card span,
.static-protection-foam-page .mini-card span { display:block; margin-bottom:10px; font-size:28px; }
.static-protection-foam-page .summary-card strong,
.static-protection-foam-page .mini-card strong { display:block; margin-bottom:8px; color:var(--navy); font-size:17px; }
.static-protection-foam-page .summary-card p,
.static-protection-foam-page .mini-card p { margin:0; color:var(--muted); font-size:15px; }
.static-protection-foam-page .two-column { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.static-protection-foam-page .table-scroll { overflow-x:auto; margin:22px 0; }
.static-protection-foam-page table { width:100%; border-collapse:collapse; background:#fff; font-size:15px; }
.static-protection-foam-page th,
.static-protection-foam-page td { padding:14px 16px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.static-protection-foam-page th { background:var(--navy); color:#fff; font-weight:700; white-space:nowrap; }
.static-protection-foam-page tr:nth-child(even) td { background:#f8fafc; }
.static-protection-foam-page td strong { color:var(--navy); }
.static-protection-foam-page .note-card { padding:20px 22px; border:1px solid #f2d39b; border-left:5px solid var(--orange); border-radius:12px; background:#fffaf0; }
.static-protection-foam-page .note-card strong { color:#92400e; }
.static-protection-foam-page .image-card { margin:22px 0; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 4px 14px rgba(0,43,69,.08); }
.static-protection-foam-page .image-card img { display:block; width:100%; height:auto; }
.static-protection-foam-page .image-card figcaption { padding:12px 16px; background:#f8fafc; color:#475569; font-size:14px; }
.static-protection-foam-page .spec-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.static-protection-foam-page .check-list { padding-left:1.15em; }
.static-protection-foam-page .check-list li { margin-bottom:8px; }
.static-protection-foam-page .small-note { color:#64748b; font-size:14px; }
.static-protection-foam-page .related-section { margin:42px 0; }
.static-protection-foam-page .related-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:24px 0 0; }
.static-protection-foam-page .related-card { position:relative; overflow:hidden; padding:24px 22px; border:1px solid #dce3e8; border-radius:12px; background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%); box-shadow:0 3px 12px rgba(0,43,69,.06); transition:transform .2s ease,box-shadow .2s ease; }
.static-protection-foam-page .related-card::before { content:""; position:absolute; top:0; left:0; right:0; height:5px; background:#5aa6bf; }
.static-protection-foam-page .related-card-link { display:block; color:inherit; text-decoration:none; }
.static-protection-foam-page .related-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:14px; border-radius:50%; background:#eef7fa; font-size:24px; }
.static-protection-foam-page .related-card strong { display:block; margin-bottom:10px; color:#002b45; font-size:18px; line-height:1.5; }
.static-protection-foam-page .related-card p { margin:0; color:#4b5563; font-size:15px; line-height:1.75; }
/* F-55系CTAの見た目 */
.static-protection-foam-page .cta-inquiry { margin:42px 0 20px; padding:30px; border:1px solid #e5e7eb; border-radius:12px; background:linear-gradient(135deg,#f8fafc 0%,#fff 100%); box-shadow:0 4px 12px rgba(0,43,69,.10); text-align:center; }
.static-protection-foam-page .cta-inquiry h2 { margin:0 0 14px; color:#002b45; font-size:24px; }
.static-protection-foam-page .cta-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; justify-content:center; }
.static-protection-foam-page .cta-button { display:inline-block; min-width:210px; padding:14px 22px; border-radius:6px; background:#006b9f; color:#fff !important; font-weight:700; text-decoration:none; }
.static-protection-foam-page .cta-button.secondary { background:#475569; }
.static-protection-foam-page .cta-button:hover { opacity:.9; text-decoration:none; }
@media (max-width: 860px) {
  .static-protection-foam-page .decision-grid,
  .static-protection-foam-page .two-column,
  .static-protection-foam-page .spec-images { grid-template-columns:1fr; }
  .static-protection-foam-page .summary-cards,
  .static-protection-foam-page .use-grid,
  .static-protection-foam-page .related-cards { grid-template-columns:1fr; }
  .static-protection-foam-page .hero-section { padding:24px; }
}



/* スマホ表示時の左右余白調整 */
@media (max-width: 760px) {
  .static-protection-foam-page {
    padding-left: 0;
    padding-right: 0;
  }

  .static-protection-foam-page .sp-hero,
  .static-protection-foam-page section,
  .static-protection-foam-page .lead-box,
  .static-protection-foam-page .answer-box,
  .static-protection-foam-page .comparison-card,
  .static-protection-foam-page .info-card,
  .static-protection-foam-page .image-card,
  .static-protection-foam-page .cta-inquiry {
    margin-left: 0;
    margin-right: 0;
  }

.static-protection-foam-page .sp-hero {
  padding-left: 16px;
  padding-right: 16px;
}

.static-protection-foam-page section {
  padding-left: 0;
  padding-right: 0;
}

  .static-protection-foam-page img {
    max-width: 100%;
    height: auto;
  }
}


/* Table color override：F-55風テーブル配色 */
.static-protection-foam-page .table-scroll table thead th,
.static-protection-foam-page .table-scroll table thead td {
  background: #002b45 !important;
  background-color: #002b45 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

.static-protection-foam-page .table-scroll table tbody th,
.static-protection-foam-page .table-scroll table tbody td:first-child {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
  color: #002b45 !important;
  font-weight: 700 !important;
}

.static-protection-foam-page .table-scroll table tbody td {
  color: #263238 !important;
}

.static-protection-foam-page .table-scroll table tbody tr:nth-child(even) td,
.static-protection-foam-page .table-scroll table tbody tr:nth-child(even) th {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}