@charset "UTF-8";
/* nextstage style
----------------------------- */
.grid {
  display: grid;
  gap: 60px; }

.col-1_3 {
  grid-template-columns: 1fr 2fr; }

.value-creation-table {
  width: 100%;
  max-width: 1200px;
  border-collapse: separate;
  border-spacing: 0;
  margin: 20px 0; }
  .value-creation-table caption {
    text-align: left;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 10px; }
  .value-creation-table .main-header {
    background-color: #2b66a0;
    color: white;
    text-align: center;
    padding: 12px;
    font-weight: bold;
    font-size: 1.1em;
    border: 1px solid #2b66a0; }
  .value-creation-table .sub-header {
    background-color: #c1ddf3;
    color: #2b66a0;
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #2b66a0;
    width: 45%; }
  .value-creation-table .operator-cell {
    width: 10%;
    text-align: center;
    vertical-align: middle;
    font-size: 1.8em;
    font-weight: bold;
    color: #666; }
  .value-creation-table .content-cell {
    padding: 15px;
    border: 1px solid #4a6785;
    vertical-align: top;
    line-height: 1.6;
    font-size: 0.95em; }
  .value-creation-table .spacer {
    border: none; }

.tableBasic th {
  width: 20%; }
.tableBasic ul {
  margin-bottom: 0; }
  .tableBasic ul li:last-child {
    margin-bottom: 0; }

.portfolio-table {
  width: 100%;
  max-width: 1200px;
  border-collapse: separate;
  border-spacing: 5px;
  /* 画像のようなセル間の隙間を再現 */
  table-layout: fixed; }
  .portfolio-table th {
    border: 2px solid #999;
    padding: 10px;
    font-size: 1.1em;
    font-weight: bold;
    background-color: #fff;
    text-align: center; }
  .portfolio-table td {
    padding: 15px;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5; }
  .portfolio-table .side-header {
    width: 40px;
    background-color: #fff;
    border: 1px solid #999;
    writing-mode: vertical-rl;
    /* 縦書き設定 */
    text-orientation: upright;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px;
    font-size: 1.1em; }
  .portfolio-table .category-cell {
    color: white;
    font-weight: bold;
    width: 15%; }
  .portfolio-table .policy-cell {
    width: 45%;
    text-align: center; }
  .portfolio-table .policy-title {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
    color: #333; }
  .portfolio-table .policy-desc {
    font-size: 0.85em;
    font-weight: bold; }
  .portfolio-table .focus-cell {
    width: 35%;
    font-weight: bold;
    font-size: 1.1em;
    color: #3a5a78; }
  .portfolio-table .row-growth .category-cell {
    background-color: rgba(21, 141, 138, 0.8); }
  .portfolio-table .row-growth .policy-cell {
    background-color: rgba(95, 191, 189, 0.4); }
  .portfolio-table .row-growth .focus-cell {
    background-color: rgba(95, 191, 189, 0.4); }
  .portfolio-table .row-expand .category-cell {
    background-color: #2b66a0; }
  .portfolio-table .row-expand .policy-cell {
    background-color: #cadff3; }
  .portfolio-table .row-expand .focus-cell {
    background-color: #cadff3; }
  .portfolio-table .row-base .category-cell {
    background-color: rgba(21, 141, 138, 0.8); }
  .portfolio-table .row-base .policy-cell {
    background-color: rgba(95, 191, 189, 0.4); }
  .portfolio-table .row-base .focus-cell {
    background-color: rgba(95, 191, 189, 0.4); }
  .portfolio-table .row-explore .category-cell {
    background-color: #2b66a0; }
  .portfolio-table .row-explore .policy-cell {
    background-color: #cadff3; }
  .portfolio-table .row-explore .focus-cell {
    background-color: #cadff3; }

.plan-table {
  width: 100%;
  max-width: 1200px;
  border-collapse: collapse; }
  .plan-table thead th {
    background-color: #2b66a0;
    color: #ffffff;
    padding: 12px;
    font-weight: bold;
    border-bottom: 2px solid #2b66a0;
    text-align: center; }
  .plan-table td {
    border-bottom: 1px solid #8ac4ec;
    vertical-align: middle; }
  .plan-table .category-container {
    padding: 20px;
    position: relative;
    width: 220px;
    line-height: 0; }
  .plan-table .category-img {
    width: 100%;
    height: auto;
    display: block; }
  .plan-table .topic-cell {
    padding: 20px;
    font-weight: bold;
    width: 30%; }
  .plan-table .action-cell {
    padding: 15px;
    width: 45%; }
  .plan-table .action-content {
    display: flex;
    align-items: center;
    gap: 15px; }
  .plan-table .action-icon {
    width: 130px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0; }
  .plan-table .action-text {
    font-size: 0.95em; }

@media screen and (max-width: 768px) {
  .grid.col-1_3 {
    grid-template-columns: none; }
  .grid .leftBox {
    text-align: center; }

  .value-creation-table, .portfolio-table, .plan-table {
    min-width: 800px;
    margin: 0; } }

/*# sourceMappingURL=style.css.map */