@charset "utf-8";
/*-------------------------------------
　メディア掲載
---------------------------------------*/
.cont-media {
  padding-block: 60px;
  background: #ececec;
}
.cont-media-ttl {
  text-align: center;
}
.cont-media .ttl-catch {
  margin-bottom: 10px;
}
.cont-media h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.cont-media-box {
  background: #fff;
  padding: 30px;
  box-shadow: 2px 2px 4px #ececec;
}
.cont-media-wrap {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.cont-media-wrap:first-of-type {
  margin-block: 10px 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.cont-media-img {
  width: min(30%, 210px);
}
.cont-media-txt {
  width: calc((100% - 30px) - min(30%, 210px));
}
.cont-media-txt h3 {
  font-size: 18px;
  font-weight: bold;
}
.cont-media-txt h3 img {
  width: min(30%, 200px);
}
.cont-media-txt p {
  margin-top: 30px;
  font-size: 17px;
}
.cont-media-txt p span {
  font-weight: bold;
}
.cont-media-txt .icon-double-quotes {
  position: relative;
  padding-inline: 60px;
  font-size: 16px;
}
.icon-double-quotes::before, .icon-double-quotes::after {
  content: "";
  width: 30px;
  height: 24px;
  background-image: url("../../../business/generation-AI/img/icon-double-quotes.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.icon-double-quotes::before {
  top: 0;
  left: 0;
}
.icon-double-quotes::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.cont-media-kome {
  margin-top: 30px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .cont-media h2 {
    font-size: 5vw;
    margin-bottom: 20px;
  }
  .cont-media-box {
    padding: 20px;
  }
  .cont-media-wrap {
    display: block;
  }
  .cont-media-wrap:first-of-type {
    margin-block: 0 20px;
    padding-bottom: 20px;
  }
  .cont-media-img {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .cont-media-img img {
    width: 30%
  }
  .cont-media-img h3 {
    font-size: 3.8vw;
    font-weight: bold;
  }
  .cont-media-img h3 img {
    width: 60%;
  }
  .cont-media-txt {
    width: 100%;
  }
  .cont-media-txt p {
    margin-top: 20px;
    font-size: 3.6vw;
  }
  .cont-media-txt .icon-double-quotes {
    padding-inline: 8vw;
    font-size: 3.4vw;
  }
  .icon-double-quotes::before, .icon-double-quotes::after {
    content: "";
    width: 6vw;
    height: 5vw;
  }
  .cont-media-kome {
    margin-top: 20px;
    font-size: 3.2vw;
    word-break: break-all;
  }
}