@charset "utf-8";

.envg-block-columns.envg-container-core-columns-is-layout-9d6595d72{
	gap: 16px;
}

@media (min-width: 782px) {

    .envg-block-columns.envg-container-core-columns-is-layout-9d6595d71{
		gap: 16px;
	}

    .envg-block-columns.envg-container-core-columns-is-layout-9d6595d71:not(.is-not-stacked-on-mobile) > .envg-block-column {
        background-color: #fffeed;
        padding: 16px;
    }
}

.issue-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  line-height: 1.6;
}

.issue-table th,
.issue-table td {
  border: 1px solid #d0d0d0;
  padding: 10px 12px;
    vertical-align: middle;
}

.issue-table thead th {
  text-align: center;
  background: #008a17;
  font-weight: 700;
}

.col-category-header {
  width: 8%;
}

.col-arrow-header {
  width: 4%;
}

.col-category {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

/* 箇条書き */
.issue-table ul {
  margin: 0;
}

.issue-table li {
	margin: 0 0 4px;
    padding-left: 12px;
    position: relative;
}

.issue-table li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.8em;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 0.4em solid rgb(0 138 23);
    border-top: 0.28em solid transparent;
    border-bottom: 0.28em solid transparent;
}

/* 右端の未来カラム共通 */
.col-future {
  text-align: center;
  font-weight: 700;
  background: #f9d6dd;
}

/* 矢印カラム共通 */
.col-arrow {
  position: relative;
  border-left: none;
  border-right: none;
}

.col-arrow::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
    transform: translate(calc(-50% + 4px), calc(-50% + 13px));
}

/* 行ごとの色指定 ------------------ */

/* 環境制約 */
.row-env .col-category {
  background: #007f8a;
}
.row-env .col-issue,
.row-env .col-consider {
  background: #d7f0ee;
}
.row-env .col-arrow::before {
  border-left: 24px solid #5cb9ad;
}

/* 資源制約 */
.row-resource .col-category {
  background: #245b9b;
}
.row-resource .col-issue,
.row-resource .col-consider {
  background: #d7e3f4;
}
.row-resource .col-arrow::before {
  border-left: 24px solid #7394c6;
}

/* 成長機会 */
.row-growth .col-category {
  background: #2b7a9f;
}
.row-growth .col-issue,
.row-growth .col-consider {
  background: #d5ecf5;
}
.row-growth .col-arrow::before {
  border-left: 24px solid #6fb5d4;
}

/* 地方創生 */
.row-local .col-category {
  background: #8d6b2b;
}
.row-local .col-issue,
.row-local .col-consider {
  background: #f7e7c4;
}
.row-local .col-arrow::before {
  border-left: 24px solid #cda96b;
}

/* レスポンシブで少し小さく */
@media (max-width: 768px) {
  .issue-table {
    font-size: 13px;
  }
}