/* 240628.中川加筆 */

.business-innovation {

  .inner {

    .texts {
      width: 60%;
    }

  }

}

.news {
  margin-top: 4rem;

  .shadow-box {
    padding-right: 4rem;
    padding-left: 4rem;
    border-radius: 10px;
  }

  .voice-header {

    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;

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

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

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

    > div {
      display: grid;
      max-width: 256px;

      .title {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 4;
      }

      .tag {
        font-size: 0.625rem;
        margin-bottom: 1.25rem;
        color: var(--color-mediumblue-500);
      }

      .title {
        font-size: 0.8125rem;
        font-weight: bold;
        margin-top: 1.2em;
        color: var(--color-mediumblue-500);
      }

      .button {
        margin-top: 1em;
        padding-right: 3em;
        padding-left: 3em;
      }

      .modal-wrapper {
        top: -200px;
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          align-items: flex-start;

          .texts {
            ul {

              padding-left: 0;

              li {
                display: flex;
                padding-bottom: 1em;
                list-style: none;
                border-bottom: 1px solid #ccc;

                span {
                  line-height: 1.5em;
                }

                .com-title {
                  font-weight: bold;
                  width: 30%;
                }

                .com-text {
                  font-weight: 400;
                  width: 65%;
word-break: break-all;

                  .indent {
                    display: block;
                    padding-left: 1em;
                    text-indent: -1em;
                  }
                }
              }

              li + li {
                margin-top: 0.6em;
              }
            }
          }
        }
      }
    }
  }
}

/*承継後の声*/
.business-innovation {
  & .top {
    & .description {
      p.shadow-box.box-ttl {

        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 2em;
        padding: .6em 1em;
        text-align: left;
        border: 5px solid var(--color-dotinnovation);
        border-radius: 20px;
        background: #fff;
        box-shadow: var(--shadow-size) var(--shadow-size) var(--shadow-color);
        --border-color: var(--color-dotinnovation);
        --shadow-color: var(--color-dotinnovation);
        --shadow-size: 1rem;
      }
    }
  }
}

.business-innovation .news-body {
  line-height: 1.8;
  position: relative;
  overflow: visible;
  margin: 0 0 4rem;
  padding: 4em;
  border: 5px solid var(--color-dotinnovation);
  border-radius: 20px;
  background: rgba(255, 255, 255, .8);
  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: 35px;

  .title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
  }
}

.business-innovation .d-flex.gap-2.font-12.buttons {
  font-size: 15px;
  margin: 4rem auto;
  text-align: center;
}

.business-innovation .news-body::after {
  position: absolute;
  z-index: -1;
  top: calc(var(--shadow-size) - 5px);
  right: 0;
  bottom: 0;
  left: calc(var(--shadow-size) - 5px);
  content: "";
  border-top-left-radius: 20px;
  background-color: var(--color-dotinnovation);
  --border-color: var(--theme-color);
  --shadow-color: var(--color-dotinnovation);
  --background-color: var(--color-dotinnovation);
  --shadow-size: 35px;
}

.business-innovation .news {
  & .media-grid {
    & > div {
      .title {
        font-size: 0.8125rem;
        font-weight: bold;
        margin-top: 1.2em;
        color: #000;
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        p.font-20 {
          font-size: 1.3em;
          font-weight: bold;
          line-height: 1.5;
          margin-top: 3rem;
          padding-left: 15px;
          border-left: 5px solid #ff0000;
        }
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          a {
            font-size: .9rem;
            margin-top: .5em;
            color: black;
          }
        }
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        & .card-header {
          img.iconlink {
            max-width: 20px;
          }
        }
      }
    }
  }
}

.business-innovation.inno2 {
  & .card-container {
    & .shadow-box {
      & .inner {
        img {
          max-height: 150px;
        }
      }
    }
  }
}

.business-innovation {
  & .card-container {
    & .shadow-box {
      & .inner {
        p {
          font-size: 1.1rem;
          line-height: 1.8;
        }
      }
    }
  }
}

.business-innovation {
  & .card-container.inno2-wrap {
    & .shadow-box {
      & .inner {
        & .card-header {
          display: flex;
          align-content: flex-start;
          align-items: flex-start;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          margin: 0;

          .texts {
            width: 75%;
          }

          img {
            display: flex;
            align-content: flex-start;
            align-items: flex-start;
            justify-content: flex-start;
            width: 150px;
            height: auto;
            max-height: 0%;
            margin: 0;
          }
        }
      }
    }
  }
}

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