/* =========================================================
   Strategic post-subsidy support page
========================================================= */

:root {
  --sp-blue: #0068b6;
  --sp-blue-1: #68a8d6;
  --sp-blue-2: #4f99ce;
  --sp-blue-3: #2f85c4;
  --sp-gray: #f1f1f1;
  --sp-text: #111;
  --sp-line: #222;
}

.c-section-container { background: #fff !important; }
.consultant .c-inner { width: min(1100px, 92vw); max-width: 1100px; margin-right: auto; margin-left: auto; }
.title-icon::before { content: ""; display: inline-block; width: 32px; height: 32px; margin-right: 8px; background: url('/wp-content/uploads/2026/01/h4icon.jpg') no-repeat center / contain; vertical-align: middle; }

.sp-support-page,
.sp-support-page * { box-sizing: border-box; }

.sp-support-page {
  width: 100%;
  overflow: hidden;
  color: var(--sp-text);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", "YuGothic", "Noto Sans JP", Meiryo, sans-serif;
  font-weight: 700;
  line-height: 1.85;
  letter-spacing: 0.04em;
}

.sp-support-section { padding: 34px 0; }
.sp-support-page .c-heading__ttlarea { margin-bottom: 28px; }
.sp-support-page .c-heading__ttl { color: var(--sp-blue); text-align: center; }
.sp-support-page .c-heading__subttl { letter-spacing: .28em; font-weight: 400; }

.sp-process-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 6px;
  color: #fff;
  list-style: none;
}

.sp-process-list li {
  position: relative;
  display: flex;
  min-height: 204px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 30px 22px;
  text-align: center;
}

.sp-process-list li:nth-child(1) { background: var(--sp-blue-1); }
.sp-process-list li:nth-child(2) { background: var(--sp-blue-2); }
.sp-process-list li:nth-child(3) { background: var(--sp-blue-3); }
.sp-process-list li:nth-child(4) { background: var(--sp-blue); }

.sp-process-list li:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -22px;
  width: 46px;
  height: 46px;
  background: inherit;
  transform: translateY(-50%) rotate(45deg);
}

