/* 240628.中川加筆 */

.news {

  .shadow-box {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .voice-header {

    img {
      width: 100%;
      max-width: 100px;
    }

    p {
      font-size: var(--font-size-20);
      font-weight: bold;
    }
  }

  .media-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 2em 1em;

    > div {
      display: flex;
      flex-direction: column;
      max-width: 256px;

      .title {
        flex-grow: 1;
      }

      .modal-wrapper {
        top: 0;
      }
    }
  }

  .right {
    text-align: center !important;
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        .text-logo p {
          text-align: left;

        }
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          & .texts {
            p:nth-of-type(1) {
              font-weight: bold;
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          & .texts {
            div:has(a) {
              justify-content: center;
              margin-top: 1rem;
            }
          }
        }
      }
    }
  }
}

p.localchiba {
  margin-bottom: .5em;
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          & .texts {
            width: 100%;

            & ul {
              li {
                font-size: var(--font-size-18);
              }
            }
          }
        }
      }
    }
  }
}

/*工藤追加*/
.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          & .texts {
            & ul {
              li {
                display: flex;
                padding-bottom: 1em;
                list-style: none;
                border-bottom: 1px solid #ccc;
              }
            }
          }
        }
      }
    }
  }
}

.business-innovation {
  & .top {
    .description {
      margin-top: 4rem;
    }
  }
}

.business-innovation {
  & .card-container {
    margin-top: 0;
  }
}

.business-innovation .news-body {
  padding: 2em;
  box-shadow: var(--shadow-size) var(--shadow-size) var(--shadow-color);
  --border-color: var(--color-dotinnovation);
  --shadow-color: var(--color-dotinnovation);
  --background-color: var(--color-dotinnovation);
  --shadow-size: 15px;
}

.business-innovation .news-body::after {
  top: calc(var(--shadow-size) - 5px);
  left: calc(var(--shadow-size) - 5px);
  content: "";
  --shadow-size: 15px;
}

.business-innovation {
  .card-container.inno2-wrap {
    & .shadow-box {
      & .inner {
        & .card-header {
          flex-direction: column;
          margin-top: 1.5em;
          margin-bottom: 0;

          & .texts {
            width: 100%;

            a {
              word-break: break-all;
            }
          }

          img {
            width: 150px;
            height: auto;
            max-height: 0%;
            margin: auto;
          }

          & .texts {
            & ul {
              & li {
                flex-direction: column;

                .com-title {
                  font-weight: bold;
                  width: 100%;
                  margin-bottom: 5px;
                }

                .com-text {
                  font-weight: 400;
                  width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
}

.social-innovation {
  & .shadow-box {
    & .flex {
      a {
        margin-top: 1em;
      }
    }
  }
}

.business-innovation {
&.inno4,&.inno5,&.inno7{
    & .card-container {
        & .shadow-box {
            & .inner {
                & .card-header {
                    a {
                        font-size: 1.2rem;
                        margin-top: 1em;
                        color: white;
                        background: var(--color-dotinnovation);
                        text-align: center;
                        text-decoration: none;
                        font-weight: bold;
                        padding: .8em 4em;
                        border-radius: 40px;
                        max-width: 90%;
                        margin-bottom: 2em;
                    }
                }
            }
        }
    }
}
}