@charset "UTF-8";
/* =============================================================================
 * Ci*X AI ページ 専用スタイル
 *
 * 出力: assets/cix/css/ai.css
 * 読み込み: include/cix/header.php（is_page('ai') のときのみ）
 *
 * 5つのレス(c-solution1__block7) / 関連情報(c-solution1__block3) / ボタン(c-button-04)
 * などの共通パーツは main.css 側にあるため、このファイルはページ固有のスタイルのみを持つ。
 * ========================================================================== */
/* ------------------------------------------------- *
/*        Breakpoint
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* Colors
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* Header
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* FontFamily
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* FontSize
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* Space
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* contentsMargin
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* Easing
/* ------------------------------------------------- */
/* ------------------------------------------------- *
/* Button
/* ------------------------------------------------- */
@media (min-width: 768px) {
  .u-md-none {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-sm-none {
    display: none !important;
  }
}

.u-fw-bold {
  font-weight: 700;
}

/* Ci*X AI ページ
 * Figma: AIページ_10月リリース (436:3380)
 */
.p-ai {
  /* ------------------------------------------------- *
   * 共通パーツ
   * ------------------------------------------------- */
}
.p-ai__inner {
  width: 90%;
  max-width: 1185px;
  margin-inline: auto;
}
.p-ai__title {
  font-size: 1.625rem;
  font-weight: 900;
  line-height: 1.5;
  text-align: center;
  color: #000;
}
@media (min-width: 768px) {
  .p-ai__title {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .p-ai__title.-issue {
    font-size: 2.625rem;
  }
}
.p-ai__btn {
  width: 100%;
  height: 56px;
  margin: 40px auto 0;
}
@media (min-width: 768px) {
  .p-ai__btn {
    margin-top: 60px;
  }
}
@media (min-width: 768px) {
  .p-ai__btn.-issue {
    width: 486px;
  }
}
@media (min-width: 768px) {
  .p-ai__btn.-article {
    width: 384px;
  }
}
.p-ai__video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 0;
  background-color: #000;
}
.p-ai {
  /* ------------------------------------------------- *
   * 紹介動画
   * ------------------------------------------------- */
}
.p-ai__movie {
  padding: 30px 0;
  background-color: #f6f6f6;
}
@media (min-width: 768px) {
  .p-ai__movie {
    padding: 40px 0;
  }
}
.p-ai__movie__inner {
  width: 90%;
  max-width: 844px;
  margin-inline: auto;
}
.p-ai {
  /* ------------------------------------------------- *
   * AI活用の現状と課題
   * ------------------------------------------------- */
}
.p-ai__issue {
  padding: 70px 0;
  background-color: #f6f6f6;
}
@media (min-width: 768px) {
  .p-ai__issue {
    padding: 100px 0;
  }
}
.p-ai__issue__cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .p-ai__issue__cards {
    flex-direction: row;
    gap: 24px;
    margin-top: 14px;
  }
}
.p-ai__issue__card {
  flex: 1;
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-ai__issue__card {
    min-height: 239px;
  }
}
.p-ai__issue__card__title {
  font-size: 1.125rem;
  font-weight: 800;
  color: #0076be;
}
@media (min-width: 768px) {
  .p-ai__issue__card__title {
    font-size: 1.375rem;
  }
}
.p-ai__issue__card__source {
  margin-top: 5px;
  font-size: 0.75rem;
  color: #87898a;
}
@media (min-width: 768px) {
  .p-ai__issue__card__source {
    font-size: 0.875rem;
  }
}
.p-ai__issue__list {
  margin-top: 5px;
  font-size: 0.9375rem;
  line-height: 30px;
}
@media (min-width: 768px) {
  .p-ai__issue__list {
    width: 504px;
    max-width: 100%;
    font-size: 1.125rem;
  }
}
.p-ai__issue__list__row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.p-ai__issue__list dd {
  flex-shrink: 0;
  width: 46px;
  font-weight: 700;
  color: #0076be;
}
.p-ai__issue__essence {
  margin-top: 40px;
  padding: 20px;
  color: #fff;
  text-align: center;
  background-color: #0076be;
}
@media (min-width: 768px) {
  .p-ai__issue__essence {
    margin-top: 60px;
    min-height: 239px;
  }
}
.p-ai__issue__essence__title {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .p-ai__issue__essence__title {
    font-size: 1.75rem;
  }
}
.p-ai__issue__essence__text {
  margin-top: 5px;
  font-size: 0.9375rem;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .p-ai__issue__essence__text {
    font-size: 1.25rem;
  }
}
.p-ai__issue__essence__text br {
  display: none;
}
@media (min-width: 768px) {
  .p-ai__issue__essence__text br {
    display: inline;
  }
}
.p-ai__issue__essence__text strong {
  font-weight: 700;
}
.p-ai {
  /* ------------------------------------------------- *
   * Ci*X AIプラットフォーム
   * ------------------------------------------------- */
}
.p-ai__platform {
  padding: 70px 0 40px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-ai__platform {
    padding: 100px 0 54px;
  }
}
.p-ai__platform__text {
  max-width: 1067px;
  margin: 30px auto 0;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #333;
}
@media (min-width: 768px) {
  .p-ai__platform__text {
    margin-top: 54px;
    font-size: 1.125rem;
  }
}
.p-ai__platform__text p + p {
  margin-top: 1.5em;
}
.p-ai__platform__image {
  max-width: 1139px;
  margin: 30px auto 0;
}
@media (min-width: 768px) {
  .p-ai__platform__image {
    margin-top: 54px;
  }
}
.p-ai__platform__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-ai {
  /* ------------------------------------------------- *
   * JBpress掲載記事
   * ------------------------------------------------- */
}
.p-ai__article {
  padding: 70px 0;
  background-color: #f6f6f6;
}
@media (min-width: 768px) {
  .p-ai__article {
    padding: 100px 0;
  }
}
.p-ai__article__title {
  font-size: 1.375rem;
  font-weight: 900;
  line-height: 1.5;
  color: #000;
}
@media (min-width: 768px) {
  .p-ai__article__title {
    font-size: 2.1875rem;
  }
}
.p-ai__article__lead {
  margin-top: 14px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #000;
}
@media (min-width: 768px) {
  .p-ai__article__lead {
    font-size: 1.125rem;
  }
}
.p-ai__article__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
  padding: 20px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-ai__article__card {
    flex-direction: row;
    align-items: flex-start;
    gap: 40px;
    margin-top: 14px;
    min-height: 416px;
  }
}
.p-ai__article__card__image {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-ai__article__card__image {
    width: 490px;
  }
}
.p-ai__article__card__image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-ai__article__card__text {
  font-size: 0.9375rem;
  line-height: 1.8;
  color: #000;
}
@media (min-width: 768px) {
  .p-ai__article__card__text {
    font-size: 1.125rem;
    line-height: 30px;
  }
}
.p-ai {
  /* ------------------------------------------------- *
   * リリース予定の新機能
   * ------------------------------------------------- */
}
.p-ai__release {
  padding: 70px 0 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-ai__release {
    padding: 200px 0 0;
  }
}
.p-ai__release__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .p-ai__release__list {
    gap: 54px;
    margin-top: 54px;
  }
}
.p-ai__release__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #dcdcdc;
}
@media (min-width: 768px) {
  .p-ai__release__item {
    flex-direction: row;
    align-items: flex-start;
    gap: 50px;
  }
}
.p-ai__release__item__movie {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .p-ai__release__item__movie {
    width: 518px;
  }
}
.p-ai__release__item__body {
  flex: 1;
}
.p-ai__release__item__date {
  display: inline-block;
  padding: 5px 15px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  background-color: #0076be;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .p-ai__release__item__date {
    font-size: 1rem;
  }
}
.p-ai__release__item__title {
  margin-top: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0076be;
}
@media (min-width: 768px) {
  .p-ai__release__item__title {
    font-size: 1.5rem;
  }
}
.p-ai__release__item__catch {
  margin-top: 8px;
  font-size: 1rem;
  color: #000;
}
@media (min-width: 768px) {
  .p-ai__release__item__catch {
    font-size: 1.25rem;
  }
}
.p-ai__release__item__ba {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}
.p-ai__release__item__ba__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.p-ai__release__item__ba__row dt {
  flex-shrink: 0;
  width: 80px;
  padding: 5px 0;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .p-ai__release__item__ba__row dt {
    font-size: 1rem;
  }
}
.p-ai__release__item__ba__row dd {
  flex: 1;
  font-size: 0.9375rem;
}
@media (min-width: 768px) {
  .p-ai__release__item__ba__row dd {
    font-size: 1.125rem;
  }
}
.p-ai__release__item__ba__row.-before dt {
  background-color: #87898a;
}
.p-ai__release__item__ba__row.-before dd {
  font-weight: 500;
  color: #87898a;
}
.p-ai__release__item__ba__row.-after dt {
  background-color: #20bbb0;
}
.p-ai__release__item__ba__row.-after dd {
  font-weight: 600;
  color: #000;
}

.c-solution1__block7__col-2__item.last {
  background: none;
  padding: 0;
}

.c-solution1__block7__inner1 .c-solution1__block7__text {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}
@media (min-width: 768px) {
  .c-solution1__block7__inner1 .c-solution1__block7__text {
    margin-top: 170px;
  }
}

.p-ai__release__item__note {
  font-size: 1rem;
  color: #777;
  margin-top: 10px;
}/*# sourceMappingURL=ai.css.map */