.sp-process-list span { font-size: 21px; font-weight: 400; letter-spacing: .14em; line-height: 1.3; color:#fff; }
.sp-process-list b { display: block; margin-top: 4px; font-size: 23px; line-height: 1.35; color:#fff;  }
.sp-process-list p { margin: 14px 0 0; font-size: 15px; line-height: 1.75; color:#fff;  }

.sp-recommend-grid,
.sp-issue-grid { display: grid; gap: 28px; }
.sp-recommend-grid { grid-template-columns: repeat(3, 1fr); }

.sp-recommend-card,
.sp-issue-grid article {
  display: flex;
  min-height: 270px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 34px 30px 30px;
  background: var(--sp-gray);
  text-align: center;
}

.t_title {
  margin: 16px 0 8px;
  color: var(--sp-blue);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.55;
}

.t_title2 {
  margin: 16px 0 8px;
  color: var(--sp-blue);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.55;
  text-align: center;
}

.sp-recommend-card img {
width:100%;
}

.sp-recommend-card p,
.sp-issue-grid p { margin: 0; font-size: 15px; font-weight: 500; line-height: 1.8; }

.sp-issue-grid article img { width:100%;}

.sp-icon { display: block; width: 58px; height: 58px; color: var(--sp-blue); background: currentColor; }
.sp-icon-growth { clip-path: polygon(42% 4%, 58% 4%, 50% 0, 42% 10%, 47% 10%, 47% 78%, 94% 78%, 94% 68%, 100% 78%, 94% 88%, 94% 82%, 28% 82%, 28% 18%, 22% 18%, 31% 4%, 39% 18%, 33% 18%, 33% 72%, 86% 72%, 86% 66%, 96% 78%, 86% 91%, 86% 85%, 24% 85%, 24% 18%, 18% 18%, 31% 0); }
.sp-icon-knight { clip-path: polygon(55% 4%, 69% 17%, 64% 31%, 75% 43%, 70% 59%, 58% 65%, 66% 80%, 83% 83%, 83% 92%, 22% 92%, 22% 84%, 48% 78%, 43% 65%, 51% 51%, 40% 47%, 45% 35%, 38% 33%, 47% 22%, 47% 9%); }
.sp-icon-search { clip-path: polygon(41% 4%, 56% 8%, 68% 20%, 72% 35%, 69% 51%, 100% 84%, 88% 96%, 57% 62%, 44% 67%, 28% 64%, 15% 55%, 7% 41%, 6% 25%, 15% 12%, 28% 5%, 41% 4%, 40% 15%, 29% 17%, 21% 25%, 18% 38%, 23% 48%, 33% 56%, 46% 56%, 57% 48%, 61% 36%, 58% 24%, 50% 17%, 40% 15%); }
.sp-icon-question,
.sp-icon-compass { border: 6px solid currentColor; border-radius: 50%; background: none; position: relative; }
.sp-icon-question::before { content: "?"; position: absolute; inset: -9px 0 0; color: currentColor; font-size: 42px; font-weight: 800; line-height: 58px; text-align: center; }
.sp-icon-chart { border-radius: 50%; clip-path: polygon(48% 0, 100% 0, 100% 100%, 0 100%, 0 52%, 48% 52%); }
.sp-icon-compass::before { content: ""; position: absolute; inset: 14px; background: currentColor; clip-path: polygon(50% 0, 62% 39%, 100% 50%, 62% 61%, 50% 100%, 38% 61%, 0 50%, 38% 39%); }
.sp-icon-display { clip-path: polygon(5% 28%, 24% 28%, 24% 20%, 84% 20%, 84% 75%, 63% 75%, 63% 86%, 43% 86%, 43% 75%, 5% 75%, 5% 28%, 12% 35%, 12% 68%, 31% 68%, 31% 35%, 12% 35%, 31% 20%, 31% 68%, 77% 68%, 77% 28%, 31% 28%); }

.sp-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sp-table-scroll-sp { display: none; }
.sp-compare-table { width: 100%; min-width: 820px; border-collapse: collapse; table-layout: fixed; text-align: center; }
.sp-compare-table th,
.sp-compare-table td { border: 2px solid var(--sp-line); padding: 7px 14px; font-size: 15px; font-weight: 400; line-height: 1.6; white-space: nowrap; }
.sp-compare-table thead th { background: #dbeaf5; }
.sp-compare-table thead th:last-child { background: var(--sp-blue); color: #fff; }
.sp-table-scroll-sp .sp-compare-table thead th:nth-child(2) { background: var(--sp-blue); color: #fff; }
.sp-table-scroll-sp .sp-compare-table thead th:last-child { background: #dbeaf5; color: var(--sp-text); }
.sp-compare-table tbody th { background: #e9e9e9; }

.sp-example-block { display: grid; grid-template-columns: 294px 1fr; gap: 36px; align-items: center; }
.sp-example-block figure,
.sp-message-block figure,
.sp-strategy-card figure { margin: 0; }
.sp-example-block img,
.sp-message-block img,
.sp-strategy-card img { display: block; width: 100%; height: auto; }
.sp-example-body h4 { margin: 0 0 12px; color: var(--sp-blue); font-size: 18px; font-weight: 800; line-height: 1.5; }
.sp-example-body dl { margin: 0; }
.sp-example-body dl div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; border-bottom: 1px solid #bdbdbd; padding: 6px 0; }
.sp-example-body dt { color: var(--sp-blue); font-weight: 800; }
.sp-example-body dd { margin: 0; font-weight: 400; line-height: 1.65; }

.sp-lead { margin: 0 0 28px; text-align: center; font-weight: 400; }
.sp-issue-grid { grid-template-columns: repeat(4, 1fr); gap: 26px; }
.sp-issue-grid article { min-height: 272px; padding: 30px 24px 26px; }
.sp-issue-grid h4 { font-size: 20px; }

.sp-message-block { display: grid; grid-template-columns: 1fr 1fr; margin-top: 34px; background: var(--sp-gray); }
.sp-message-block > div { display: flex; justify-content: center; flex-direction: column; padding: 46px; }
.sp-message-block h4 { margin: 0 0 18px; color: var(--sp-blue); font-size: 22px; font-weight: 800; line-height: 1.55; }
.sp-message-block p { margin: 0; font-weight: 400; font-size: 13px; line-height: 24px; }
.sp-message-block img { height: 100%; object-fit: cover; }

.sp-strategy-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 52px 28px; }
.sp-strategy-card figure { position: relative; overflow: hidden; background: #d9d9d9; }
.sp-strategy-card figure::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .42); }
.sp-strategy-card img { aspect-ratio: 540 / 354; object-fit: cover; }
.sp-strategy-card figcaption { position: absolute; z-index: 2; left: 31px; bottom: 22px; color: #fff; font-size: 27px; font-weight: 800; line-height: 1.15; }
.sp-strategy-card figcaption span { display: block; margin-bottom: 8px; font-size: 83px; font-weight: 300; line-height: .9; color:#fff !important; }
.sp-strategy-card h4 { margin: 18px 0 12px; color: var(--sp-blue); font-size: 18px; font-weight: 800; line-height: 1.7; text-align: center; }
.sp-strategy-card p { margin: 0 0 17px; font-weight: 500; text-align: center; }
.sp-strategy-card ul { margin: 0; padding: 0; list-style: none; }
.sp-strategy-card li { border-top: 1px solid #bdbdbd; padding: 6px 8px; font-weight: 400; line-height: 1.7; text-align: center; font-size:15px; }
.sp-strategy-card li:last-child { border-bottom: 1px solid #bdbdbd; }
.pc { display: inline-block; }
.sp { display: none;}

@media screen and (max-width: 768px) {
  .consultant .c-inner { width: 90vw; max-width: none; padding: 0; }
  .sp-support-page { font-size: 15px; line-height: 1.85; }
  .sp-support-section { padding: 24px 0; }
  .sp-support-page .c-heading__ttlarea { margin-bottom: 22px; }
  .sp-process-list { display: block; }
  .sp-process-list li { min-height: 128px; padding: 22px 16px; }
  .sp-process-list li:not(:last-child)::after { top: auto; right: auto; bottom: -13px; left: 50%; width: 28px; height: 28px; transform: translateX(-50%) rotate(45deg); }
  .sp-process-list span { font-size: 20px; }
  .sp-process-list b { font-size: 22px; }
  .sp-process-list p { margin-top: 8px; }
  .sp-recommend-grid,
  .sp-issue-grid,
  .sp-message-block,
  .sp-strategy-grid,
  .sp-example-block { display: block; }
  .sp-recommend-card,
  .sp-issue-grid article { min-height: 0; margin-bottom: 16px; padding: 0px; }
  .sp-recommend-card { display: grid; grid-template-columns: 1fr; column-gap: 10px; align-items: center; text-align: left; }
  .sp-recommend-card .sp-icon,
  .sp-issue-grid .sp-icon { grid-row: span 2; justify-self: center; }
  .sp-recommend-card h4 { margin: 0 0 6px; font-size: 17px; }
  .sp-recommend-card p,
  .sp-issue-grid p { font-size: 14px; }
  .sp-table-scroll-pc { display: none; }
  .sp-table-scroll-sp { display: block; padding-bottom: 12px; }
  .sp-table-scroll-sp::-webkit-scrollbar { height: 15px; }
  .sp-table-scroll-sp::-webkit-scrollbar-track { background: #e8e8e8; border-radius: 999px; }
  .sp-table-scroll-sp::-webkit-scrollbar-thumb { background: #aaa; border-radius: 999px; }
  .sp-compare-table { min-width: 630px; font-size: 14px; }
  .sp-compare-table th,
  .sp-compare-table td { padding: 7px 10px; font-size: 14px; }
  .sp-example-block figure { margin-bottom: 18px; }
  .sp-example-body h4 { font-size: 19px; }
  .sp-example-body dl div { display: block; padding: 8px 0; border-bottom: none; }
  .sp-example-body dt { margin-bottom: 3px; border-bottom: 1px solid #bdbdbd; }
  .sp-example-body dd { font-weight: 500; }
  .sp-lead { text-align: left; }
  .sp-issue-grid article { display: grid; grid-template-columns: 1fr; column-gap: 12px; align-items: center; text-align: left; }
  .sp-issue-grid h4 { margin: 0 0 6px; font-size: 17px; text-align: center; }
  .sp-message-block { margin-top: 20px; background: #f2f2f2; }
  .sp-message-block > div { padding: 15px; }
  .sp-message-block h4 { font-size: 18px; text-align: center; }
  .sp-strategy-card { margin-bottom: 38px; }
  .sp-strategy-card figcaption { left: 15px; bottom: 15px; font-size: 23px; }
  .sp-strategy-card figcaption span { font-size: 76px; }
  .sp-strategy-card h4,
  .sp-strategy-card p { text-align: left; }
  .sp {display: inline-block;}
  .pc { display: none;}
  .t_title2 {
  margin: 16px 0 8px;
  color: var(--sp-blue);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.55;
  text-align: left;
}
.t_center {
text-align: center;}
}