@charset "UTF-8";
/* ------------------------------------------------------------
   新事業進出・ものづくり商業サービス補助金LP 専用の上書き
   （style.css / ajust.css は他LPと共有のため、当LP固有の調整はこちらに記述）
------------------------------------------------------------ */

/* カラー定義 */
:root {
  /* 申請枠ごとの条件テーブル（別紙のセル色） */
  --frame-kakushin: #0070C0;  /* 革新的新製品・サービス枠 */
  --frame-shinjigyo: #E0227E; /* 新事業進出枠 */
  --frame-global: #007D7A;    /* グローバル枠 */
  /* 実績ブロック：ものづくり補助金 → 革新的新製品・サービス枠と同じ青 */
  --frame-monodukuri: #0070C0;
}

/* 各業種での事例：申請枠の見出し注記（20px・太字／contents_container の先頭） */
.results_block .main_width .contents_container .frame_note {
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .results_block .main_width .contents_container .frame_note {
    font-size: 18px;
  }
}

/* 申請枠の種類と補助金額：最大9,000万円バッジ */
.table_block .main_width .badge .img_box {
  flex: 0 0 auto;
  line-height: 0;
}
.table_block .main_width .badge .img_box img {
  width: 196px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .table_block .main_width .badge .img_box img {
    width: 150px;
  }
}

/* 実績をもっと見るボタン：各ブロックの色に揃える（既定＝新事業進出のピンク） */
.results_block .main_width .contents_container .contents_btn {
  background-color: var(--frame-shinjigyo);
}

/* ------------------------------------------------------------
   申請枠ごとの条件テーブル（別紙「申請枠_修正.xlsx」準拠）
   枠カラー：革新的新製品・サービス枠 #0070C0 ／ 新事業進出枠 #E0227E ／ グローバル枠 #007D7A
------------------------------------------------------------ */

.table_block .main_width .frame_table_wrap {
  margin-bottom: 50px;
}
.table_block .main_width .frame_table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}
.table_block .main_width .frame_table + .frame_table {
  margin-top: 30px;
}
.table_block .main_width .frame_table .frame_th,
.table_block .main_width .frame_table .frame_label,
.table_block .main_width .frame_table .frame_td {
  /* base_style.css の「.company_info th, td」が全ての td を inline-block にしているため戻す */
  display: table-cell;
  border: 1px solid #ddd;
  padding: 0.7em 0.6em;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
}
.table_block .main_width .frame_table .frame_th {
  color: #fff;
  font-size: clamp(1.6rem, 1.7vw, 2rem);
  font-weight: 700;
  width: 24%;
}
.table_block .main_width .frame_table .frame_th--item {
  background-color: #445EBD;
  width: 16%;
}
.table_block .main_width .frame_table .frame_th--kakushin {
  background-color: var(--frame-kakushin);
}
.table_block .main_width .frame_table .frame_th--shinjigyo {
  background-color: var(--frame-shinjigyo);
}
.table_block .main_width .frame_table .frame_th--global {
  background-color: var(--frame-global);
}
.table_block .main_width .frame_table .frame_label {
  background-color: rgba(60, 95, 196, 0.1);
  color: #222;
  font-size: clamp(1.5rem, 1.6vw, 1.8rem);
  font-weight: 700;
}
.table_block .main_width .frame_table .frame_label .frame_label_sub {
  font-size: 0.85em;
  font-weight: 500;
}
.table_block .main_width .frame_table .frame_td {
  font-size: clamp(1.4rem, 1.5vw, 1.7rem);
  font-weight: 500;
}
.table_block .main_width .frame_table .frame_td .frame_num {
  font-size: 1.25em;
  font-weight: 700;
}
.table_block .main_width .frame_table .frame_td .frame_td_note {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
}
.table_block .main_width .frame_table .frame_td--note {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  padding: 0.4em 0.8em;
}

/* SP：枠ごとに縦積み（別紙 A12「スマホの時は別々で構築してOK」） */
@media screen and (max-width: 767px) {
  .table_block .main_width .frame_table--single {
    table-layout: auto;
  }
  /* 項目名の列は狭く、内容の列を広く取る
     ※見出し行の .frame_th にはPC用の width:24% が効いているため、
       内容側を明示的に上書きしないと均等割りになる */
  .table_block .main_width .frame_table--single .frame_th--item,
  .table_block .main_width .frame_table--single .frame_label {
    width: 24%;
  }
  .table_block .main_width .frame_table--single .frame_th:not(.frame_th--item),
  .table_block .main_width .frame_table--single .frame_td {
    width: 76%;
  }
  .table_block .main_width .frame_table--single .frame_th,
  .table_block .main_width .frame_table--single .frame_label {
    padding: 0.6em 0.3em;
  }
  .table_block .main_width .frame_table--single .frame_td {
    padding: 0.6em 0.6em;
  }
  .table_block .main_width .frame_table--single .frame_th {
    font-size: 1.4rem;
  }
  .table_block .main_width .frame_table--single .frame_label {
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    line-height: 1.3;
  }
  .table_block .main_width .frame_table--single .frame_label .frame_label_sub {
    display: block;
    font-size: 0.9em;
  }
  .table_block .main_width .frame_table--single .frame_td {
    font-size: 1.4rem;
    text-align: left;
  }
}

/* ------------------------------------------------------------
   実績ブロックの色分け（項目3・9）
   上：新事業進出補助金の事例 → ピンク #E0227E
   下：ものづくり補助金の事例 → 革新的新製品・サービス枠と同じ青 #0070C0
   「実績をもっと見る」ボタンは各ブロックの色に合わせる
------------------------------------------------------------ */
.results_block.frame_results {
  margin-top: 70px;
}

/* 既定（新事業進出補助金）：実績行の罫線
   ※サブタイトル(.frame_note)は装飾なし。20px太字のみで、色分けは罫線で行う
   ※contents_container の先頭が .frame_note になったため style.css の
     :first-child が外れる。:first-of-type で1件目の上罫線を復活させる（項目8） */
.results_block .main_width .contents_container .contents_wrap,
.results_block .main_width .contents_container .contents_wrap:first-child {
  border-color: var(--frame-shinjigyo);
}
.results_block .main_width .contents_container .contents_wrap:first-of-type {
  border-top: 3px solid var(--frame-shinjigyo);
}
.results_block .main_width .contents_container .contents_wrap .contents_box .contents_ttl {
  border-bottom-color: var(--frame-shinjigyo);
}

/* ものづくり補助金から移動した実績 */
.results_block.frame_results--monodukuri .main_width .contents_container .contents_wrap,
.results_block.frame_results--monodukuri .main_width .contents_container .contents_wrap:first-child {
  border-color: var(--frame-monodukuri);
}
.results_block.frame_results--monodukuri .main_width .contents_container .contents_wrap:first-of-type {
  border-top-color: var(--frame-monodukuri);
}
.results_block.frame_results--monodukuri .main_width .contents_container .contents_wrap .contents_box .contents_ttl {
  border-bottom-color: var(--frame-monodukuri);
}
.results_block.frame_results--monodukuri .main_width .contents_container .contents_btn {
  background-color: var(--frame-monodukuri);
}